|
@@ -1,21 +1,23 @@
|
|
|
|
|
|
:root, .common {
|
|
:root, .common {
|
|
--svc-color: var(--foreground-color);
|
|
--svc-color: var(--foreground-color);
|
|
|
|
+ --light-color: #FFFFFF;
|
|
|
|
+ --dark-color: #141312;
|
|
}
|
|
}
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
:root {
|
|
- --foreground-color: #FFFFFF;
|
|
|
|
- --background-color: #000000;
|
|
|
|
|
|
+ --foreground-color: var(--light-color);
|
|
|
|
+ --background-color: var(--dark-color);
|
|
}
|
|
}
|
|
.auth {
|
|
.auth {
|
|
- --svc-color: #00FF00; /* 15.30 */
|
|
|
|
|
|
+ --svc-color: #00FF00;
|
|
}
|
|
}
|
|
.reg {
|
|
.reg {
|
|
--svc-color: #FF0000;
|
|
--svc-color: #FF0000;
|
|
}
|
|
}
|
|
.ns {
|
|
.ns {
|
|
- --svc-color: #FF29FF; /* 7.01 */
|
|
|
|
|
|
+ --svc-color: #FF29FF;
|
|
}
|
|
}
|
|
.ht {
|
|
.ht {
|
|
--svc-color: #11ffe7;
|
|
--svc-color: #11ffe7;
|
|
@@ -24,19 +26,19 @@
|
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
:root {
|
|
- --foreground-color: #000000;
|
|
|
|
- --background-color: #FFFFFF;
|
|
|
|
|
|
+ --foreground-color: var(--dark-color);
|
|
|
|
+ --background-color: var(--light-color);
|
|
}
|
|
}
|
|
.auth {
|
|
.auth {
|
|
- --svc-color: #00AC00; /* 3.04 */
|
|
|
|
|
|
+ --svc-color: #00AC00;
|
|
}
|
|
}
|
|
.reg {
|
|
.reg {
|
|
- --svc-color: #EE0000; /* 4.53 */
|
|
|
|
|
|
+ --svc-color: #EE0000;
|
|
}
|
|
}
|
|
.ns {
|
|
.ns {
|
|
- --svc-color: #A600AC; /* 6.53 */
|
|
|
|
|
|
+ --svc-color: #A600AC;
|
|
}
|
|
}
|
|
.ht {
|
|
.ht {
|
|
- --svc-color: #0099f8; /* 3.04 */
|
|
|
|
|
|
+ --svc-color: #0099f8;
|
|
}
|
|
}
|
|
}
|
|
}
|