itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 07:15:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(styles): split theme.css into per-theme files (#656)

Browse Source 
theme.css (16138 LOC) → 122 per-section files in src/styles/themes/ +
an index.css that imports them in original cascade order.

Concatenating all files via index.css reproduces the original byte stream
(+1 trailing newline, cosmetic).

Each top-level section header in theme.css (matching /^\/\* ─{3,}/)
becomes its own file, slugged from the header text (or the [data-theme]
selector found in the body when the header was a banner). Pure-separator
headers fold into the previous section so they don't create empty files.

Generated via /tmp/split-theme-css.mjs.
This commit is contained in:
Frank Stellmacher
2026-05-13 19:00:50 +02:00
committed by GitHub
parent 40dd0bd100
commit 45a6a18849
125 changed files with 16262 additions and 16139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/themes/input-search.css
+24
View File
@@ -0,0 +1,24 @@
/* ─── Input Search ─── */
.input-search {
width: 100%;
padding: var(--space-2) var(--space-3);
padding-left: 36px;
background: var(--ctp-base);
border: 1px solid var(--ctp-overlay0);
border-radius: var(--radius-md);
color: var(--text-primary);
font-family: var(--font-sans);
font-size: 13px;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
outline: none;
}
.input-search::placeholder {
color: var(--text-muted);
}
.input-search:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-dim);
}