26 lines
448 B
CSS
26 lines
448 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));
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
a:active {
|
||
|
|
color: light-dark(var(--color-orange-light), var(--color-orange-dark));
|
||
|
|
}
|
||
|
|
|
