mirror of
https://github.com/fmhy/edit.git
synced 2025-10-12 07:41:08 +11:00
fixes for other themes besides halloween
This commit is contained in:
parent
3d65d9e84a
commit
33b910c617
1 changed files with 17 additions and 0 deletions
|
@ -87,6 +87,21 @@ const updateThemeColor = (colorName: ColorNames) => {
|
|||
--vp-button-brand-hover-text: rgba(42, 40, 47) !important;
|
||||
` : ''
|
||||
|
||||
const nonHalloweenBodyOverride = colorName !== 'halloween' ? `
|
||||
body {
|
||||
background-color: rgb(26, 26, 26) !important;
|
||||
}
|
||||
.VPApp, .Layout, .VPContent, .VPHome, .VPHero, #app {
|
||||
background-color: rgb(26, 26, 26) !important;
|
||||
}
|
||||
.dark body {
|
||||
background-color: rgb(26, 26, 26) !important;
|
||||
}
|
||||
.dark .VPApp, .dark .Layout, .dark .VPContent, .dark .VPHome, .dark .VPHero, .dark #app {
|
||||
background-color: rgb(26, 26, 26) !important;
|
||||
}
|
||||
` : ''
|
||||
|
||||
css.value = `
|
||||
:root {
|
||||
${cssVars}
|
||||
|
@ -105,6 +120,8 @@ const updateThemeColor = (colorName: ColorNames) => {
|
|||
--vp-c-brand-soft: ${colorSet[300]};
|
||||
${nonHalloweenDarkOverride}
|
||||
}
|
||||
|
||||
${nonHalloweenBodyOverride}
|
||||
`
|
||||
|
||||
// Add/remove Halloween theme indicator
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue