From 07989c7a04c19dcfdf1123e4496686de346efdb1 Mon Sep 17 00:00:00 2001 From: Brian McGee Date: Mon, 29 Apr 2024 14:35:19 +0100 Subject: [PATCH] doc: some initial experiments with colors Signed-off-by: Brian McGee --- docs/.vitepress/theme/style.css | 42 ++++++++++++++++++++------------- 1 file changed, 25 insertions(+), 17 deletions(-) diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css index 42779f9..ba64ed2 100644 --- a/docs/.vitepress/theme/style.css +++ b/docs/.vitepress/theme/style.css @@ -44,15 +44,30 @@ * -------------------------------------------------------------------------- */ :root { - --vp-c-default-1: var(--vp-c-gray-1); - --vp-c-default-2: var(--vp-c-gray-2); - --vp-c-default-3: var(--vp-c-gray-3); - --vp-c-default-soft: var(--vp-c-gray-soft); + --vp-c-treefmt-orange-1: #f79433; + --vp-c-treefmt-orange-2: #f6861a; + --vp-c-treefmt-orange-3: #dd6d00; + --vp-c-treefmt-orange-soft: rgba(245, 121, 0, 0.14); - --vp-c-brand-1: var(--vp-c-indigo-1); - --vp-c-brand-2: var(--vp-c-indigo-2); - --vp-c-brand-3: var(--vp-c-indigo-3); - --vp-c-brand-soft: var(--vp-c-indigo-soft); + --vp-c-treefmt-green-1: #9de05c; + --vp-c-treefmt-green-2: #8fdb45; + --vp-c-treefmt-green-3: #73d216; + --vp-c-treefmt-green-soft: rgba(115, 210, 22, 0.14); + + --vp-c-treefmt-gray-1: #6d6e6a; + --vp-c-treefmt-gray-2: #888a85; + --vp-c-treefmt-gray-3: #a0a19d; + --vp-c-treefmt-gray-soft: rgba(136, 138, 133, 0.14); + + --vp-c-default-1: var(--vp-c-treefmt-gray-1); + --vp-c-default-2: var(--vp-c-treefmt-gray-2); + --vp-c-default-3: var(--vp-c-treefmt-gray-3); + --vp-c-default-soft: var(--vp-c-treefmt-gray-soft); + + --vp-c-brand-1: var(--vp-c-treefmt-orange-1); + --vp-c-brand-2: var(--vp-c-treefmt-orange-2); + --vp-c-brand-3: var(--vp-c-treefmt-orange-3); + --vp-c-brand-soft: var(--vp-c-treefmt-orange-soft); --vp-c-tip-1: var(--vp-c-brand-1); --vp-c-tip-2: var(--vp-c-brand-2); @@ -91,17 +106,10 @@ * -------------------------------------------------------------------------- */ :root { - --vp-home-hero-name-color: transparent; - --vp-home-hero-name-background: -webkit-linear-gradient( - 120deg, - #bd34fe 30%, - #41d1ff - ); - --vp-home-hero-image-background-image: linear-gradient( -45deg, - #bd34fe 50%, - #47caff 50% + var(--vp-c-treefmt-orange-3) 50%, + var(--vp-c-treefmt-green-1) 50% ); --vp-home-hero-image-filter: blur(44px); }