国旗にインスパイアされたブラウザテーマ

Flag Theme は、国旗の色からブラウザテーマを生成する無料のオープンソースプロジェクトです。各パレットは実際の国旗の色から導出され、WCAG コントラストガイドラインに基づいて検証されているため、すべてのモードでテキストが読みやすく保たれます。

ジェネレーターは 10 個のデザイントークン（背景、サーフェス、テキスト、アクセント、ボーダーなど）を Dark、Light、AMOLED モードで生成します。色は OKLCH 知覚色彩数学を使用して調整され、アクセシビリティ要件を満たしながら国旗の元の特徴を保持します。テーマは Chrome、Edge、Firefox、Brave で動作し、ブラウザ拡張機能によるライブプレビューとワンクリック適用が可能です。

デザイナーと開発者は、5つの形式でトークンをエクスポートできます：CSS カスタムプロパティ、Tailwind 設定、shadcn/ui テーマ変数、Tokens Studio (DTCG) JSON、および WCAG コントラスト比を含む完全な JSON レポート。拡張機能はブラウザのロケールを自動検出し、一致するテーマを提案します。すべてローカルで動作し、ネットワークリクエストもデータ収集もゼロです。