diff options
Diffstat (limited to 'src/variables.css')
-rw-r--r-- | src/variables.css | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/variables.css b/src/variables.css index 1c24d2e..d059bb5 100644 --- a/src/variables.css +++ b/src/variables.css @@ -66,6 +66,33 @@ ) / 2); /* Divide by 2: there are two page margins */ } +/* Enable dark theme independently of os preferences*/ +:root.-dark-theme { + --fg: var(--gray-0); + --muted-fg: var(--gray-2); + --faded-fg: var(--gray-7); + --plain-bg: var(--gray-11); + --info-bg: var(--blue-12); + --ok-bg: var(--green-12); + --bad-bg: var(--red-12); + --warn-bg: var(--yellow-12); + --plain-faded-fg: var(--blue-6); + --info-faded-fg: var(--blue-6); + --ok-faded-fg: var(--green-6); + --bad-faded-fg: var(--red-6); + --warn-faded-fg: var(--yellow-6); + --bg: var(--gray-12); + --box-bg: var(--gray-10); + --interactive-bg: var(--gray-8); + --plain-fg: (--blue-2); + --info-fg: var(--blue-2); + --ok-fg: var(--green-2); + --bad-fg: var(--red-2); + --warn-fg: var(--yellow-2); + --accent: var(--blue-2); + --muted-accent: var(--blue-5) +} + @media (prefers-color-scheme: dark) { :root:not(.-no-dark-theme) { --fg: var(--gray-0); |