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

Merge: drop dead settings-modal theme CSS
github/actions/ci GitHub Actions CI finished: failure
Details

Browse Source 
Removes subtle-light .settings-modal overrides that targeted classes no component
on main applies (dead rules), keeping the Settings modal flat and themed via the
global accent variables.
This commit is contained in:
LyAhn
2026-06-21 12:58:21 +01:00
parent 58750b169a 166ffdb189
commit c1ab651131
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%),