From a735039ebb9bbe4687b5be21711a0dd7da7843aa Mon Sep 17 00:00:00 2001 From: adigitoleo Date: Wed, 29 Jun 2022 08:00:13 +1000 Subject: [PATCH] fix: Fix dark mode contrast according to review --- qutebrowser/html/base.html | 19 +++++++++++-------- qutebrowser/html/history.html | 4 ++-- 2 files changed, 13 insertions(+), 10 deletions(-) diff --git a/qutebrowser/html/base.html b/qutebrowser/html/base.html index 48486630b..ef091f58a 100644 --- a/qutebrowser/html/base.html +++ b/qutebrowser/html/base.html @@ -19,22 +19,24 @@ vim: ft=html fileencoding=utf-8 sts=4 sw=4 et: - label = color for text on some kind of label/button - fg-alt = alternative foreground color for subtle/parenthetical text - link = links + - timestamp = timestamps and dates (e.g. for qute://history) */ @media (prefers-color-scheme: dark) { :root { - --color-bg: #070707; - --color-fg: #eeeeee; + --color-bg: #1e1c1c; + --color-fg: #dad8d8; --color-bg-alt: #1e282f; --color-fg-feature: #000444; - --color-bg-feature: #1887c5; + --color-bg-feature: #84b4e6; --color-fg-feature-alt: #a6dfff; --color-border: #01cdd0; --color-border-focused: #7a589ea6; - --color-bg-label: #333333; - --color-fg-label: #999999; - --color-fg-alt: #a7a1a1cf; - --color-fg-heading: #084c88; - --color-link: #2562dc; + --color-bg-label: #565656; + --color-fg-label: #dddddd; + --color-fg-alt: #cbc6c6cf; + --color-fg-heading: #a6dfff; + --color-link: #84b4e6; + --color-timestamp: #84b4e6; } } @media (prefers-color-scheme: light) { @@ -52,6 +54,7 @@ vim: ft=html fileencoding=utf-8 sts=4 sw=4 et: --color-fg-alt: #635d5dcf; --color-fg-heading: #000444; --color-link: #2562dc; + --color-timestamp: #555; } } diff --git a/qutebrowser/html/history.html b/qutebrowser/html/history.html index 0eedea56d..678b77db8 100644 --- a/qutebrowser/html/history.html +++ b/qutebrowser/html/history.html @@ -11,7 +11,7 @@ td.title { } td.time { - color: #555; + color: var(--color-timestamp); text-align: right; white-space: nowrap; } @@ -21,7 +21,7 @@ table { } .date { - color: #555; + color: var(--color-timestamp); font-size: 12pt; padding-bottom: 15px; font-weight: bold;