diff --git a/html/css/custom/styles.css b/html/css/custom/styles.css index f7b69a731a7042bd0b0bcf31fb115b83e209e1c4..0a8fc176b8cff220f4e68c25f8c62d52778e4ef0 100644 --- a/html/css/custom/styles.css +++ b/html/css/custom/styles.css @@ -32,6 +32,23 @@ $config['webui']['custom_css'][] = "css/custom/styles.css"; $config['site_style'] = "mono"; */ +:root { + --body-bg: white; + --body-color: black; + --anchor-color: red; + --letter-spacing: 0; +} + +@media (prefers-color-scheme: dark) { + :root { + --body-bg: black; + --body-color: white; + --anchor-color: salmon; + --letter-spacing: 0.1; + } +} + + @media screen and (prefers-color-scheme: dark) { body { background-color: black; @@ -61,6 +78,8 @@ html[data-theme='dark'] { --text-color-highlight: hsl(25, 70%, 45%); } + + /* SCROLL BAR*/ ::-webkit-scrollbar {