fix some more issues

This commit is contained in:
Samidy 2025-10-02 12:39:35 +03:00
parent a8e3bd15e3
commit fce29fee51
2 changed files with 17 additions and 0 deletions

View file

@ -84,6 +84,11 @@ const updateThemeColor = (colorName: ColorNames) => {
// Initialize theme color // Initialize theme color
updateThemeColor(selectedColor.value) updateThemeColor(selectedColor.value)
// halloween stuff
if (selectedColor.value === 'halloween') {
document.documentElement.setAttribute('data-halloween-theme', 'true')
}
watch(selectedColor, updateThemeColor) watch(selectedColor, updateThemeColor)
const normalizeColorName = (colorName: string) => const normalizeColorName = (colorName: string) =>

View file

@ -114,6 +114,12 @@ html[data-halloween-theme] {
--vp-button-alt-text: #fff !important; --vp-button-alt-text: #fff !important;
--vp-button-alt-hover-bg: #9333ea !important; --vp-button-alt-hover-bg: #9333ea !important;
--vp-button-alt-hover-text: #fff !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; 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-text: #e9d5ff !important;
--vp-button-alt-hover-bg: #a855f7 !important; --vp-button-alt-hover-bg: #a855f7 !important;
--vp-button-alt-hover-text: #fff !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; background-color: rgb(15, 15, 15) !important;
} }