diff --git a/src/en/assets/luca0n.css b/src/en/assets/luca0n.css index 4a27a7f..e6fba82 100644 --- a/src/en/assets/luca0n.css +++ b/src/en/assets/luca0n.css @@ -144,39 +144,41 @@ p { /**************/ /* Dark theme */ /**************/ -body { - background-color: #222; - color: #ddd; -} -footer { - color: #bbb; -} +@media (prefers-color-scheme: dark) { + body { + background-color: #222; + color: #ddd; + } + footer { + color: #bbb; + } -main a { - color: #1ca6c6; - transition: color 0.08s linear 0s; -} -main a:visited { - color: #c658e6; -} -main a:hover { - color: #63cae1; -} -header a { - color: #0d2f95; - transition: color 0.08s linear 0s; -} -header a:visited { - color: #650a73; -} + main a { + color: #1ca6c6; + transition: color 0.08s linear 0s; + } + main a:visited { + color: #c658e6; + } + main a:hover { + color: #63cae1; + } + header a { + color: #0d2f95; + transition: color 0.08s linear 0s; + } + header a:visited { + color: #650a73; + } -.button:hover { - background-color: rgb(225, 178, 117); -} + .button:hover { + background-color: rgb(225, 178, 117); + } -.contentWarning { - color: black; - background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); + .contentWarning { + color: black; + background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); + } } @media screen and (max-width: 768px) {