63 lines
1007 B
CSS
63 lines
1007 B
CSS
@media (prefers-color-scheme: dark) {
|
|
.auth {
|
|
--svc-color: #00FF00;
|
|
}
|
|
.reg {
|
|
--svc-color: #FF50FF;
|
|
}
|
|
.ns {
|
|
--svc-color: #00FFFF;
|
|
}
|
|
.ht {
|
|
--svc-color: #FFFF00;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.auth {
|
|
--svc-color: #EE0000;
|
|
}
|
|
.reg {
|
|
--svc-color: #D100D1;
|
|
}
|
|
.ns {
|
|
--svc-color: #006DFF;
|
|
}
|
|
.ht {
|
|
--svc-color: #008768;
|
|
}
|
|
}
|
|
|
|
a {
|
|
text-decoration: underline;
|
|
color: var(--svc-color, --foreground-color);
|
|
}
|
|
|
|
.button {
|
|
font-size: 1.1rem;
|
|
font-weight: bold;
|
|
border-width: 0.15rem;
|
|
border-style: solid;
|
|
text-decoration: none;
|
|
border-radius: 0.8rem;
|
|
padding: 0.3rem 0.5rem;
|
|
margin: 0.2rem 0;
|
|
display: inline-block;
|
|
border-color: var(--svc-color);
|
|
color: var(--svc-color);
|
|
}
|
|
|
|
.button::selection {
|
|
background-color: var(--svc-color);
|
|
}
|
|
|
|
.button:hover, .button:focus {
|
|
background-color: var(--svc-color);
|
|
color: var(--background-color);
|
|
}
|
|
|
|
.button:hover::selection, .button:focus::selection {
|
|
background-color: var(--foreground-color);
|
|
color: var(--svc-color);
|
|
}
|