From 91db29f2b245f880e8fed4089b13cf6276ad7306 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 9 May 2024 21:08:07 +0200 Subject: [PATCH 01/32] first color adjustments --- .vitepress/config.mts | 2 +- .vitepress/theme/index.css | 65 +++++++++++++++++++++++++++++++++++++- package-lock.json | 2 +- 3 files changed, 66 insertions(+), 3 deletions(-) diff --git a/.vitepress/config.mts b/.vitepress/config.mts index fea7280..d5eb4ca 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -9,7 +9,7 @@ export default defineConfig({ srcDir: './src', // all *.md files in a subfolder called 'src' cleanUrls: true, // without extension like .html lastUpdated: true, - head: [['link', { rel: 'icon', href: '/favicon.ico' }]], + head: [['link', { rel: 'icon', href: '/favicon.ico' }], ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com'}], ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com'}],['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap' }]], markdown: { image: { lazyLoading: true diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 702619d..16fc2bc 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -1,7 +1,70 @@ +:root { + --vp-c-brand-1: #4F9D69; + --vp-c-brand-2: #488C48; + --vp-button-brand-bg: #4F9D69; +} + +:root { + --vp-c-bg: #D2D0B9; + --vp-c-bg-alt: rgba(0,0,0,0.05); + --vp-c-bg-elv: #DDDBC3; + --vp-c-bg-soft: #E7E6D5; +} + +:root { + --vp-font-family-base: "Raleway", sans-serif; + --vp-font-family-mono: "Source Code Pro", monospace; +} + +:root { + --vp-c-text-1: rgba(60, 60, 67); + --vp-c-text-2: rgba(60, 60, 67, 0.78); + --vp-c-text-3: rgba(60, 60, 67, 0.56); +} + +.dark { + --vp-c-text-1: rgba(255, 255, 245, 0.86); + --vp-c-text-2: rgba(235, 235, 245, 0.6); + --vp-c-text-3: rgba(235, 235, 245, 0.38); +} + +:root { + --vp-c-divider: rgba(0,0,0,0.1); + --vp-c-gutter: rgba(0,0,0,0.1); +} + +/* search suggest entry */ +.result { + background: var(--vp-c-bg-alt); + border: none !important; +} + +.result[aria-selected:true] { + border: rgba(0,0,0,0.2); +} + +/* main menu entry */ +.VPSidebarItem .is-active{ + border-radius: 0.25rem; + background: var(--vp-c-bg-elv); + padding-left: 1rem; +} +.VPSidebarItem.level-1.is-active > .item .link > .text { + color: var(--vp-c-text-1) !important; + font-weight: 700; +} + +/* search bar bg */ +.search-bar { + background: var(--vp-c-bg-alt); + border: none !important; +} + .medium-zoom-overlay { z-index: 30; } .medium-zoom-image { z-index: 31; - } \ No newline at end of file + border-radius: 0.5rem; + } diff --git a/package-lock.json b/package-lock.json index 9b11bfe..b5b486f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "medium-zoom": "^1.1.0" }, "devDependencies": { - "vitepress": "^1.0.0-rc.44" + "vitepress": "^1.0.2" } }, "node_modules/@algolia/autocomplete-core": { From 3d955747eed38bdda0cbbf06aa885892ca67d48c Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 9 May 2024 21:34:41 +0200 Subject: [PATCH 02/32] menu --- .vitepress/theme/index.css | 30 ++++++++++++++++++++++-------- 1 file changed, 22 insertions(+), 8 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 16fc2bc..325e8c1 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -33,15 +33,11 @@ --vp-c-gutter: rgba(0,0,0,0.1); } -/* search suggest entry */ -.result { - background: var(--vp-c-bg-alt); - border: none !important; +:root { + --vp-local-search-result-border: rgba(0,0,0,0.3); } -.result[aria-selected:true] { - border: rgba(0,0,0,0.2); -} + /* main menu entry */ .VPSidebarItem .is-active{ @@ -49,17 +45,35 @@ background: var(--vp-c-bg-elv); padding-left: 1rem; } -.VPSidebarItem.level-1.is-active > .item .link > .text { +.VPSidebarItem.level-1.is-active > .item .link > .text, .VPSidebarItem.level-2.is-active > .item .link > .text { color: var(--vp-c-text-1) !important; font-weight: 700; } +.VPSidebarItem.level-1.is-active > .item > .indicator , .VPSidebarItem.level-2.is-active > .item > .indicator { + display: none; +} + /* search bar bg */ .search-bar { background: var(--vp-c-bg-alt); border: none !important; } +/* search suggest entry */ +.result { + background: var(--vp-c-bg-alt); + border: none !important; +} + +.result.selected { + border: solid 2px var(--vp-local-search-result-border) !important; +} + +.result.selected .titles, .result.selected .title-icon { + color: var(--vp-c-text-1) !important; /* does not work yet */ +} + .medium-zoom-overlay { z-index: 30; } From 40b5f05f2ea045d0f46d6460dd45c468190208c4 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 9 May 2024 21:47:34 +0200 Subject: [PATCH 03/32] Update index.css --- .vitepress/theme/index.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 325e8c1..d8346a9 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -37,6 +37,10 @@ --vp-local-search-result-border: rgba(0,0,0,0.3); } +/* nav line */ +.VPLocalNav { + border-bottom: none !important; +} /* main menu entry */ From 10f97ad17d079ff1847247db6f9ae996cfad2987 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 15:41:07 +0200 Subject: [PATCH 04/32] add dark surface colors --- .vitepress/theme/index.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index d8346a9..c84b657 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -11,6 +11,13 @@ --vp-c-bg-soft: #E7E6D5; } +.dark { + --vp-c-bg: #151516; + --vp-c-bg-alt: #1A1E20; + --vp-c-bg-elv: #21282C; + --vp-c-bg-soft: #252A2E; +} + :root { --vp-font-family-base: "Raleway", sans-serif; --vp-font-family-mono: "Source Code Pro", monospace; From f59043bd13ef5e264e75aee057cf82cabf648d37 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 15:54:15 +0200 Subject: [PATCH 05/32] added corner radius and shadow to images + videos, font colors, source sans --- .vitepress/config.mts | 2 +- .vitepress/theme/index.css | 24 +++++++++++++++++++++++- 2 files changed, 24 insertions(+), 2 deletions(-) diff --git a/.vitepress/config.mts b/.vitepress/config.mts index d5eb4ca..53d47c7 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -9,7 +9,7 @@ export default defineConfig({ srcDir: './src', // all *.md files in a subfolder called 'src' cleanUrls: true, // without extension like .html lastUpdated: true, - head: [['link', { rel: 'icon', href: '/favicon.ico' }], ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com'}], ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com'}],['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap' }]], + head: [['link', { rel: 'icon', href: '/favicon.ico' }], ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com'}], ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com'}],['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap' }]], markdown: { image: { lazyLoading: true diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index c84b657..5925901 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -44,11 +44,32 @@ --vp-local-search-result-border: rgba(0,0,0,0.3); } +.dark { + --vp-local-search-result-border: var(--vp-c-bg-soft); +} + /* nav line */ .VPLocalNav { border-bottom: none !important; } +body { + font-size: 1.2rem; +} + +body{ + color: var(--vp-c-text-2); +} + +h1, h2, h3, h4, h5, h6 { + color: var(--vp-c-text-1); +} + +.vp-doc p { + font-family: "Source Sans 3"; + line-height: 2rem; +} + /* main menu entry */ .VPSidebarItem .is-active{ @@ -89,7 +110,8 @@ z-index: 30; } - .medium-zoom-image { + .medium-zoom-image, video { z-index: 31; border-radius: 0.5rem; + box-shadow: 0 0 1rem rgba(0,0,0,0.05); } From 0c7d3e8cdad6810ae63324ba5214359afe44f47d Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 16:08:36 +0200 Subject: [PATCH 06/32] added first custom block adjustments --- .vitepress/theme/index.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 5925901..6e81851 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -5,10 +5,20 @@ } :root { - --vp-c-bg: #D2D0B9; + --vp-c-bg: #DDDBC3; --vp-c-bg-alt: rgba(0,0,0,0.05); - --vp-c-bg-elv: #DDDBC3; + --vp-c-bg-elv: #D2D0B9; --vp-c-bg-soft: #E7E6D5; + + --vp-c-tip-soft: rgba(46, 100, 153, 0.15); + + --vp-c-important-soft: rgba(173,153,0,0.15); + --vp-c-warning-soft: rgba(173,153,0,0.15); + + --vp-c-danger-soft: rgba(150,3,26,0.15); + --vp-c-caution-soft: rgba(150,3,26,0.15); + + --vp-custom-block-font-size: 1.2rem; } .dark { @@ -113,5 +123,5 @@ h1, h2, h3, h4, h5, h6 { .medium-zoom-image, video { z-index: 31; border-radius: 0.5rem; - box-shadow: 0 0 1rem rgba(0,0,0,0.05); + box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); } From 1c511e09dd0b4c6c2c89ff9a2d41d5c4548079fe Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 16:14:53 +0200 Subject: [PATCH 07/32] slight increase of font weight --- .vitepress/theme/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 6e81851..0d05db8 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -78,6 +78,7 @@ h1, h2, h3, h4, h5, h6 { .vp-doc p { font-family: "Source Sans 3"; line-height: 2rem; + font-weight: 450; } From 8087e156d57b61eab9e39882d0a410e32b10c289 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 18:08:35 +0200 Subject: [PATCH 08/32] add surfaces for custom box, clean up css --- .vitepress/theme/index.css | 157 +++++++++++++++++++++++-------------- src/de/tech-stack.md | 16 ++++ 2 files changed, 112 insertions(+), 61 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 0d05db8..45a8bfb 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -1,110 +1,140 @@ :root { + /* Brand colors */ --vp-c-brand-1: #4F9D69; - --vp-c-brand-2: #488C48; - --vp-button-brand-bg: #4F9D69; -} + --vp-c-brand-2: #2E6499; -:root { + /* Background colors */ --vp-c-bg: #DDDBC3; --vp-c-bg-alt: rgba(0,0,0,0.05); --vp-c-bg-elv: #D2D0B9; --vp-c-bg-soft: #E7E6D5; - --vp-c-tip-soft: rgba(46, 100, 153, 0.15); + /* Text colors */ + --vp-c-text-1: rgba(60, 60, 67); + --vp-c-text-2: rgba(60, 60, 67, 0.78); + --vp-c-text-3: rgba(60, 60, 67, 0.56); - --vp-c-important-soft: rgba(173,153,0,0.15); + /* Overlays and shadows */ + --vp-c-divider: rgba(0,0,0,0.1); + --vp-c-gutter: rgba(0,0,0,0.1); + --vp-c-tip-soft: var(--vp-c-bg-soft); + --vp-c-important-soft: rgba(46,100,153,0.15); --vp-c-warning-soft: rgba(173,153,0,0.15); - --vp-c-danger-soft: rgba(150,3,26,0.15); - --vp-c-caution-soft: rgba(150,3,26,0.15); + --vp-c-caution: #A228C1; + --vp-c-danger: #96031A; - --vp-custom-block-font-size: 1.2rem; -} - -.dark { - --vp-c-bg: #151516; - --vp-c-bg-alt: #1A1E20; - --vp-c-bg-elv: #21282C; - --vp-c-bg-soft: #252A2E; -} + --vp-c-customblock-opacity: 0.15; + --vp-c-caution-soft: rgba(132,10,162, var(--vp-c-customblock-opacity)); -:root { + /* Font settings */ --vp-font-family-base: "Raleway", sans-serif; --vp-font-family-mono: "Source Code Pro", monospace; -} -:root { - --vp-c-text-1: rgba(60, 60, 67); - --vp-c-text-2: rgba(60, 60, 67, 0.78); - --vp-c-text-3: rgba(60, 60, 67, 0.56); + --vp-custom-block-warning-text: #775D00; + --vp-custom-block-font-size: 1.2rem; + --vp-code-color: var(--vp-c-brand-2); + --vp-custom-block-important-text: var(--vp-c-brand-2); + + --vp-custom-block-danger-text: var(--vp-c-danger); + --vp-custom-block-caution-text: var(--vp-c-caution); + + /* Borders */ + --vp-local-search-result-border: rgba(0,0,0,0.3); + + --vp-input-switch-bg-color: var(--vp-c-bg-soft); + --vp-input-border-color: var(-vp-c-bg-alt); } .dark { + /* Dark mode background colors */ + --vp-c-bg: #252A2E; + --vp-c-bg-alt: #151516; + --vp-c-bg-elv: #34393D; + --vp-c-bg-soft: #2F3438; + + /* Dark mode text colors */ --vp-c-text-1: rgba(255, 255, 245, 0.86); --vp-c-text-2: rgba(235, 235, 245, 0.6); --vp-c-text-3: rgba(235, 235, 245, 0.38); -} - -:root { - --vp-c-divider: rgba(0,0,0,0.1); - --vp-c-gutter: rgba(0,0,0,0.1); -} -:root { - --vp-local-search-result-border: rgba(0,0,0,0.3); -} - -.dark { + /* Dark mode overlays and shadows */ + --vp-c-tip-soft: rgba(255, 255, 255, 0.15); --vp-local-search-result-border: var(--vp-c-bg-soft); -} -/* nav line */ -.VPLocalNav { - border-bottom: none !important; + /* Dark mode specific colors */ + --vpc-c-brand-1: #6EC089; + --vp-c-brand-2: #528ECB; + --vp-c-danger: #C31831; + --vp-c-warning: #D7B80A; + --vp-c-caution: rgb(202,111,225); + + --vp-custom-block-important-border: rgba(82,142,203,0.2); + --vp-custom-block-tip-border: rgba(255, 255, 255, 0.15); + --vp-custom-block-caution-border: rgba(202,111,225,0.2); + --vp-custom-block-warning-border: rgba(215,184,10,0.2); + --vp-custom-block-danger-border: rgba(234,87,109,0.2); + + --vp-custom-block-warning-text: var( --vp-c-warning); + --vp-custom-block-danger-text: rgba(234,87,109,1); + --vp-custom-block-caution-text: var(--vp-c-caution); } body { font-size: 1.2rem; + color: var(--vp-c-text-2); + font-family: var(--vp-font-family-base); } -body{ - color: var(--vp-c-text-2); +.vp-doc .custom-block-title { + font-size: 1rem; + font-weight: 600; + letter-spacing: 0.1rem; +} + +.outline-link { + font-weight: 600 !important; } h1, h2, h3, h4, h5, h6 { color: var(--vp-c-text-1); } +.VPNavBarMenuLink.active { + font-weight: 700; + border-bottom: 2pt solid; +} + .vp-doc p { font-family: "Source Sans 3"; line-height: 2rem; font-weight: 450; } +/* Navigation and Sidebar */ +.VPLocalNav { + border-bottom: none !important; +} -/* main menu entry */ -.VPSidebarItem .is-active{ +.VPSidebarItem .is-active { border-radius: 0.25rem; background: var(--vp-c-bg-elv); padding-left: 1rem; } -.VPSidebarItem.level-1.is-active > .item .link > .text, .VPSidebarItem.level-2.is-active > .item .link > .text { + +.VPSidebarItem.level-1.is-active > .item .link > .text, +.VPSidebarItem.level-2.is-active > .item .link > .text { color: var(--vp-c-text-1) !important; font-weight: 700; } -.VPSidebarItem.level-1.is-active > .item > .indicator , .VPSidebarItem.level-2.is-active > .item > .indicator { +.VPSidebarItem.level-1.is-active > .item > .indicator, +.VPSidebarItem.level-2.is-active > .item > .indicator { display: none; } -/* search bar bg */ -.search-bar { - background: var(--vp-c-bg-alt); - border: none !important; -} - -/* search suggest entry */ -.result { +/* Search Components */ +.search-bar, .result { background: var(--vp-c-bg-alt); border: none !important; } @@ -114,15 +144,20 @@ h1, h2, h3, h4, h5, h6 { } .result.selected .titles, .result.selected .title-icon { - color: var(--vp-c-text-1) !important; /* does not work yet */ + color: var(--vp-c-text-1) !important; /* fix needed */ } +/* Image and Video Zoom */ .medium-zoom-overlay { - z-index: 30; - } - - .medium-zoom-image, video { - z-index: 31; - border-radius: 0.5rem; - box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); - } + z-index: 30; +} + +.vp-doc table { + font-weight: 550; +} + +.medium-zoom-image, video, .vp-doc table { + z-index: 31; + border-radius: 0.5rem; + box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); +} diff --git a/src/de/tech-stack.md b/src/de/tech-stack.md index 99aedf9..a6d749c 100644 --- a/src/de/tech-stack.md +++ b/src/de/tech-stack.md @@ -3,3 +3,19 @@ outline: deep --- # Tech-Stack + + +> [!IMPORTANT] +> Beispiel Important + +> [!WARNING] +> Beispiel Important + +> [!TIP] +> Beispiel Tip + +> [!CAUTION] +> Beispiel Caution + +> [!DANGER] +> Beispiel Danger \ No newline at end of file From 71841b51fd0185ffc45f4981fef71d5ca2f6b8c3 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 20:26:15 +0200 Subject: [PATCH 09/32] fix button color --- .vitepress/theme/index.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 45a8bfb..d6affca 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -2,6 +2,7 @@ /* Brand colors */ --vp-c-brand-1: #4F9D69; --vp-c-brand-2: #2E6499; + --vp-c-brand-3: #4F9D69; /* Background colors */ --vp-c-bg: #DDDBC3; @@ -63,12 +64,15 @@ --vp-local-search-result-border: var(--vp-c-bg-soft); /* Dark mode specific colors */ - --vpc-c-brand-1: #6EC089; + --vp-c-brand-1: #6EC089; --vp-c-brand-2: #528ECB; + --vp-c-brand-3: #6EC089; --vp-c-danger: #C31831; --vp-c-warning: #D7B80A; --vp-c-caution: rgb(202,111,225); + --vp-button-brand-text: var(--vp-c-black); + --vp-custom-block-important-border: rgba(82,142,203,0.2); --vp-custom-block-tip-border: rgba(255, 255, 255, 0.15); --vp-custom-block-caution-border: rgba(202,111,225,0.2); From b6ad4e35c87ff91b48f1a8f676763dd06ad2b8f8 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 20:31:14 +0200 Subject: [PATCH 10/32] make black part of logo more visible --- .vitepress/theme/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index d6affca..ef546e6 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -17,7 +17,7 @@ /* Overlays and shadows */ --vp-c-divider: rgba(0,0,0,0.1); - --vp-c-gutter: rgba(0,0,0,0.1); + --vp-c-gutter: rgba(0,0,0,0.3); --vp-c-tip-soft: var(--vp-c-bg-soft); --vp-c-important-soft: rgba(46,100,153,0.15); --vp-c-warning-soft: rgba(173,153,0,0.15); @@ -50,7 +50,7 @@ .dark { /* Dark mode background colors */ --vp-c-bg: #252A2E; - --vp-c-bg-alt: #151516; + --vp-c-bg-alt: #1C2022; --vp-c-bg-elv: #34393D; --vp-c-bg-soft: #2F3438; From d1d344321d9ff92abba01895536265f2681b7995 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Fri, 10 May 2024 21:26:25 +0200 Subject: [PATCH 11/32] add hover to images --- .vitepress/theme/index.css | 31 +++++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index ef546e6..e95998f 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -16,7 +16,7 @@ --vp-c-text-3: rgba(60, 60, 67, 0.56); /* Overlays and shadows */ - --vp-c-divider: rgba(0,0,0,0.1); + --vp-c-divider: rgba(0,0,0,0.3); --vp-c-gutter: rgba(0,0,0,0.3); --vp-c-tip-soft: var(--vp-c-bg-soft); --vp-c-important-soft: rgba(46,100,153,0.15); @@ -43,7 +43,7 @@ /* Borders */ --vp-local-search-result-border: rgba(0,0,0,0.3); - --vp-input-switch-bg-color: var(--vp-c-bg-soft); + --vp-input-switch-bg-color: var(--vp-c-brand-1); --vp-input-border-color: var(-vp-c-bg-alt); } @@ -90,6 +90,17 @@ body { font-family: var(--vp-font-family-base); } +.dark .pager-link { + background: var(--vp-c-bg-elv); + border: none !important; +} + +.VPSwitch { + border: 1px solid var(--vp-input-switch-bg-color) !important; + background-color: var(--vp-input-switch-bg-color); + transition: border-color 0.25s !important; +} + .vp-doc .custom-block-title { font-size: 1rem; font-weight: 600; @@ -164,4 +175,20 @@ h1, h2, h3, h4, h5, h6 { z-index: 31; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); + display: inline-block; +} + +.vp-doc p { + transition: transform 0.1s ease !important; + perspective: 1000px !important; + display: inline-block !important; +} + +.vp-doc p > img.medium-zoom-image { + transition: transform 0.1s ease !important; /* Ensure smooth transition */ + transform-style: preserve-3d; /* Not typically needed unless 3D effects are nested */ + display: inline-block !important; /* This can help with transformations */ +} +.vp-doc p:hover> img.medium-zoom-image { + transform: translateZ(32px) !important; /* Adding rotate for test */ } From a6f88b6d35dedf70142cac875117214f181602db Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Sat, 11 May 2024 08:44:34 +0200 Subject: [PATCH 12/32] fix opacity color --- .vitepress/theme/index.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index e95998f..f864d77 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -5,9 +5,9 @@ --vp-c-brand-3: #4F9D69; /* Background colors */ - --vp-c-bg: #DDDBC3; - --vp-c-bg-alt: rgba(0,0,0,0.05); - --vp-c-bg-elv: #D2D0B9; + --vp-c-bg: #E9E8D8; + --vp-c-bg-alt: #DDDBC3; + --vp-c-bg-elv: #DFDECE; --vp-c-bg-soft: #E7E6D5; /* Text colors */ @@ -133,7 +133,7 @@ h1, h2, h3, h4, h5, h6 { .VPSidebarItem .is-active { border-radius: 0.25rem; - background: var(--vp-c-bg-elv); + background: var(--vp-c-bg-soft); padding-left: 1rem; } From 051e6ce2b7edad5f5f819e6f4dbee1b6f61621c4 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Sat, 11 May 2024 15:51:14 +0200 Subject: [PATCH 13/32] add hover for video --- .vitepress/theme/index.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index f864d77..108a3f6 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -171,7 +171,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 550; } -.medium-zoom-image, video, .vp-doc table { +.medium-zoom-image, video { + transition: all 0.2s ease-out !important; z-index: 31; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); @@ -184,11 +185,14 @@ h1, h2, h3, h4, h5, h6 { display: inline-block !important; } -.vp-doc p > img.medium-zoom-image { - transition: transform 0.1s ease !important; /* Ensure smooth transition */ +.vp-doc p > img.medium-zoom-image, .vp-doc p > video { + transition: all 0.2s ease-out !important; /* Ensure smooth transition */ transform-style: preserve-3d; /* Not typically needed unless 3D effects are nested */ display: inline-block !important; /* This can help with transformations */ + transform: perspective(1000px) rotateY(-1deg); } -.vp-doc p:hover> img.medium-zoom-image { +.vp-doc p:hover> img.medium-zoom-image{ + transition: all 0.2s ease-out !important; transform: translateZ(32px) !important; /* Adding rotate for test */ + box-shadow: 0 0 2rem rgba(0,0,0,0.01), 0 0 0.1rem rgba(0,0,0,0.2); } From 90a2257ca6307ebf3ce50bf08e8568961db393c5 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sat, 23 Nov 2024 14:22:30 +0100 Subject: [PATCH 14/32] adapt actual dark theme colors --- .vitepress/theme/index.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 108a3f6..d739b87 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -1,9 +1,13 @@ :root { /* Brand colors */ --vp-c-brand-1: #4F9D69; - --vp-c-brand-2: #2E6499; + --vp-c-brand-2: #4F9D69; --vp-c-brand-3: #4F9D69; + --vp-button-brand-hover-bg: #2e7e4c; + --vp-button-alt-bg: rgba(0, 0, 0, 0.1); + --vp-button-alt-hover-bg: rgba(0, 0, 0, 0.2); + /* Background colors */ --vp-c-bg: #E9E8D8; --vp-c-bg-alt: #DDDBC3; @@ -49,9 +53,9 @@ .dark { /* Dark mode background colors */ - --vp-c-bg: #252A2E; - --vp-c-bg-alt: #1C2022; - --vp-c-bg-elv: #34393D; + --vp-c-bg: #23272a; + --vp-c-bg-alt: #171b1e; + --vp-c-bg-elv: #3d4043; --vp-c-bg-soft: #2F3438; /* Dark mode text colors */ @@ -72,6 +76,8 @@ --vp-c-caution: rgb(202,111,225); --vp-button-brand-text: var(--vp-c-black); + --vp-button-alt-bg: rgba(255, 255, 255, 0.1); + --vp-button-alt-hover-bg: rgba(255, 255, 255, 0.2); --vp-custom-block-important-border: rgba(82,142,203,0.2); --vp-custom-block-tip-border: rgba(255, 255, 255, 0.15); From cc6ebf959bf987b47419802ac439f9ffcc6f73e1 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sat, 23 Nov 2024 14:26:27 +0100 Subject: [PATCH 15/32] Update index.css --- .vitepress/theme/index.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index d739b87..03b3ffa 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -1,7 +1,7 @@ :root { /* Brand colors */ --vp-c-brand-1: #4F9D69; - --vp-c-brand-2: #4F9D69; + --vp-c-brand-2: #10497c; --vp-c-brand-3: #4F9D69; --vp-button-brand-hover-bg: #2e7e4c; @@ -26,8 +26,9 @@ --vp-c-important-soft: rgba(46,100,153,0.15); --vp-c-warning-soft: rgba(173,153,0,0.15); --vp-c-danger-soft: rgba(150,3,26,0.15); - --vp-c-caution: #A228C1; - --vp-c-danger: #96031A; + --vp-c-caution: #8932a4; + --vp-c-danger: #ad262d; + --vp-c-important: #2e6499; --vp-c-customblock-opacity: 0.15; --vp-c-caution-soft: rgba(132,10,162, var(--vp-c-customblock-opacity)); @@ -69,11 +70,12 @@ /* Dark mode specific colors */ --vp-c-brand-1: #6EC089; - --vp-c-brand-2: #528ECB; + --vp-c-brand-2: #9cd3ff; --vp-c-brand-3: #6EC089; - --vp-c-danger: #C31831; - --vp-c-warning: #D7B80A; - --vp-c-caution: rgb(202,111,225); + --vp-c-danger: #d34c4c; + --vp-c-warning: #ceb346; + --vp-c-caution: #ab55c7; + --vp-c-important: #4e84bb; --vp-button-brand-text: var(--vp-c-black); --vp-button-alt-bg: rgba(255, 255, 255, 0.1); From 78dec69099f09ee13c762d67bc7516278259148c Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:18:00 +0100 Subject: [PATCH 16/32] dont apply hover to icons, tone down zoom --- .vitepress/theme/index.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 03b3ffa..dc11510 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -179,11 +179,11 @@ h1, h2, h3, h4, h5, h6 { font-weight: 550; } -.medium-zoom-image, video { +img:not([src$=".svg"]).medium-zoom-image, video { transition: all 0.2s ease-out !important; z-index: 31; border-radius: 0.5rem; - box-shadow: 0 0 1rem rgba(0,0,0,0.05), 0 0 0.25rem rgba(0,0,0,0.15); + box-shadow: 0 0 1rem oklch(25% 0.0213 103.9 / 20%), 0 0 0.25rem oklch(25% 0.0213 103.9 / 15%); display: inline-block; } @@ -193,14 +193,14 @@ h1, h2, h3, h4, h5, h6 { display: inline-block !important; } -.vp-doc p > img.medium-zoom-image, .vp-doc p > video { - transition: all 0.2s ease-out !important; /* Ensure smooth transition */ - transform-style: preserve-3d; /* Not typically needed unless 3D effects are nested */ - display: inline-block !important; /* This can help with transformations */ - transform: perspective(1000px) rotateY(-1deg); +.vp-doc p > img:not([src$=".svg"]).medium-zoom-image, .vp-doc p > video { + transition: all 0.2s ease-out !important; + transform-style: preserve-3d; + display: inline-block !important; + transform: perspective(1000px) rotateY(0deg); } -.vp-doc p:hover> img.medium-zoom-image{ +.vp-doc p:hover> img:not([src$=".svg"]).medium-zoom-image{ transition: all 0.2s ease-out !important; - transform: translateZ(32px) !important; /* Adding rotate for test */ - box-shadow: 0 0 2rem rgba(0,0,0,0.01), 0 0 0.1rem rgba(0,0,0,0.2); + transform: translateZ(2px) !important; + box-shadow: 0 0 5rem oklch(25% 0.0213 103.9 / 50%), 0 0 0.1rem oklch(25% 0.0213 103.9 / 30%); } From 53421c64e6fb947c8d5c6ccc97bcc5c44a83324d Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:27:13 +0100 Subject: [PATCH 17/32] fix search field --- .vitepress/theme/index.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index dc11510..6b180fe 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -49,7 +49,7 @@ --vp-local-search-result-border: rgba(0,0,0,0.3); --vp-input-switch-bg-color: var(--vp-c-brand-1); - --vp-input-border-color: var(-vp-c-bg-alt); + --vp-input-border-color: var(--vp-c-bg-alt); } .dark { @@ -90,6 +90,18 @@ --vp-custom-block-warning-text: var( --vp-c-warning); --vp-custom-block-danger-text: rgba(234,87,109,1); --vp-custom-block-caution-text: var(--vp-c-caution); + + --vp-c-bg-alt: rgba(0,0,0,0); + --vp-input-border-color: var(--vp-c-bg-alt); + + .DocSearch-Button .DocSearch-Button-Key { + background: var(--vp-c-bg-elv); + border: none; + } + + button[class*="DocSearch"] { + background: var(--vp-c-bg-soft); + } } body { @@ -204,3 +216,4 @@ img:not([src$=".svg"]).medium-zoom-image, video { transform: translateZ(2px) !important; box-shadow: 0 0 5rem oklch(25% 0.0213 103.9 / 50%), 0 0 0.1rem oklch(25% 0.0213 103.9 / 30%); } + From 725241d8c338da6751320eb2289e795b160f369e Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:31:01 +0100 Subject: [PATCH 18/32] fix gutter divider --- .vitepress/theme/index.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 6b180fe..e9b7952 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -94,6 +94,9 @@ --vp-c-bg-alt: rgba(0,0,0,0); --vp-input-border-color: var(--vp-c-bg-alt); + --vp-c-divider: rgba(255,255,255,0.15); + --vp-c-gutter: rgba(255,255,255,0.07); + .DocSearch-Button .DocSearch-Button-Key { background: var(--vp-c-bg-elv); border: none; From b759eeecd259b0fe17434536768901f593f01588 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:44:28 +0100 Subject: [PATCH 19/32] tweak sidebar text --- .vitepress/theme/index.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index e9b7952..235967a 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -55,7 +55,7 @@ .dark { /* Dark mode background colors */ --vp-c-bg: #23272a; - --vp-c-bg-alt: #171b1e; + --vp-c-bg-alt: #1e2225; /* #171b1e; */ --vp-c-bg-elv: #3d4043; --vp-c-bg-soft: #2F3438; @@ -91,7 +91,6 @@ --vp-custom-block-danger-text: rgba(234,87,109,1); --vp-custom-block-caution-text: var(--vp-c-caution); - --vp-c-bg-alt: rgba(0,0,0,0); --vp-input-border-color: var(--vp-c-bg-alt); --vp-c-divider: rgba(255,255,255,0.15); @@ -149,11 +148,24 @@ h1, h2, h3, h4, h5, h6 { font-weight: 450; } +.vp-doc a { + color: var(--vp-c-important); +} + +.vp-doc a:hover { + color: var(--vp-custom-block-important-text); +} + /* Navigation and Sidebar */ .VPLocalNav { border-bottom: none !important; } +.VPSidebarItem.level-1 > .item .link > .text, +.VPSidebarItem.level-2 > .item .link > .text { + font-weight: 600; +} + .VPSidebarItem .is-active { border-radius: 0.25rem; background: var(--vp-c-bg-soft); @@ -163,7 +175,6 @@ h1, h2, h3, h4, h5, h6 { .VPSidebarItem.level-1.is-active > .item .link > .text, .VPSidebarItem.level-2.is-active > .item .link > .text { color: var(--vp-c-text-1) !important; - font-weight: 700; } .VPSidebarItem.level-1.is-active > .item > .indicator, From 1cc60fb87e81994727105b66660c9323de77abc3 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:48:24 +0100 Subject: [PATCH 20/32] fix tiles on landingpage --- .vitepress/theme/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 235967a..55b2d6e 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -12,7 +12,7 @@ --vp-c-bg: #E9E8D8; --vp-c-bg-alt: #DDDBC3; --vp-c-bg-elv: #DFDECE; - --vp-c-bg-soft: #E7E6D5; + --vp-c-bg-soft: #DDDBC3; /* Text colors */ --vp-c-text-1: rgba(60, 60, 67); From 5a120eae19149c9f3855aab04208f8d9b5ccf5aa Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 12:58:07 +0100 Subject: [PATCH 21/32] change text font weight depending on mode --- .vitepress/theme/index.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 55b2d6e..6ad4f25 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -145,7 +145,13 @@ h1, h2, h3, h4, h5, h6 { .vp-doc p { font-family: "Source Sans 3"; line-height: 2rem; - font-weight: 450; + /*font-weight: 450;*/ + font-variation-settings: "wght" 450; +} + +.dark .vp-doc p { + /* font-weight: 400;*/ + font-variation-settings: "wght" 400; } .vp-doc a { From eb679bdca1d45cdb753f472a73831dc136788c10 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 17:25:26 +0100 Subject: [PATCH 22/32] fix code color --- .vitepress/theme/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 6ad4f25..5907a5e 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -50,6 +50,8 @@ --vp-input-switch-bg-color: var(--vp-c-brand-1); --vp-input-border-color: var(--vp-c-bg-alt); + + --vp-code-color: var(--vp-c-text-2); } .dark { From c787a1da6864fade31bc9157e2924fcc8d7b4a15 Mon Sep 17 00:00:00 2001 From: nomisum Date: Sun, 24 Nov 2024 18:01:47 +0100 Subject: [PATCH 23/32] fix strong --- .vitepress/theme/index.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 5907a5e..8d19377 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -144,6 +144,10 @@ h1, h2, h3, h4, h5, h6 { border-bottom: 2pt solid; } +.vp-doc strong, .vp-doc b { + font-variation-settings: "wght" 600; +} + .vp-doc p { font-family: "Source Sans 3"; line-height: 2rem; From 6f86437b1bf501d731917a0e142b25feb52cedde Mon Sep 17 00:00:00 2001 From: nomisum Date: Wed, 27 Nov 2024 20:56:13 +0100 Subject: [PATCH 24/32] fix wrong font family --- .vitepress/theme/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 8d19377..61bac5b 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -148,7 +148,7 @@ h1, h2, h3, h4, h5, h6 { font-variation-settings: "wght" 600; } -.vp-doc p { +.vp-doc p, .vp-doc ul { font-family: "Source Sans 3"; line-height: 2rem; /*font-weight: 450;*/ From a1ef0cce96f89f9cfd36479bf32cf6eb6f9ae48d Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:18:21 +0100 Subject: [PATCH 25/32] round avatars --- .vitepress/theme/index.css | 4 ++++ src/de/team.md | 18 +++++++++--------- src/en/team.md | 18 +++++++++--------- 3 files changed, 22 insertions(+), 18 deletions(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 61bac5b..04e5898 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -243,3 +243,7 @@ img:not([src$=".svg"]).medium-zoom-image, video { box-shadow: 0 0 5rem oklch(25% 0.0213 103.9 / 50%), 0 0 0.1rem oklch(25% 0.0213 103.9 / 30%); } +img:not([src$=".svg"]).medium-zoom-image.avatar { + border-radius: 100%; +} + diff --git a/src/de/team.md b/src/de/team.md index e0bca43..3e19675 100644 --- a/src/de/team.md +++ b/src/de/team.md @@ -7,28 +7,28 @@ cSpell: disable ## Concept -nomisum [nomisum](https://github.com/nomisum "nomisum") +nomisum [nomisum](https://github.com/nomisum "nomisum") -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") ## Frontend -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") -RednecksRevenge [RednecksRevenge](https://github.com/rednecksrevenge "RednecksRevenge") +RednecksRevenge [RednecksRevenge](https://github.com/rednecksrevenge "RednecksRevenge") ## Backend -TheWillard [TheWillard](https://github.com/thewillard "TheWillard") +TheWillard [TheWillard](https://github.com/thewillard "TheWillard") -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") ## Artwork & Design -nomisum [nomisum](https://github.com/nomisum "nomisum") +nomisum [nomisum](https://github.com/nomisum "nomisum") ## QA & Docs -nomisum [y0014984](https://github.com/y0014984 "y0014984") +nomisum [y0014984](https://github.com/y0014984 "y0014984") -nomisum [Gelir95](https://github.com/gelir95 "Gelir95") +nomisum [Gelir95](https://github.com/gelir95 "Gelir95") diff --git a/src/en/team.md b/src/en/team.md index e0bca43..3e19675 100644 --- a/src/en/team.md +++ b/src/en/team.md @@ -7,28 +7,28 @@ cSpell: disable ## Concept -nomisum [nomisum](https://github.com/nomisum "nomisum") +nomisum [nomisum](https://github.com/nomisum "nomisum") -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") ## Frontend -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") -RednecksRevenge [RednecksRevenge](https://github.com/rednecksrevenge "RednecksRevenge") +RednecksRevenge [RednecksRevenge](https://github.com/rednecksrevenge "RednecksRevenge") ## Backend -TheWillard [TheWillard](https://github.com/thewillard "TheWillard") +TheWillard [TheWillard](https://github.com/thewillard "TheWillard") -DerZade [DerZade](https://github.com/derzade "DerZade") +DerZade [DerZade](https://github.com/derzade "DerZade") ## Artwork & Design -nomisum [nomisum](https://github.com/nomisum "nomisum") +nomisum [nomisum](https://github.com/nomisum "nomisum") ## QA & Docs -nomisum [y0014984](https://github.com/y0014984 "y0014984") +nomisum [y0014984](https://github.com/y0014984 "y0014984") -nomisum [Gelir95](https://github.com/gelir95 "Gelir95") +nomisum [Gelir95](https://github.com/gelir95 "Gelir95") From 0aec0c3cced5137db0b4c3c565c9a764fc168bdf Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:32:27 +0100 Subject: [PATCH 26/32] fix highlight and hover menu --- .vitepress/theme/index.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 04e5898..0d85bb5 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -12,7 +12,7 @@ --vp-c-bg: #E9E8D8; --vp-c-bg-alt: #DDDBC3; --vp-c-bg-elv: #DFDECE; - --vp-c-bg-soft: #DDDBC3; + --vp-c-bg-soft: #f2f0d7; /* Text colors */ --vp-c-text-1: rgba(60, 60, 67); @@ -178,6 +178,16 @@ h1, h2, h3, h4, h5, h6 { font-weight: 600; } +.VPSidebarItem.level-0.is-link > .item > .link:hover .text, +.VPSidebarItem.level-1.is-link > .item > .link:hover .text, +.VPSidebarItem.level-2.is-link > .item > .link:hover .text, +.VPSidebarItem.level-3.is-link > .item > .link:hover .text, +.VPSidebarItem.level-4.is-link > .item > .link:hover .text, +.VPSidebarItem.level-5.is-link > .item > .link:hover .text{ + color: var(--vp-c-text-1) !important; + font-weight: 700; +} + .VPSidebarItem .is-active { border-radius: 0.25rem; background: var(--vp-c-bg-soft); From 6fc1c150d77d3c8ceb3bf55d8f6e1d60aa1f23c7 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:35:34 +0100 Subject: [PATCH 27/32] add font package --- .vitepress/config.mts | 2 +- .vitepress/theme/index.css | 2 ++ package-lock.json | 7 +++++++ package.json | 1 + 4 files changed, 11 insertions(+), 1 deletion(-) diff --git a/.vitepress/config.mts b/.vitepress/config.mts index 53d47c7..fea7280 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -9,7 +9,7 @@ export default defineConfig({ srcDir: './src', // all *.md files in a subfolder called 'src' cleanUrls: true, // without extension like .html lastUpdated: true, - head: [['link', { rel: 'icon', href: '/favicon.ico' }], ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com'}], ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com'}],['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap' }]], + head: [['link', { rel: 'icon', href: '/favicon.ico' }]], markdown: { image: { lazyLoading: true diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 0d85bb5..dac01ed 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -1,3 +1,5 @@ +@import '@arma-events/web-fonts/dist/index.css'; + :root { /* Brand colors */ --vp-c-brand-1: #4F9D69; diff --git a/package-lock.json b/package-lock.json index b5b486f..e3fdc0d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.0", "license": "UNLICENSED", "dependencies": { + "@arma-events/web-fonts": "^1.1.2", "medium-zoom": "^1.1.0" }, "devDependencies": { @@ -208,6 +209,12 @@ "@algolia/requester-common": "4.23.2" } }, + "node_modules/@arma-events/web-fonts": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@arma-events/web-fonts/-/web-fonts-1.1.2.tgz", + "integrity": "sha512-QygP3w4C3plz2REvNHHPfo6Lbz3OmkxxK3PBHIUiXMMLXXp4wX49YOa9BQzFy/s0XUp4hV1lOGlcvSc1KxAEMw==", + "license": "MIT" + }, "node_modules/@babel/parser": { "version": "7.24.4", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", diff --git a/package.json b/package.json index c2c6fc4..48802bc 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "vitepress": "^1.0.2" }, "dependencies": { + "@arma-events/web-fonts": "^1.1.2", "medium-zoom": "^1.1.0" } } From bcbffb04b03bcfa6635ce24cb5b564f2a0639188 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:37:01 +0100 Subject: [PATCH 28/32] outline-title weight --- .vitepress/theme/index.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index dac01ed..2ea662b 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -137,6 +137,10 @@ body { font-weight: 600 !important; } +.outline-title { + font-weight: 700 !important; +} + h1, h2, h3, h4, h5, h6 { color: var(--vp-c-text-1); } From b4b40db4f209945eabf4cc244fb47f19c527e80c Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:40:02 +0100 Subject: [PATCH 29/32] tweak highlight color --- .vitepress/theme/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index 2ea662b..f78c9e4 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -14,7 +14,7 @@ --vp-c-bg: #E9E8D8; --vp-c-bg-alt: #DDDBC3; --vp-c-bg-elv: #DFDECE; - --vp-c-bg-soft: #f2f0d7; + --vp-c-bg-soft: #f0efdf; /* Text colors */ --vp-c-text-1: rgba(60, 60, 67); From 895afdc510f30ad9754898bb6d0cd0befcdad78b Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:40:44 +0100 Subject: [PATCH 30/32] revert tech stack changes --- src/de/tech-stack.md | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/src/de/tech-stack.md b/src/de/tech-stack.md index a6d749c..99aedf9 100644 --- a/src/de/tech-stack.md +++ b/src/de/tech-stack.md @@ -3,19 +3,3 @@ outline: deep --- # Tech-Stack - - -> [!IMPORTANT] -> Beispiel Important - -> [!WARNING] -> Beispiel Important - -> [!TIP] -> Beispiel Tip - -> [!CAUTION] -> Beispiel Caution - -> [!DANGER] -> Beispiel Danger \ No newline at end of file From 8a461093e024bfa9085e10c952d69e47b61715ae Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Nov 2024 12:42:55 +0100 Subject: [PATCH 31/32] font weight again --- .vitepress/theme/index.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/.vitepress/theme/index.css b/.vitepress/theme/index.css index f78c9e4..a53910b 100644 --- a/.vitepress/theme/index.css +++ b/.vitepress/theme/index.css @@ -151,9 +151,14 @@ h1, h2, h3, h4, h5, h6 { } .vp-doc strong, .vp-doc b { - font-variation-settings: "wght" 600; + font-variation-settings: "wght" 700; } +.dark .vp-doc strong, .dark .vp-doc b { + font-variation-settings: "wght" 650; +} + + .vp-doc p, .vp-doc ul { font-family: "Source Sans 3"; line-height: 2rem; From ba65cc3339e03a406aa00db28421ce19a313a973 Mon Sep 17 00:00:00 2001 From: simonschmidt-idealo Date: Thu, 28 Aug 2025 00:49:32 +0200 Subject: [PATCH 32/32] fix wrong import --- .vitepress/theme/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts index 5628080..68afec3 100644 --- a/.vitepress/theme/index.ts +++ b/.vitepress/theme/index.ts @@ -3,7 +3,7 @@ import { defineComponent, h, nextTick, onMounted, watch } from 'vue'; import { useRoute, type Theme } from 'vitepress'; import mediumZoom from 'medium-zoom'; import DefaultTheme from 'vitepress/theme'; -import './style.css'; +import './index.css'; export default { extends: DefaultTheme,