40 lines
986 B
CSS
40 lines
986 B
CSS
[data-nav-item] {
|
|
border-radius: 10rem !important;
|
|
--themable-button-bg: var(--text-color);
|
|
--themable-button-text: var(--main-color);
|
|
--themable-button-hover-bg: var(--text-color);
|
|
--themable-button-hover-text: var(--bg-color);
|
|
}
|
|
|
|
[data-nav-item="alerts"],
|
|
[data-ui-element="navAvatar"] {
|
|
& [data-ui-element="notificationBubble"] {
|
|
box-shadow: none;
|
|
background: var(--bg-color);
|
|
}
|
|
}
|
|
|
|
[data-ui-element="userLevel"] {
|
|
--themable-flash-color: var(--text-color);
|
|
--themable-bg-color: var(--bg-color);
|
|
--themable-text-color: var(--main-color);
|
|
--themable-hover-bg-color: var(--bg-color);
|
|
}
|
|
|
|
body.crtmode [data-nav-item] {
|
|
box-shadow:
|
|
3px 0 1px var(--crt-text-color-glow),
|
|
-3px 0 var(--crt-text-color-glow),
|
|
0 0 3px;
|
|
}
|
|
|
|
header[data-focused] {
|
|
[data-nav-item="test"],
|
|
[data-nav-item="leaderboards"],
|
|
[data-nav-item="about"],
|
|
[data-nav-item="settings"] {
|
|
/* --themable-button-bg: var(--sub-color); */
|
|
--nav-focus-opacity: 0.5;
|
|
}
|
|
}
|