feat(settings): Add light mode support to buttons in settings menu

This commit is contained in:
sethburkart123
2024-09-09 12:12:46 +10:00
parent bff4a2abf4
commit 38ddcbf5ca
5 changed files with 14 additions and 30 deletions
@@ -104,7 +104,7 @@
transition={springTransition}
>
<button
class="w-full px-4 py-2 mb-4 text-[13px] text-white transition rounded-xl bg-zinc-700/50"
class="w-full px-4 py-2 mb-4 text-[13px] dark:text-white transition rounded-xl bg-zinc-200 dark:bg-zinc-700/50"
onclick={isFormVisible ? addNewCustomShortcut : toggleForm}
>
{#if isFormVisible}
@@ -13,8 +13,8 @@
<div class="py-4">
<button
onclick={() => selectNoBackground()}
class="w-full px-4 py-2 mb-4 text-[13px] text-white transition rounded-xl bg-zinc-700/50">
{ clearTheme ? 'Clear Theme' : 'Select Theme' }
class="w-full px-4 py-2 mb-4 text-[13px] dark:text-white transition rounded-xl bg-zinc-200 dark:bg-zinc-700/50">
{ clearTheme ? 'Clear Theme' : 'Select a Theme' }
</button>
<BackgroundSelector isEditMode={editMode} bind:selectedBackground={selectedBackground} bind:selectNoBackground={selectNoBackground} />
<ThemeSelector isEditMode={editMode} />