diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_wallpaper.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_wallpaper.svelte index 1e7f3dce..c3201aff 100644 --- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_wallpaper.svelte +++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_wallpaper.svelte @@ -238,7 +238,7 @@ const section_description = $derived( type="button" onclick={() => (url_input = preset.value)} title={preset.value} - class="btn btn-sm h-8 px-3 text-xs ring-1 {url_input === preset.value ? 'preset-filled-primary ring-primary-500' : 'preset-tonal-surface ring-surface-500/50'}"> + class="btn btn-sm h-8 px-3 text-xs border-2 {url_input === preset.value ? 'preset-filled-primary border-primary-500' : 'preset-tonal-surface border-surface-400'}"> {preset.label} {/each} @@ -265,7 +265,7 @@ const section_description = $derived( type="button" onclick={() => (url_external_input = preset.value)} title={preset.value} - class="btn btn-sm h-8 px-3 text-xs ring-1 {url_external_input === preset.value ? 'preset-filled-primary ring-primary-500' : 'preset-tonal-surface ring-surface-500/50'}"> + class="btn btn-sm h-8 px-3 text-xs border-2 {url_external_input === preset.value ? 'preset-filled-primary border-primary-500' : 'preset-tonal-surface border-surface-400'}"> {preset.label} {/each} @@ -283,7 +283,7 @@ const section_description = $derived( type="button" onclick={handle_save_and_apply} disabled={!get_device_id() || (!url_input.trim() && !url_external_input.trim())} - class="btn preset-filled-primary h-10 flex-1 text-sm font-bold"> + class="btn preset-filled-primary border-2 border-primary-600 h-10 flex-1 text-sm font-bold disabled:opacity-60"> Save & Apply @@ -293,7 +293,7 @@ const section_description = $derived( type="button" onclick={handle_restore_default} title="Restore macOS default wallpaper" - class="btn preset-tonal-surface ring-surface-500/50 h-10 w-10 ring-1 opacity-75 hover:opacity-100"> + class="btn preset-tonal-surface border-2 border-surface-400 h-10 w-10 opacity-75 hover:opacity-100"> {/if}