From 5d4278c4ee5ab8cd3015ccd63cfbcbf0caa3ce82 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= Date: Wed, 21 Aug 2024 11:27:05 +0200 Subject: [PATCH 1/6] brand colors --- docs/.vitepress/theme/custom.css | 21 +++++++++------------ docs/index.md | 2 +- 2 files changed, 10 insertions(+), 13 deletions(-) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index 233d2603aa..7f5af31b74 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -1,16 +1,14 @@ :root { - --vp-c-purple-1: #7135be; - --vp-c-purple-2: #7f42cd; - --vp-c-purple-3: #9555e2; - --vp-c-purple-soft: rgba(155, 91, 233, 0.14); --vp-c-red: #f43f5e; --vp-c-green: #10b981; --vp-c-blue: #0092ff; --vp-c-purple: #a463f2; - --vp-c-brand-1: var(--vp-c-purple-1); - --vp-c-brand-2: var(--vp-c-purple-2); - --vp-c-brand-3: var(--vp-c-purple-3); - --vp-c-brand-soft: var(--vp-c-purple-soft); + --theme-phosphate: #148576; + --theme-phosphate-soft: #d7fbf7; + --vp-c-brand-1: var(--theme-phosphate); /* link and brand color */ + --vp-c-brand-2: var(--theme-phosphate); + --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ + --vp-c-brand-soft: var(--theme-phosphate-soft); --vp-font-family-base: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif; --sans-text: Inter, var(--vp-font-family-base); @@ -18,10 +16,9 @@ } .dark { - --vp-c-purple-1: #db96ff; - --vp-c-purple-2: #9a5ae8; - --vp-c-purple-3: #884ad6; - --vp-c-purple-soft: rgba(155, 91, 233, 0.16); + --theme-phosphate: #37d5be; + --vp-c-brand-3: rgb(183, 41, 169); /* home page alt color */ + --theme-phosphate-soft: #033a32; --vp-c-text-1: #f5f5f5; } diff --git a/docs/index.md b/docs/index.md index db54fd1db4..192345018c 100644 --- a/docs/index.md +++ b/docs/index.md @@ -90,7 +90,7 @@ features: :root { --vp-home-hero-name-color: transparent; - --vp-home-hero-name-background: linear-gradient(-30deg, hsl(200deg 100% 65%), var(--vp-c-purple)); + --vp-home-hero-name-background: linear-gradient(-30deg, var(--vp-c-brand-3), var(--vp-c-brand-1)); } :root.dark .VPHero .VPImage { From 6a64475d55683da7a6258aa2cb30e281dbb3af6b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= Date: Wed, 21 Aug 2024 11:22:44 +0200 Subject: [PATCH 2/6] apply font choices to the whole page; remove font-weight note that Inter is the default font in VitePress --- docs/.vitepress/theme/custom.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index 7f5af31b74..d3409119bd 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -9,9 +9,6 @@ --vp-c-brand-2: var(--theme-phosphate); --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ --vp-c-brand-soft: var(--theme-phosphate-soft); - --vp-font-family-base: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, - roboto, noto, "segoe ui", arial, sans-serif; - --sans-text: Inter, var(--vp-font-family-base); --mono-heading: "Spline Sans Mono", monospace; } @@ -22,10 +19,6 @@ --vp-c-text-1: #f5f5f5; } -.vp-doc { - font-family: var(--sans-text); - font-weight: 500; -} .vp-doc h1 { font-family: var(--mono-heading); From c4e36e7526befd68681bbc3397d303cfeb21abf2 Mon Sep 17 00:00:00 2001 From: CobusT Date: Thu, 22 Aug 2024 01:24:50 -0700 Subject: [PATCH 3/6] additional tweaks to make it match the changes to Framework docs (#2142) --- docs/.vitepress/theme/custom.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index d3409119bd..0a1e26c3d5 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -10,6 +10,9 @@ --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ --vp-c-brand-soft: var(--theme-phosphate-soft); --mono-heading: "Spline Sans Mono", monospace; + --vp-font-family-mono: var(--mono-heading); + --vp-code-font-size: 14px; + --vp-code-line-height: 1.5; } .dark { @@ -25,6 +28,10 @@ font-weight: 500; } +.vp-doc p { + line-height: 1.5; +} + .vp-doc a { color: var(--vp-c-text-1); } From 94ad54f8aa49b931968b651bef1de5e985e5700f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= Date: Thu, 22 Aug 2024 17:35:31 +0200 Subject: [PATCH 4/6] prettier --- docs/.vitepress/theme/custom.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index 0a1e26c3d5..a9b26c1bcc 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -7,7 +7,7 @@ --theme-phosphate-soft: #d7fbf7; --vp-c-brand-1: var(--theme-phosphate); /* link and brand color */ --vp-c-brand-2: var(--theme-phosphate); - --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ + --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ --vp-c-brand-soft: var(--theme-phosphate-soft); --mono-heading: "Spline Sans Mono", monospace; --vp-font-family-mono: var(--mono-heading); @@ -17,12 +17,11 @@ .dark { --theme-phosphate: #37d5be; - --vp-c-brand-3: rgb(183, 41, 169); /* home page alt color */ + --vp-c-brand-3: rgb(183, 41, 169); --theme-phosphate-soft: #033a32; --vp-c-text-1: #f5f5f5; } - .vp-doc h1 { font-family: var(--mono-heading); font-weight: 500; From 2ff7852437bbaa8942da4e3760ba1cead93807a0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= Date: Fri, 23 Aug 2024 11:04:43 +0200 Subject: [PATCH 5/6] brand colors --- docs/.vitepress/theme/custom.css | 11 ++++++++--- docs/index.md | 2 +- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index a9b26c1bcc..d1eecf1c41 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -4,10 +4,13 @@ --vp-c-blue: #0092ff; --vp-c-purple: #a463f2; --theme-phosphate: #148576; + --theme-phosphate-2: #1da492; + --theme-phosphate-3: #26c1ad; --theme-phosphate-soft: #d7fbf7; --vp-c-brand-1: var(--theme-phosphate); /* link and brand color */ - --vp-c-brand-2: var(--theme-phosphate); - --vp-c-brand-3: rgb(243, 139, 233); /* home page alt color */ + --vp-c-brand-2: var(--theme-phosphate-2); + --vp-c-brand-3: var(--theme-phosphate-3); + --hero-brand-contrast: rgb(243, 139, 233); /* home page alt color */ --vp-c-brand-soft: var(--theme-phosphate-soft); --mono-heading: "Spline Sans Mono", monospace; --vp-font-family-mono: var(--mono-heading); @@ -17,7 +20,9 @@ .dark { --theme-phosphate: #37d5be; - --vp-c-brand-3: rgb(183, 41, 169); + --theme-phosphate-2: #28b39e; + --theme-phosphate-3: #1b9583; + --hero-brand-contrast: rgb(183, 41, 169); --theme-phosphate-soft: #033a32; --vp-c-text-1: #f5f5f5; } diff --git a/docs/index.md b/docs/index.md index 192345018c..503da97341 100644 --- a/docs/index.md +++ b/docs/index.md @@ -90,7 +90,7 @@ features: :root { --vp-home-hero-name-color: transparent; - --vp-home-hero-name-background: linear-gradient(-30deg, var(--vp-c-brand-3), var(--vp-c-brand-1)); + --vp-home-hero-name-background: linear-gradient(-30deg, var(--hero-brand-contrast), var(--vp-c-brand-1)); } :root.dark .VPHero .VPImage { From e2d77304d2198039023c79be4f0edcb50b849b00 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= Date: Fri, 23 Aug 2024 15:02:08 +0200 Subject: [PATCH 6/6] closes #2146 --- docs/.vitepress/theme/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index d1eecf1c41..ed64772d23 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -14,6 +14,7 @@ --vp-c-brand-soft: var(--theme-phosphate-soft); --mono-heading: "Spline Sans Mono", monospace; --vp-font-family-mono: var(--mono-heading); + --vp-font-family-base: Inter, -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif; --vp-code-font-size: 14px; --vp-code-line-height: 1.5; }