From fce29fee51b4fa7da49598a95c993f01b2917f15 Mon Sep 17 00:00:00 2001 From: Samidy Date: Thu, 2 Oct 2025 12:39:35 +0300 Subject: [PATCH] fix some more issues --- docs/.vitepress/theme/components/ColorPicker.vue | 5 +++++ docs/.vitepress/theme/style.scss | 12 ++++++++++++ 2 files changed, 17 insertions(+) diff --git a/docs/.vitepress/theme/components/ColorPicker.vue b/docs/.vitepress/theme/components/ColorPicker.vue index b4965a026..56ebcbde7 100644 --- a/docs/.vitepress/theme/components/ColorPicker.vue +++ b/docs/.vitepress/theme/components/ColorPicker.vue @@ -84,6 +84,11 @@ const updateThemeColor = (colorName: ColorNames) => { // Initialize theme color updateThemeColor(selectedColor.value) +// halloween stuff +if (selectedColor.value === 'halloween') { + document.documentElement.setAttribute('data-halloween-theme', 'true') +} + watch(selectedColor, updateThemeColor) const normalizeColorName = (colorName: string) => diff --git a/docs/.vitepress/theme/style.scss b/docs/.vitepress/theme/style.scss index f6059a231..513b0b7cf 100644 --- a/docs/.vitepress/theme/style.scss +++ b/docs/.vitepress/theme/style.scss @@ -114,6 +114,12 @@ html[data-halloween-theme] { --vp-button-alt-text: #fff !important; --vp-button-alt-hover-bg: #9333ea !important; --vp-button-alt-hover-text: #fff !important; + --vp-button-brand-bg: #FF6A00 !important; + --vp-button-brand-border: #FF6A00 !important; + --vp-button-brand-text: #fff !important; + --vp-button-brand-hover-bg: #ea580c !important; + --vp-button-brand-hover-border: #ea580c !important; + --vp-button-brand-hover-text: #fff !important; background-color: rgb(20, 20, 20) !important; } @@ -141,6 +147,12 @@ html[data-halloween-theme].dark { --vp-button-alt-text: #e9d5ff !important; --vp-button-alt-hover-bg: #a855f7 !important; --vp-button-alt-hover-text: #fff !important; + --vp-button-brand-bg: #FF6A00 !important; + --vp-button-brand-border: #FF6A00 !important; + --vp-button-brand-text: #fff !important; + --vp-button-brand-hover-bg: #ea580c !important; + --vp-button-brand-hover-border: #ea580c !important; + --vp-button-brand-hover-text: #fff !important; background-color: rgb(15, 15, 15) !important; }