✏️ remove hardcoded color values
This commit is contained in:
parent
a3661187dc
commit
d2f786fcd8
|
@ -25,7 +25,6 @@
|
||||||
size = "compact";
|
size = "compact";
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
home.pointerCursor = {
|
home.pointerCursor = {
|
||||||
|
|
|
@ -23,10 +23,10 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
|
||||||
.text {
|
.text {
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
color: $crust;
|
color: $crust;
|
||||||
background-color: mix(nth($colors, $i), #4E4365, 30%);
|
background-color: mix(nth($colors, $i), $mantle, 30%);
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
background-color: mix(nth($colors, $i), #4E4365, 100%);
|
background-color: mix(nth($colors, $i), $mantle, 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.empty {
|
&.empty {
|
||||||
|
@ -39,11 +39,11 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
|
|
||||||
&.up {
|
&.up {
|
||||||
color: mix(nth($colors, $i), #4E4365, 30%);
|
color: mix(nth($colors, $i), $mantle, 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.up.active {
|
&.up.active {
|
||||||
color: mix(nth($colors, $i), #4E4365, 100%);
|
color: mix(nth($colors, $i), $mantle, 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.down {
|
&.down {
|
||||||
|
@ -56,10 +56,10 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
|
||||||
|
|
||||||
@else {
|
@else {
|
||||||
&.active {
|
&.active {
|
||||||
color: mix(nth($colors, $i + 1), #4E4365, 100%);
|
color: mix(nth($colors, $i + 1), $mantle, 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
color: mix(nth($colors, $i + 1), #4E4365, 30%);
|
color: mix(nth($colors, $i + 1), $mantle, 30%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue