Skip to content

Commit 6f86f38

Browse files
authored
fix: Improved contrast for links and yaml highlights in dark mode (#1009)
1 parent 5e228fb commit 6f86f38

File tree

1 file changed

+13
-5
lines changed

1 file changed

+13
-5
lines changed

website/src/css/custom.scss

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,11 @@
4545
--ifm-navbar-background-color: #000716;
4646
--ifm-background-color: #0f1b2a;
4747
--ifm-menu-color: #d1d5db;
48+
--ifm-menu-color-active: #ff9900;
49+
--ifm-breadcrumb-color-active: #ff9900;
50+
--ifm-link-color: #ff9900;
51+
--ifm-tabs-color-active: #ff9900;
52+
--ifm-tabs-color-active-border: #ff9900;
4853
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
4954
}
5055

@@ -79,6 +84,14 @@
7984
padding: 0 var(--ifm-pre-padding);
8085
}
8186

87+
[data-theme="dark"] .code-block-highlighted-line-even {
88+
background-color: #d1d1d121;
89+
}
90+
91+
[data-theme="dark"] .code-block-highlighted-line-odd {
92+
background-color: #8c949480;
93+
}
94+
8295
.theme-doc-toc-desktop {
8396
display: none;
8497
}
@@ -205,11 +218,6 @@
205218
color: white;
206219
}
207220

208-
/* Dark mode specific styles */
209-
[data-theme="dark"] img {
210-
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
211-
}
212-
213221
[class^="lightToggleIcon"] {
214222
color: white;
215223
}

0 commit comments

Comments
 (0)