$theme-color-primary: #1b6d85; $theme-color-secondary: #1b6d85; $theme-color-tertiary: #ccc; #big_container { &.theme-dark-crystal { background: #222; color: #ddd; .container { padding: 1em; } main { background: #444; } h1::after { background-color: $theme-color-primary; } .btn--primary:focus, .btn--primary:hover, .btn--primary:active, .btn--primary { background-color: $theme-color-secondary; } .btn--warning:focus, .btn--warning:hover, .btn--warning:active, .btn--warning { background-color: $theme-color-secondary; } select { background: $theme-color-secondary; border-color: $theme-color-secondary; &:hover { color: $theme-color-tertiary; } } .title { color: $theme-color-tertiary; } .lang_icon, .menu_icon { fill: $theme-color-secondary !important; color: $theme-color-secondary !important; } .big-header { margin-bottom: 22px; } } }