1 files changed, 46 insertions, 6 deletions

diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css
index d5c1b2d..8d8e554 100644
--- a/frontend-vanilla/src/style.css
+++ b/frontend-vanilla/src/style.css
@@ -11,9 +11,9 @@
   /* Light Mode Defaults */
   --bg-color: #ffffff;
   --text-color: rgba(0, 0, 0, 0.87);
-  --sidebar-bg: #f5f5f5;
+  --sidebar-bg: #ccc;
   --link-color: #0000ee;
-  --border-color: #e5e5e5;
+  --border-color: #999;
   --accent-color: #007bff;
 
   color-scheme: light dark;
@@ -312,6 +312,38 @@ html {
   }
 }
 
+input[type="text"],
+input[type="url"],
+input[type="search"],
+select {
+  padding: 0.4rem 0.8rem;
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-color);
+  color: var(--text-color);
+  font-family: inherit;
+  font-size: 0.9rem;
+}
+
+input:focus,
+select:focus {
+  outline: none;
+  border-color: var(--accent-color);
+  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
+}
+
+.logo {
+  font-size: 2.5rem;
+  margin: 0 0 1.5rem 0;
+  cursor: pointer;
+  text-align: center;
+  user-select: none;
+}
+
+.sidebar .logo {
+  margin-bottom: 1.5rem;
+}
+
 /* Feed Items Styles (from v2) */
 .item-list {
   list-style: none;
@@ -421,11 +453,12 @@ html {
 
 /* Themes */
 .theme-dark {
-  --bg-color: #000000;
+  --bg-color: #24292e;
   --text-color: #ffffff;
-  --sidebar-bg: #111111;
+  --sidebar-bg: #1b1f23;
   --link-color: rgb(90, 200, 250);
-  --border-color: #333;
+  --border-color: #444d56;
+  --accent-color: #2188ff;
 }
 
 .font-serif {
@@ -488,10 +521,17 @@ button.active {
 }
 
 .theme-dark button.active {
-  background-color: #224;
+  background-color: #282e34;
   border-color: var(--accent-color);
 }
 
+.theme-dark input,
+.theme-dark select {
+  background-color: #1b1f23;
+  color: #ffffff;
+  border-color: #444d56;
+}
+
 .add-feed-form {
   display: flex;
   gap: 0.5rem;