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

mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-22 14:35:41 +00:00

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

									
										src/styles/themes/focus.css
									
		+7
		
												View File
												
				@@ -0,0 +1,7 @@

				/* ─── Focus ─── */

				:focus-visible {

				  outline: 2px solid var(--accent);

				  outline-offset: 2px;

				  border-radius: var(--radius-sm);

				}