diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css index 3d96d91..944224a 100644 --- a/docs/.vitepress/theme/styles.css +++ b/docs/.vitepress/theme/styles.css @@ -55,8 +55,8 @@ --vp-c-divider: #e4e4e7; --vp-c-gutter: #e4e4e7; - --vp-c-brand-1: #09090b; - --vp-c-brand-2: #18181b; + --vp-c-brand-1: #e57b00; + --vp-c-brand-2: #ffb053; --vp-c-brand-3: #09090b; --vp-c-brand-soft: rgba(9, 9, 11, 0.08); @@ -84,8 +84,8 @@ --vp-c-divider: #27272a; --vp-c-gutter: #000000; - --vp-c-brand-1: #fafafa; - --vp-c-brand-2: #e4e4e7; + --vp-c-brand-1: #f3855d; + --vp-c-brand-2: #ef561f; --vp-c-brand-3: #ffffff; --vp-c-brand-soft: rgba(250, 250, 250, 0.12); @@ -97,6 +97,17 @@ --vp-backdrop-bg-color: rgba(9, 9, 11, 0.8); } +/* + * Dark mode doc body text is softened to #c8c8c8. + * Overriding --vp-c-text-1 inside .vp-doc also covers headings and strong text, + * while the nav, sidebar and outline keep the brighter global value. + */ +:root.dark:not([data-theme]) .vp-doc, +:root[data-theme="dark"] .vp-doc { + --vp-c-text-1: #c8c8c8; + color: var(--vp-c-text-1); +} + /* * Frosted glass used by the home page. *