diff --git a/public/globals.css b/public/globals.css index 0216442..4912ddd 100644 --- a/public/globals.css +++ b/public/globals.css @@ -1,9 +1,13 @@ :root { + --code-bg: #36383d; + --code-fg: #ffffff; +} + +:root, +[data-theme="dark"] { --main-bg: #1b1f26; --text-color: #fff; --muted-text-color: #b3b3b3; - --code-bg: #36383d; - --code-fg: #ffffff; --input-bg: #2b303b; --input-bg-hover: #3b404b; --meta-bg: #525262; @@ -12,12 +16,10 @@ } @media (prefers-color-scheme: light) { - :root { + :root:not([data-theme="dark"]) { --main-bg: #dbdbdb; --text-color: #000; --muted-text-color: #636363; - --code-bg: #36383d; - --code-fg: #ffffff; --input-bg: #bcbcbc; --input-bg-hover: #a8a8a8; --meta-bg: #aaa8a8; @@ -26,25 +28,10 @@ } } -[data-theme="dark"] { - --main-bg: #1b1f26; - --text-color: #fff; - --muted-text-color: #b3b3b3; - --code-bg: #36383d; - --code-fg: #ffffff; - --input-bg: #2b303b; - --input-bg-hover: #3b404b; - --meta-bg: #525262; - --divider-color: #42464e; - --link-color: #92adff; -} - [data-theme="light"] { --main-bg: #dbdbdb; --text-color: #000; --muted-text-color: #636363; - --code-bg: #36383d; - --code-fg: #ffffff; --input-bg: #bcbcbc; --input-bg-hover: #a8a8a8; --meta-bg: #aaa8a8; @@ -104,4 +91,4 @@ details { .fw-nowrap { flex-wrap: nowrap; -} +} \ No newline at end of file