Fix dark mode for hex boxes

Indy-Center · Feb 6, 2025 · 9ff516a · 9ff516a
1 parent a4b7451
commit 9ff516a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/routes/(protected)/admin/airspace/AddUpdateOverlayForm.svelte b/src/routes/(protected)/admin/airspace/AddUpdateOverlayForm.svelte
@@ -265,7 +265,7 @@
 									type="text"
 									bind:value={element.color}
 									placeholder="#000000"
-									class="w-24 rounded-md border border-surface-tertiary px-2 py-1 focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
+									class="mt-1 rounded-md border border-surface-tertiary bg-surface p-2 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
 									pattern="^#[0-9A-Fa-f]{6}$"
 								/>
 							</div>

diff --git a/src/routes/(protected)/admin/airspace/AddUpdateStaticElementForm.svelte b/src/routes/(protected)/admin/airspace/AddUpdateStaticElementForm.svelte
@@ -287,7 +287,7 @@
 									type="text"
 									bind:value={element.color}
 									placeholder="#000000"
-									class="w-24 rounded-md border border-surface-tertiary px-2 py-1 focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
+									class="mt-1 rounded-md border border-surface-tertiary bg-surface p-2 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
 									pattern="^#[0-9A-Fa-f]{6}$"
 								/>
 							</div>

diff --git a/src/routes/(protected)/admin/areas/AddUpdateAreaForm.svelte b/src/routes/(protected)/admin/areas/AddUpdateAreaForm.svelte
@@ -161,7 +161,7 @@
 					type="text"
 					bind:value={$form.color}
 					placeholder="#000000"
-					class="w-24 rounded-md border border-surface-tertiary px-2 py-1 focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
+					class="mt-1 rounded-md border border-surface-tertiary bg-surface p-2 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
 					pattern="^#[0-9A-Fa-f]{6}$"
 				/>
 			</div>