Compare commits

..

2 commits

Author SHA1 Message Date
Samidy
f4f4a843e2
Improve feedback window (#4421)
* update background color for buttons to be always normal-dark background color

* share feedback button too (this fix is not gonna work ik that for a fact brah)
2025-12-09 11:22:58 -08:00
Icy
dcb2f2ffd3
fix auto theme switch (#4422)
* fix auto theme switch

* removed redundant timeout
2025-12-09 11:22:47 -08:00
2 changed files with 6 additions and 3 deletions

View file

@ -166,7 +166,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
</div>
<div>
<button
class="inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-$vp-c-text-1 border-$vp-c-divider"
class="bg-[#25262B] inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-$vp-c-text-1 border-$vp-c-divider"
@click="toggleCard()"
>
Share Feedback
@ -191,7 +191,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
<button
v-for="item in feedbackOptions"
:key="item.value"
class="bg-$vp-c-bg border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
class="bg-[#25262B] border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
@click="handleSubmit(item.value)"
>
<span>{{ item.label }}</span>

View file

@ -68,6 +68,9 @@ export class ThemeHandler {
if (!localStorage.getItem(STORAGE_KEY_MODE)) {
this.state.value.currentMode = e.matches ? 'dark' : 'light'
this.applyTheme()
}
else {
this.applyTheme()
}
})
}
@ -380,7 +383,7 @@ export function useTheme() {
onMounted(() => {
// Ensure theme is applied on mount
handler.setMode(handler.getMode())
handler.applyTheme()
})
return {