From acbdae73347aa9cafb253c7c51b677ca762da9c4 Mon Sep 17 00:00:00 2001 From: Matt Mayer <152770+matthewmayer@users.noreply.github.com> Date: Mon, 5 Feb 2024 15:32:33 +0700 Subject: [PATCH] docs: override default vitepress brand colors (#2632) --- docs/.vitepress/theme/index.css | 53 +++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/docs/.vitepress/theme/index.css b/docs/.vitepress/theme/index.css index 5eab1f54b45..947dceb125d 100644 --- a/docs/.vitepress/theme/index.css +++ b/docs/.vitepress/theme/index.css @@ -1,3 +1,56 @@ +:root { + --fkr-hue: 160; + --fkr-saturation: 84%; + --fkr-lightness: 39%; + --fkr-alpha: 14%; + --fkr-step: 2%; + --vp-c-brand-1: hsl( + var(--fkr-hue), + var(--fkr-saturation), + var(--fkr-lightness) + ); + --vp-c-brand-2: hsl( + var(--fkr-hue), + var(--fkr-saturation), + calc(var(--fkr-lightness) + var(--fkr-step)) + ); + --vp-c-brand-3: hsl( + var(--fkr-hue), + var(--fkr-saturation), + calc(var(--fkr-lightness) + 2 * var(--fkr-step)) + ); + --vp-c-brand-soft: hsla( + var(--fkr-hue), + var(--fkr-saturation), + var(--fkr-lightness), + var(--fkr-alpha) + ); +} + +.dark { + --vp-c-brand-1: hsl( + var(--fkr-hue), + var(--fkr-saturation), + var(--fkr-lightness) + ); + --vp-c-brand-2: hsl( + var(--fkr-hue), + var(--fkr-saturation), + calc(var(--fkr-lightness) - var(--fkr-step)) + ); + --vp-c-brand-3: hsl( + var(--fkr-hue), + var(--fkr-saturation), + calc(var(--fkr-lightness) - 2 * var(--fkr-step)) + ); + --vp-c-brand-soft: hsla( + var(--fkr-hue), + var(--fkr-saturation), + var(--fkr-lightness), + var(--fkr-alpha) + ); +} + table td * { display: inline; }