feat: enhance theme styles and button layouts for improved UI consistency

Author: AD-Archer

assets/styling/themes/aqua/theme.css

@@ -113,28 +113,19 @@
 
 /* Sidebar: medium translucency with pinstripe */
 [data-theme="aqua"] .sidebar-shell {
-  background: rgba(16, 26, 50, 0.88) !important;
+  background:
+    repeating-linear-gradient(
+      90deg,
+      transparent,
+      transparent 1px,
+      rgba(255, 255, 255, 0.007) 1px,
+      rgba(255, 255, 255, 0.007) 2px
+    ),
+    rgba(16, 26, 50, 0.88) !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   border-right: 1px solid rgba(80, 120, 200, 0.28) !important;
-  position: relative;
 }
-/* Pinstripe overlay */
-[data-theme="aqua"] .sidebar-shell::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: repeating-linear-gradient(
-    90deg,
-    transparent,
-    transparent 1px,
-    rgba(255, 255, 255, 0.007) 1px,
-    rgba(255, 255, 255, 0.007) 2px
-  );
-  pointer-events: none;
-  z-index: 0;
-}
-[data-theme="aqua"] .sidebar-shell > * { position: relative; z-index: 1; }
 
 /* Section labels: macOS grouped sidebar style */
 [data-theme="aqua"] .sidebar-shell .uppercase.tracking-wider {
@@ -170,5 +161,3 @@
   font-weight: 600 !important;
   letter-spacing: -0.02em !important;
 }
-
-

assets/styling/themes/shared/base.css

@@ -196,6 +196,17 @@ select optgroup {
 .border-emerald-300\/40  { border-color: rgba(var(--rs-accent-light-rgb), 0.40)  !important; }
 .border-emerald-200\/60  { border-color: rgba(var(--rs-accent-light-rgb), 0.60)  !important; }
 
+/* ── Hover: border colours ───────────────────────────────────────────────── */
+.hover\:border-emerald-500:hover     { border-color: rgb(var(--rs-accent-rgb))            !important; }
+.hover\:border-emerald-500\/30:hover { border-color: rgba(var(--rs-accent-rgb), 0.30)     !important; }
+.hover\:border-emerald-500\/40:hover { border-color: rgba(var(--rs-accent-rgb), 0.40)     !important; }
+.hover\:border-emerald-500\/50:hover { border-color: rgba(var(--rs-accent-rgb), 0.50)     !important; }
+.hover\:border-emerald-500\/60:hover { border-color: rgba(var(--rs-accent-rgb), 0.60)     !important; }
+.hover\:border-emerald-500\/70:hover { border-color: rgba(var(--rs-accent-rgb), 0.70)     !important; }
+.hover\:border-emerald-400:hover     { border-color: rgb(var(--rs-accent-light-rgb))      !important; }
+.hover\:border-emerald-400\/70:hover { border-color: rgba(var(--rs-accent-light-rgb), 0.70) !important; }
+.hover\:border-emerald-200\/60:hover { border-color: rgba(var(--rs-accent-light-rgb), 0.60) !important; }
+
 /* ── Focus rings ─────────────────────────────────────────────────────────── */
 .ring-emerald-300\/70     { --tw-ring-color: rgba(var(--rs-accent-light-rgb), 0.70) !important; }
 .ring-emerald-500\/20     { --tw-ring-color: rgba(var(--rs-accent-rgb), 0.20)       !important; }

assets/styling/themes/y2k/theme.css

@@ -134,28 +134,19 @@
 
 /* Sidebar: opaque dark with scanline overlay */
 [data-theme="y2k"] .sidebar-shell {
-  background: rgba(10, 8, 18, 0.99) !important;
+  background:
+    repeating-linear-gradient(
+      0deg,
+      transparent,
+      transparent 3px,
+      rgba(255, 0, 204, 0.018) 3px,
+      rgba(255, 0, 204, 0.018) 4px
+    ),
+    rgba(10, 8, 18, 0.99) !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   border-right: 1px solid rgba(255, 0, 204, 0.30) !important;
-  position: relative;
-}
-/* Scanline overlay */
-[data-theme="y2k"] .sidebar-shell::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: repeating-linear-gradient(
-    0deg,
-    transparent,
-    transparent 3px,
-    rgba(255, 0, 204, 0.018) 3px,
-    rgba(255, 0, 204, 0.018) 4px
-  );
-  pointer-events: none;
-  z-index: 0;
-}
-[data-theme="y2k"] .sidebar-shell > * { position: relative; z-index: 1; }
+}
 
 /* Section labels: neon monospace */
 [data-theme="y2k"] .sidebar-shell .uppercase.tracking-wider {
@@ -223,4 +214,3 @@
 [data-theme="y2k"] .page-shell {
   padding: 1.25rem 1rem !important;
 }
-