feat(studio): rich theme picker (presets + custom colour) + editor 0.11.0
Some checks failed
Security / Security check (push) Failing after 1s

Settings dialog's Theme Plugin section is now a grid of
swatched tiles:

- Built-in (none) — falls back to FaiTheme.light/.dark
- One tile per installed studio.theme.* plugin, each
  showing the plugin's primary/secondary/tertiary as
  live colour dots. Tile loads its preview lazily so a
  dozen installed themes don't block the picker.
- Custom — opens a colour-picker dialog with 12 curated
  Material presets + a hex input + live preview. Selecting
  applies ColorScheme.fromSeed for both brightnesses.

main.dart's _pluginThemes parses a 'custom:#RRGGBB' sigil
in the same notifier slot as plugin capability ids, so the
existing persistence + restoration paths cover the custom
case with no new state.

Bumps editor to 0.11.0 (type-checked port connections +
dynamic card width fix + card-height border allowance) and
Studio to 0.58.0.

Signed-off-by: flemming-it <stefan.a.flemming@googlemail.com>
This commit is contained in:
flemming-it 2026-06-02 01:29:34 +02:00
parent 69864da934
commit c1c60d5434
30 changed files with 1280 additions and 846 deletions

View file

@ -39,8 +39,9 @@ class ThemePluginSchemes {
Future<List<String>> listThemePluginCapabilities() async {
final caps = await HubService.instance.allCapabilities();
return caps
.where((c) =>
c.kind == 'wasm' && c.capability.startsWith('studio.theme.'))
.where(
(c) => c.kind == 'wasm' && c.capability.startsWith('studio.theme.'),
)
.map((c) => c.capability)
.toList()
..sort();
@ -121,6 +122,7 @@ ColorScheme _tokensToColorScheme(List<int> tokens, Brightness brightness) {
? const Color(0xFF1A1A1A)
: const Color(0xFFEEEEEE);
}
return ColorScheme(
brightness: brightness,
primary: slot(0),