cat/Kanban
Private
Public Access
1
0
Fork 0
Code Activity

Fix dark mode text color in tag picker dropdown

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Catherine Renelle
2026-02-27 23:54:59 -05:00
parent df0e8909f2
commit 85bda718cc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/TagPicker.svelte
+2 -2
View File
@@ -133,7 +133,7 @@
class="w-full flex items-center gap-2 rounded px-2 py-1 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 {isApplied(tag.id) ? 'bg-blue-50 dark:bg-blue-900/30' : ''}" class="w-full flex items-center gap-2 rounded px-2 py-1 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 {isApplied(tag.id) ? 'bg-blue-50 dark:bg-blue-900/30' : ''}"
> >
<span class="w-4 h-4 rounded" style="background-color: {tag.color}"></span> <span class="w-4 h-4 rounded" style="background-color: {tag.color}"></span>
<span class="flex-1 text-left">{tag.name}</span> <span class="flex-1 text-left text-gray-700 dark:text-gray-200">{tag.name}</span>
{#if isApplied(tag.id)} {#if isApplied(tag.id)}
<svg class="w-4 h-4 text-blue-500" viewBox="0 0 20 20" fill="currentColor"> <svg class="w-4 h-4 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
@@ -142,7 +142,7 @@
</button> </button>
{/each} {/each}
</div> </div>
<div class="border-t border-gray-100 mt-2 pt-2"> <div class="border-t border-gray-100 dark:border-gray-700 mt-2 pt-2">
<p class="text-xs text-gray-500 dark:text-gray-400 mb-1">Create tag</p> <p class="text-xs text-gray-500 dark:text-gray-400 mb-1">Create tag</p>
<div class="flex gap-1 mb-1.5"> <div class="flex gap-1 mb-1.5">
{#each presetColors as color} {#each presetColors as color}