From 77efd3e994676f42c463bf4ff204ddf0fea9ce97 Mon Sep 17 00:00:00 2001 From: kevin Date: Tue, 6 Dec 2022 10:57:29 -0600 Subject: [PATCH] feat: update sidebar background color for light mode --- src/css/custom.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 1f53f3e4..17850b66 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -43,6 +43,8 @@ --bt-heading-font-style: normal; --bt-heading-letter-spacing: -1px; --bt-code-font-family: "Source Code Pro"; + --bt-sidebar-background-color: #f3f5fd; + --bt-sidebar-border-color: rgba(209, 215, 255, 0.4); } /* For readability concerns you should choose a lighter palette in dark mode. */ @@ -56,9 +58,8 @@ --ifm-color-primary-lightest: #00d5f2; --docusaurus-highlighted-code-line-bg: rgba(0 0 0 0.3); - --ifm-font-color-base: white; - - --ifm-heading-color: white; + --ifm-font-color-base: #fff; + --ifm-heading-color: #fff; } h1 { @@ -100,3 +101,8 @@ h6 { code { font-family: var(--bt-code-font-family); } + +[data-theme="light"] .theme-doc-sidebar-container { + background-color: var(--bt-sidebar-background-color); + border: 1px solid var(--bt-sidebar-border-color); +}