KoderThemeToggle

Ratificado Tema themes/light-dark.kmd

Toggle two-state claro/escuro com script inline anti-flash e listener matchMedia. Espelha a spec deste site verbatim.

Demo

Mock visual estático — fiel ao pixel mas não interativo. Sub-fatia 2.3 troca demos selecionadas por embed Flutter Web ao vivo.

Claro
Escuro

Um clique troca data-theme no <html>; preferência salva sobrescreve o OS.

Disponibilidade

Flutter (koder_kit)
koder_kit v0.6.0+
Web (koder_web_kit)
koder_web_kit v0.2.0+

Uso em Flutter

import 'package:koder_kit/koder_kit.dart';
AppBar(
  actions: [KoderThemeToggle()],
)

Uso em Web

<script type="module" src="https://hub.koder.dev/sdk/koder-web-kit/v0.3/koder-web-kit.js"></script>
<koder-theme-toggle></koder-theme-toggle>

Relacionados no mesmo grupo