From 3e204fca07c3f19c2cb4fe9a172169718181f889 Mon Sep 17 00:00:00 2001 From: David Montague <35119617+dmontagu@users.noreply.github.com> Date: Tue, 30 Apr 2024 07:55:39 -0600 Subject: [PATCH] Improve darkmode colors --- docs/extra/tweaks.css | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/docs/extra/tweaks.css b/docs/extra/tweaks.css index 7a17ae8c..ab4f2d60 100644 --- a/docs/extra/tweaks.css +++ b/docs/extra/tweaks.css @@ -9,13 +9,20 @@ /* Revert hue value to that of pre mkdocs-material v9.4.0 */ [data-md-color-scheme="slate"] { - --md-hue: 230; - --md-default-bg-color: #1d0214; - --md-primary-fg-color: #e620e9; - --md-primary-fg-color--light: #e620e9; - --md-primary-fg-color--dark: #e620e9; - /* this color is used by the the announce banner: */ - --md-footer-bg-color: #1d0214; + /* Hue taken from hsl of #1d0214, used for bg on website*/ + --md-hue: 320; + /* Increase the lightness by 5%, opacity by 0.2 */ + --md-default-fg-color: hsla(var(--md-hue),15%,95%,1.0); + --md-default-fg-color--light: hsla(var(--md-hue),15%,95%,0.76); + --md-default-fg-color--lighter: hsla(var(--md-hue),15%,95%,0.52); + --md-default-fg-color--lightest: hsla(var(--md-hue),15%,95%,0.32); + /* Change the saturation and lightness to match #1d0214 */ + --md-default-bg-color: hsla(var(--md-hue),87%,6%,1); + --md-default-bg-color--light: hsla(var(--md-hue),87%,6%,0.54); + --md-default-bg-color--lighter: hsla(var(--md-hue),87%,6%,0.26); + --md-default-bg-color--lightest: hsla(var(--md-hue),87%,6%,0.07); + /* Increase the opacity of code to 1.0 */ + --md-code-fg-color: hsla(var(--md-hue),18%,86%,1.0) } /* Hide all ToC entries for parameters. */