Theme system: add a "System" (follow-OS) mode + a minimal/clean theme — interested in a PR?

[maximilize]

I'd like to contribute two theme features (additive/opt-in, I'll do the work) and want your steer on direction before opening a PR.

1. A "System" mode that follows the OS light/dark setting. Most of the groundwork already exists: each theme self-identifies as light or dark via relativeLuminance(pageBg) in public/app.js (~L4197), and you already ship paired families — catppuccin-latte/mocha, gruvbox-light/dark, solarized-light/dark, rose-pine-dawn/rose-pine. Missing piece is a prefers-color-scheme listener that picks the light or dark variant of the chosen family and live-updates when the OS toggles.

Two design points I'd rather agree with you than guess:

• Exposure: a Light/Dark/System switch beside the theme picker, vs. the user choosing a "light pick" + "dark pick" that System alternates between.
• Dark-only themes (one-dark, dracula, nord, matrix): fall back to a default light theme under System, or stay put?

2. A minimal/clean theme (light + dark) in the spirit of standard agent apps (ChatGPT/Claude-style) — flat surfaces, restrained accents — as one more option next to the glass/Catppuccin/Matrix look, not a replacement.

Useful to you? If yes I'll send the System mode first as a small PR, then the theme.

[maximilize]

To make #2 concrete, here's a quick visual mockup — rendered with the real styles.css and DOM, so it's faithful. Same UI, three looks:

Current (glass) — would stay the default

Clean — light

Clean — dark

The "clean" look is a normal theme (light + dark colors) plus an opt-in low-chrome mode that drops the blur/glow/grid — the glass design stays default, this is just one more option. Same principle for the System mode: it picks the light or dark variant automatically from the OS setting.

Accent/palette are easy to tune. If this direction looks useful I'll open the PRs (System mode first, then the theme).

[Firstp1ck]

I like the idea, if you wanna work on it, I will look at it!

Thank you for the contribution 😄

[maximilize]

I'll start on the System mode. One call is yours before I lock the UX: how visible the mode control should be. Both options work the same way underneath — System remembers your last light pick and your last dark pick and swaps when the OS flips — so dark-only themes (matrix, dracula) aren't a problem; you just assign a theme to each side. Only the surfacing differs:

A — a Light / Dark / Auto switch next to the theme picker

Theme: [ catppuccin-mocha ▾ ]   Mode: ( Light | Dark |[Auto] )

Two controls. Auto follows the OS; Light/Dark pin it. Picking a theme in Light sets your light theme, in Dark your dark one.

B — one extra entry at the top of the existing theme list

Theme: [ System (follow OS) ▾ ]
        ├ System (follow OS)
        ├ catppuccin-mocha
        ├ …

No new control; System just alternates between your last light/dark picks. Smallest change.

I lean toward A (the two axes read more clearly); B is the lighter footprint. Either is a small PR — which fits your taste?

[Firstp1ck]

we can go with "A — a Light / Dark / Auto switch next to the theme picker".

I may have a specific layout in mind, but want you to go for it first, as I want to have other peoples opinions.

Send the PR and I will look at it. 👍