From 3f72996e64af19ca283fb807cbf9834f0a9aef38 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sun, 2 Jun 2024 23:54:00 -0700
Subject: [PATCH] Tweak settings labels

---
 src-web/components/Settings/SettingsAppearance.tsx | 3 +--
 src-web/components/core/Input.tsx                  | 6 +++++-
 src-web/components/core/PlainInput.tsx             | 6 +++++-
 src-web/components/core/Select.tsx                 | 6 +++++-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src-web/components/Settings/SettingsAppearance.tsx b/src-web/components/Settings/SettingsAppearance.tsx
index 7eedcbb5..e80c147c 100644
--- a/src-web/components/Settings/SettingsAppearance.tsx
+++ b/src-web/components/Settings/SettingsAppearance.tsx
@@ -109,7 +109,7 @@ export function SettingsAppearance() {
       <Select
         name="appearance"
         label="Appearance"
-        labelPosition="left"
+        labelPosition="top"
         size="sm"
         value={settings.appearance}
         onChange={(appearance) => {
@@ -123,7 +123,6 @@ export function SettingsAppearance() {
         ]}
       />
       <HStack space={2}>
-        <div>Theme</div>
         {(settings.appearance === 'system' || settings.appearance === 'light') && (
           <Select
             hideLabel
diff --git a/src-web/components/core/Input.tsx b/src-web/components/core/Input.tsx
index 50d18acb..7f8a734f 100644
--- a/src-web/components/core/Input.tsx
+++ b/src-web/components/core/Input.tsx
@@ -133,7 +133,11 @@ export const Input = forwardRef<EditorView | undefined, InputProps>(function Inp
     >
       <label
         htmlFor={id}
-        className={classNames(labelClassName, 'text-fg whitespace-nowrap', hideLabel && 'sr-only')}
+        className={classNames(
+          labelClassName,
+          'text-fg-subtle whitespace-nowrap',
+          hideLabel && 'sr-only',
+        )}
       >
         {label}
       </label>
diff --git a/src-web/components/core/PlainInput.tsx b/src-web/components/core/PlainInput.tsx
index bb058b0d..9995f378 100644
--- a/src-web/components/core/PlainInput.tsx
+++ b/src-web/components/core/PlainInput.tsx
@@ -85,7 +85,11 @@ export const PlainInput = forwardRef<HTMLInputElement, PlainInputProps>(function
     >
       <label
         htmlFor={id}
-        className={classNames(labelClassName, 'text-fg whitespace-nowrap', hideLabel && 'sr-only')}
+        className={classNames(
+          labelClassName,
+          'text-fg-subtle whitespace-nowrap',
+          hideLabel && 'sr-only',
+        )}
       >
         {label}
       </label>
diff --git a/src-web/components/core/Select.tsx b/src-web/components/core/Select.tsx
index 96c0a94e..5a086d98 100644
--- a/src-web/components/core/Select.tsx
+++ b/src-web/components/core/Select.tsx
@@ -51,7 +51,11 @@ export function Select<T extends string>({
     >
       <label
         htmlFor={id}
-        className={classNames(labelClassName, 'text-fg whitespace-nowrap', hideLabel && 'sr-only')}
+        className={classNames(
+          labelClassName,
+          'text-fg-subtle whitespace-nowrap',
+          hideLabel && 'sr-only',
+        )}
       >
         {label}
       </label>