From 5e91cfc7faae5a8ce2b8ea87b231fd37455b8883 Mon Sep 17 00:00:00 2001
From: Adam Shiervani <adam.shiervani@gmail.com>
Date: Tue, 18 Feb 2025 19:30:04 +0100
Subject: [PATCH] Add full dark mode support to FieldLabel component (#173)
---
ui/src/components/FieldLabel.tsx | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/ui/src/components/FieldLabel.tsx b/ui/src/components/FieldLabel.tsx
index 3df932a..687e44c 100644
--- a/ui/src/components/FieldLabel.tsx
+++ b/ui/src/components/FieldLabel.tsx
@@ -26,7 +26,7 @@ export default function FieldLabel({
>
{label}
{description && (
- <span className="my-0.5 text-[13px] font-normal text-slate-600">
+ <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
{description}
</span>
)}
@@ -34,12 +34,12 @@ export default function FieldLabel({
);
} else if (as === "span") {
return (
- <div className="flex flex-col select-none">
- <span className="font-display text-[13px] font-medium leading-snug text-black">
+ <div className="flex select-none flex-col">
+ <span className="font-display text-[13px] font-medium leading-snug text-black dark:text-white">
{label}
</span>
{description && (
- <span className="my-0.5 text-[13px] font-normal text-slate-600">
+ <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
{description}
</span>
)}