diff --git a/src/index.css b/src/index.css index 933aedc0..073f0c2a 100644 --- a/src/index.css +++ b/src/index.css @@ -30,20 +30,8 @@ hr { text-transform: capitalize; } -select { - border: var(--select-border, revert); - background-color: var(--select-background-color, revert); - color: var(--select-text-color, revert); -} - -button { - background-color: var(--select-background-color, revert); - color: var(--select-text-color, revert); -} - -textarea, input[type="text"] { - background-color: var(--select-background-color, revert); - color: var(--select-text-color, revert); +* { + color-scheme: var(--color-scheme, revert); } @media (max-width: 640px) { diff --git a/src/themes.css b/src/themes.css index 078bf3d4..ed177355 100644 --- a/src/themes.css +++ b/src/themes.css @@ -763,6 +763,8 @@ } :root .tomorrow { + --color-scheme: dark; + /* backlink */ --post-backlink-text-color: #5f89ac; --post-backlink-text-decoration: underline; @@ -944,11 +946,6 @@ --reply-highlight-border-left: 1px solid #111; --reply-highlight-border-top: 1px solid #111; - /* select */ - --select-border: 1px solid #575a60; - --select-background-color: #282a2e; - --select-text-color: #c5c8c6; - /* settings modal */ --settings-modal-font-size: 14px; --settings-modal-background-color: #282a2e;