2024-03-16 04:04:38 -05:00
|
|
|
:root {
|
|
|
|
--font: 'Inconsolata', monospace;
|
|
|
|
--font-size: 16px;
|
|
|
|
--columns: 2;
|
|
|
|
|
|
|
|
--background-color: #171616;
|
|
|
|
--color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.dark {
|
|
|
|
background-color: var(--background-color);
|
|
|
|
color: var(--color);
|
|
|
|
}
|
|
|
|
|
|
|
|
body.dark>div:first-child #arrow {
|
|
|
|
color: #000;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
2024-03-16 05:03:32 -05:00
|
|
|
body>div:first-child #arrow {
|
2024-03-16 04:04:38 -05:00
|
|
|
background-color: var(--color);
|
|
|
|
color: var(--background-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
body.dark a {
|
|
|
|
color: var(--color);
|
|
|
|
}
|
|
|
|
|
2024-03-16 05:03:32 -05:00
|
|
|
body.dark #switch_theme {
|
2024-03-16 04:04:38 -05:00
|
|
|
color: var(--color);
|
2024-03-16 05:03:32 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
body.dark>#arrows>div {
|
|
|
|
background-color: var(--color);
|
|
|
|
color: var(--background-color);
|
2024-03-16 04:04:38 -05:00
|
|
|
}
|