From a16a4ef0f9500eef9a6cd3d086442844ec150d4d Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 1 Feb 2026 05:10:11 +0100
Subject: [PATCH] Add styles for settings panel elements

---
 src/index.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/index.css b/src/index.css
index e30b16f..891fcf6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -966,11 +966,34 @@ body:not([data-theme="light"]) .folder-item {
   gap: 8px;
 }
 
+.settings-panel__section-title {
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--muted);
+  margin-top: 4px;
+}
+
 .settings-panel__label {
   font-size: 0.9rem;
   color: var(--muted);
 }
 
+.settings-panel__input,
+.settings-panel__textarea {
+  border-radius: 10px;
+  border: 1px solid var(--border);
+  background: var(--bg-input);
+  color: var(--ink);
+  padding: 8px 10px;
+  font-size: 0.95rem;
+}
+
+.settings-panel__textarea {
+  resize: vertical;
+  min-height: 120px;
+}
+
 .settings-panel__select {
   border-radius: 10px;
   border: 1px solid var(--border);
@@ -997,6 +1020,11 @@ body:not([data-theme="light"]) .folder-item {
   font-size: 0.9rem;
 }
 
+.settings-panel__hint {
+  font-size: 0.8rem;
+  color: var(--muted);
+}
+
 body[data-theme="light"] .editor__textarea-wrap:focus-within {
   border-color: var(--accent-strong);
 }