From 166ffdb189d8f8739d6199a65798743815660698 Mon Sep 17 00:00:00 2001
From: LyAhn <admin@jezz.wtf>
Date: Sun, 21 Jun 2026 12:58:19 +0100
Subject: [PATCH] chore: remove dead .settings-modal theme overrides

These subtle-light overrides target classes (settings-modal, settings-nav-active,
settings-model-card) that no component on main applies, so the rules never took
effect. They also pulled the Settings modal toward a card look we don't want. The
accent-text readability is now handled globally by the theme's accent variables,
so the modal themes correctly (flat) without this block.
---
 src/index.css | 101 --------------------------------------------------
 1 file changed, 101 deletions(-)

diff --git a/src/index.css b/src/index.css
index b4d5af4..8ba3def 100644
--- a/src/index.css
+++ b/src/index.css
@@ -132,107 +132,6 @@ html[data-theme="subtle-light"] .lightbox-panel {
   --color-violet-400: #6d28d9;
 }
 
-html[data-theme="subtle-light"] .settings-modal {
-  background: #f4f2ea !important;
-  border-color: #d6d1c7 !important;
-  color: #1f2937 !important;
-  box-shadow: 0 24px 80px rgb(0 0 0 / 0.24) !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal aside {
-  background: #ece9e1 !important;
-  border-color: #d6d1c7 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal aside > div:first-child {
-  border-color: #d6d1c7 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .settings-nav-active {
-  background: #d8d4ca !important;
-  color: #111827 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .settings-nav-inactive {
-  background: transparent !important;
-  color: #4b5563 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .settings-nav-inactive:hover {
-  background: #e2ded5 !important;
-  color: #111827 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .settings-model-card,
-html[data-theme="subtle-light"] .settings-modal .settings-light-panel {
-  background: #fbfaf6 !important;
-  border-color: #d6d1c7 !important;
-  color: #1f2937 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal button:not([role="switch"]) {
-  background: #fbfaf6 !important;
-  border-color: #cfc8ba !important;
-  color: #374151 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal button:not([role="switch"]):hover {
-  background: #eeeae0 !important;
-  color: #111827 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal input {
-  background: #ffffff !important;
-  border-color: #cfc8ba !important;
-  color: #111827 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-white,
-html[data-theme="subtle-light"] .settings-modal .text-gray-200,
-html[data-theme="subtle-light"] .settings-modal .text-gray-300,
-html[data-theme="subtle-light"] .settings-modal .text-gray-400 {
-  color: #111827 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-gray-500,
-html[data-theme="subtle-light"] .settings-modal .text-gray-600 {
-  color: #5f5a52 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-emerald-200,
-html[data-theme="subtle-light"] .settings-modal .text-emerald-300 {
-  color: #047857 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-sky-300 {
-  color: #0369a1 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-amber-200,
-html[data-theme="subtle-light"] .settings-modal .text-amber-300 {
-  color: #b45309 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .text-red-200 {
-  color: #b91c1c !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .bg-white\/10,
-html[data-theme="subtle-light"] .settings-modal .bg-white\/5,
-html[data-theme="subtle-light"] .settings-modal .bg-white\/\[0\.025\],
-html[data-theme="subtle-light"] .settings-modal .bg-white\/\[0\.04\],
-html[data-theme="subtle-light"] .settings-modal .bg-white\/\[0\.045\],
-html[data-theme="subtle-light"] .settings-modal .bg-white\/\[0\.055\] {
-  background: #fbfaf6 !important;
-}
-
-html[data-theme="subtle-light"] .settings-modal .border-white\/10,
-html[data-theme="subtle-light"] .settings-modal .border-white\/\[0\.05\],
-html[data-theme="subtle-light"] .settings-modal .border-white\/\[0\.06\],
-html[data-theme="subtle-light"] .settings-modal .border-white\/\[0\.07\] {
-  border-color: #d6d1c7 !important;
-}
-
 html[data-theme="subtle-light"] .explore-view {
   background:
     radial-gradient(ellipse at top, rgb(59 130 246 / 0.08), transparent 48%),