38 lines
618 B
CSS
38 lines
618 B
CSS
:root {
|
|
color-scheme: light dark;
|
|
|
|
--color-light: #d5e9ff;
|
|
--color-dark: #001a33;
|
|
--color-orange-light: #ff764f;
|
|
--color-orange-dark: #f55e33;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
color: light-dark(var(--color-dark), var(--color-light));
|
|
background-color: light-dark(var(--color-light), var(--color-dark));
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
#dark-logo {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#light-logo {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
a,
|
|
a:active {
|
|
color: light-dark(var(--color-orange-light), var(--color-orange-dark));
|
|
}
|
|
|
