JezzWTF/phokus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove dead .settings-modal theme overrides

Browse Source 
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.
This commit is contained in:
LyAhn
2026-06-21 12:58:19 +01:00
parent 58750b169a
commit 166ffdb189
1 changed files with 0 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
-101
View File
@@ -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%),