53 lines
911 B
CSS
53 lines
911 B
CSS
[data-nav-item="test"] {
|
|
color: #f38ba8;
|
|
&:hover {
|
|
color: color-mix(in srgb, #f38ba8 75%, white 25%);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="leaderboards"] {
|
|
color: #fab387;
|
|
&:hover {
|
|
color: color-mix(in srgb, #fab387 75%, white 25%);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="about"] {
|
|
color: #f9e2af;
|
|
&:hover {
|
|
color: color-mix(in srgb, #f9e2af 75%, white 25%);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="settings"] {
|
|
color: #a6e3a1;
|
|
&:hover {
|
|
color: color-mix(in srgb, #a6e3a1 75%, white 25%);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="account"] {
|
|
--themable-button-text: #89dceb;
|
|
&:hover {
|
|
--themable-button-text: color-mix(
|
|
in srgb,
|
|
var(--themable-button-text),
|
|
white 25%
|
|
);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="alerts"] {
|
|
color: #89b4fa;
|
|
&:hover {
|
|
color: color-mix(in srgb, #89b4fa 75%, white 25%);
|
|
}
|
|
}
|
|
|
|
[data-nav-item="login"] {
|
|
color: #b4befe;
|
|
&:hover {
|
|
color: color-mix(in srgb, #b4befe 75%, white 25%);
|
|
}
|
|
}
|