add tag colors

earthpulse · Aug 9, 2024 · b14c918 · b14c918
1 parent b2688a6
commit b14c918
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/ui/src/components/Card.svelte b/ui/src/components/Card.svelte
@@ -23,7 +23,7 @@
         <div class="flex flex-wrap gap-1 content-start mt-1">
             {#each data.tags as tag}
                 <p
-                    class="badge border-0 text-slate-800 text-xs"
+                    class="badge border-0 text-slate-100 text-xs"
                     style="background-color: {tags?.find((t) => t.name == tag)
                         .color || 'none'};"
                 >

diff --git a/ui/src/components/Tags.svelte b/ui/src/components/Tags.svelte
@@ -32,7 +32,7 @@
                     <button
                         class={`badge text-slate-400 text-xs mx-[1px] ${
                             selected_tags.includes(tag.name)
-                                ? `badge badge-outline text-slate-600 border-0`
+                                ? `badge badge-outline text-slate-200 border-0`
                                 : "badge-outline"
                         }`}
                         style={`${selected_tags.includes(tag.name) && `background-color: ${tag.color};`}`}

diff --git a/ui/src/routes/datasets/IngestForm.svelte b/ui/src/routes/datasets/IngestForm.svelte
@@ -136,7 +136,7 @@
           class="badge cursor-pointer text-slate-400 text-xs {selected_tags.includes(
             tag.name,
           )
-            ? 'text-slate-800 border-0'
+            ? 'text-slate-200 border-0'
             : 'badge-outline'}"
           on:click={() => toggleTag(tag.name)}
           on:keyup={() => {}}

diff --git a/ui/src/routes/datasets/[name]/+page.svelte b/ui/src/routes/datasets/[name]/+page.svelte
@@ -55,7 +55,7 @@
 					<div class="flex flex-wrap gap-1">
 						{#each dataset.tags as tag}
 							<p
-								class="badge border-0 text-slate-800 text-xs"
+								class="badge border-0 text-slate-200 text-xs"
 								style="background-color: {data.tags?.find(
 									(t) => t.name == tag,
 								).color || 'none'};"

diff --git a/ui/src/routes/models/[name]/+page.svelte b/ui/src/routes/models/[name]/+page.svelte
@@ -47,7 +47,7 @@
 					<div class="flex flex-wrap gap-1">
 						{#each model.tags as tag}
 							<p
-								class="badge border-0 text-slate-800 text-xs"
+								class="badge border-0 text-slate-200 text-xs"
 								style="background-color: {data.tags?.find(
 									(t) => t.name == tag,
 								).color || 'none'};"