From 6f86f38f48831de0dc4a3f02a70a5d01af705f3d Mon Sep 17 00:00:00 2001 From: Niall Thomson Date: Tue, 16 Jul 2024 21:54:44 -0600 Subject: [PATCH] fix: Improved contrast for links and yaml highlights in dark mode (#1009) --- website/src/css/custom.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss index 2e12d9e41..a9b37df1c 100644 --- a/website/src/css/custom.scss +++ b/website/src/css/custom.scss @@ -45,6 +45,11 @@ --ifm-navbar-background-color: #000716; --ifm-background-color: #0f1b2a; --ifm-menu-color: #d1d5db; + --ifm-menu-color-active: #ff9900; + --ifm-breadcrumb-color-active: #ff9900; + --ifm-link-color: #ff9900; + --ifm-tabs-color-active: #ff9900; + --ifm-tabs-color-active-border: #ff9900; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } @@ -79,6 +84,14 @@ padding: 0 var(--ifm-pre-padding); } +[data-theme="dark"] .code-block-highlighted-line-even { + background-color: #d1d1d121; +} + +[data-theme="dark"] .code-block-highlighted-line-odd { + background-color: #8c949480; +} + .theme-doc-toc-desktop { display: none; } @@ -205,11 +218,6 @@ color: white; } -/* Dark mode specific styles */ -[data-theme="dark"] img { - box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1); -} - [class^="lightToggleIcon"] { color: white; }