Чтобы затемнить цвет с помощью SCSS/Sass, вы можете использовать несколько методов:
-
Использование функции darken():
$color: #FF0000; // Original color $darkenedColor: darken($color, 10%); // Darkened color by 10%
-
Использование функции mix():
$color: #FF0000; // Original color $darkColor: #000000; // Dark color to mix with $darkenedColor: mix($color, $darkColor, 50%); // Darkened color by 50%
-
Использование функции rgba():
$color: #FF0000; // Original color $darkenedColor: rgba($color, 0.5); // Darkened color with 50% opacity
-
Использование переменных и вычислений:
$color: #FF0000; // Original color $darkenedColor: darken($color, 10%); // Darkened color by 10% $darkenedColor2: $color * 0.9; // Darkened color by multiplying with a factor
Не забудьте заменить значения цвета и проценты нужными значениями.