dart format whole tree

Co-Authored-By: Claude <noreply@anthropic.com>

docs/claude-design/themes/clide_theme.dart

@@ -11,171 +11,201 @@ import 'package:flutter/material.dart';
 
 class ClideTheme {
   // ─── palette ──────────────────────────────────────────────────────────
-  static const _bg          = Color(0xFF20202C); // page / editor canvas
-  static const _bgSunken    = Color(0xFF1A1A24); // sidebar, gutters
-  static const _surface     = Color(0xFF242838); // cards, table header, pills
-  static const _surfaceHi   = Color(0xFF2C3046); // hover, selected row
-  static const _border      = Color(0xFF343850);
-  static const _borderHi    = Color(0xFF3C445C);
+  static const _bg = Color(0xFF20202C); // page / editor canvas
+  static const _bgSunken = Color(0xFF1A1A24); // sidebar, gutters
+  static const _surface = Color(0xFF242838); // cards, table header, pills
+  static const _surfaceHi = Color(0xFF2C3046); // hover, selected row
+  static const _border = Color(0xFF343850);
+  static const _borderHi = Color(0xFF3C445C);
 
-  static const _textHi      = Color(0xFFE6E8F2); // primary text
-  static const _text        = Color(0xFFB1BBE3); // section titles, labels
-  static const _textDim     = Color(0xFF78809C); // secondary
-  static const _textMute    = Color(0xFF545C84); // small-caps labels
+  static const _textHi = Color(0xFFE6E8F2); // primary text
+  static const _text = Color(0xFFB1BBE3); // section titles, labels
+  static const _textDim = Color(0xFF78809C); // secondary
+  static const _textMute = Color(0xFF545C84); // small-caps labels
 
-  static const _accent      = Color(0xFF78A0F8); // periwinkle primary
+  static const _accent = Color(0xFF78A0F8); // periwinkle primary
   static const _accentPress = Color(0xFF6C90DC);
-  static const _accentSoft  = Color(0x2278A0F8); // 13% accent for fills
+  static const _accentSoft = Color(0x2278A0F8); // 13% accent for fills
 
-  static const _ok          = Color(0xFF7DD3A8);
-  static const _warn        = Color(0xFFE6C370);
-  static const _err         = Color(0xFFE87D7D);
-  static const _info        = _accent;
+  static const _ok = Color(0xFF7DD3A8);
+  static const _warn = Color(0xFFE6C370);
+  static const _err = Color(0xFFE87D7D);
+  static const _info = _accent;
 
   // syntax (Dart-biased)
-  static const _synKeyword  = Color(0xFFC792EA); // class, const, final
-  static const _synType     = Color(0xFF78A0F8); // Widget, BuildContext
-  static const _synString   = Color(0xFFA8D99B);
-  static const _synNumber   = Color(0xFFE6C370);
-  static const _synComment  = Color(0xFF545C84);
-  static const _synMethod   = Color(0xFF82B1FF);
-  static const _synPunct    = Color(0xFF78809C);
+  static const _synKeyword = Color(0xFFC792EA); // class, const, final
+  static const _synType = Color(0xFF78A0F8); // Widget, BuildContext
+  static const _synString = Color(0xFFA8D99B);
+  static const _synNumber = Color(0xFFE6C370);
+  static const _synComment = Color(0xFF545C84);
+  static const _synMethod = Color(0xFF82B1FF);
+  static const _synPunct = Color(0xFF78809C);
 
   // ─── exposed tokens ───────────────────────────────────────────────────
   static const tokens = ClideTokens(
-    bg: _bg, bgSunken: _bgSunken, surface: _surface, surfaceHi: _surfaceHi,
-    border: _border, borderHi: _borderHi,
-    textHi: _textHi, text: _text, textDim: _textDim, textMute: _textMute,
-    accent: _accent, accentPress: _accentPress, accentSoft: _accentSoft,
-    ok: _ok, warn: _warn, err: _err, info: _info,
-    synKeyword: _synKeyword, synType: _synType, synString: _synString,
-    synNumber: _synNumber, synComment: _synComment, synMethod: _synMethod,
+    bg: _bg,
+    bgSunken: _bgSunken,
+    surface: _surface,
+    surfaceHi: _surfaceHi,
+    border: _border,
+    borderHi: _borderHi,
+    textHi: _textHi,
+    text: _text,
+    textDim: _textDim,
+    textMute: _textMute,
+    accent: _accent,
+    accentPress: _accentPress,
+    accentSoft: _accentSoft,
+    ok: _ok,
+    warn: _warn,
+    err: _err,
+    info: _info,
+    synKeyword: _synKeyword,
+    synType: _synType,
+    synString: _synString,
+    synNumber: _synNumber,
+    synComment: _synComment,
+    synMethod: _synMethod,
     synPunct: _synPunct,
   );
 
   // ─── ThemeData ────────────────────────────────────────────────────────
   static ThemeData get data => ThemeData(
-    useMaterial3: true,
-    brightness: Brightness.dark,
-    scaffoldBackgroundColor: _bg,
-    canvasColor: _bg,
+        useMaterial3: true,
+        brightness: Brightness.dark,
+        scaffoldBackgroundColor: _bg,
+        canvasColor: _bg,
 
-    colorScheme: const ColorScheme.dark(
-      brightness: Brightness.dark,
-      primary: _accent,
-      onPrimary: Color(0xFF0D1020),
-      secondary: _synKeyword,
-      onSecondary: Color(0xFF0D1020),
-      surface: _surface,
-      onSurface: _textHi,
-      surfaceContainerHighest: _surfaceHi,
-      outline: _border,
-      outlineVariant: _borderHi,
-      error: _err,
-      onError: Color(0xFF0D1020),
-    ),
+        colorScheme: const ColorScheme.dark(
+          brightness: Brightness.dark,
+          primary: _accent,
+          onPrimary: Color(0xFF0D1020),
+          secondary: _synKeyword,
+          onSecondary: Color(0xFF0D1020),
+          surface: _surface,
+          onSurface: _textHi,
+          surfaceContainerHighest: _surfaceHi,
+          outline: _border,
+          outlineVariant: _borderHi,
+          error: _err,
+          onError: Color(0xFF0D1020),
+        ),
 
-    textTheme: const TextTheme(
-      // Josefin Sans Light for display; JetBrains Mono for code/body.
-      displayLarge:  TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, height: 1.1,  letterSpacing: 0.2, color: _textHi),
-      displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, height: 1.15, letterSpacing: 0.2, color: _textHi),
-      headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, height: 1.2,  letterSpacing: 0.2, color: _textHi),
-      titleMedium:   TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, height: 1.3,  letterSpacing: 0.3, color: _text),
-      labelSmall:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, height: 1.2, letterSpacing: 1.0, color: _textMute),
-      bodyMedium:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
-      bodySmall:     TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, height: 1.4,  color: _text),
-    ),
+        textTheme: const TextTheme(
+          // Josefin Sans Light for display; JetBrains Mono for code/body.
+          displayLarge: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, height: 1.1, letterSpacing: 0.2, color: _textHi),
+          displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, height: 1.15, letterSpacing: 0.2, color: _textHi),
+          headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, height: 1.2, letterSpacing: 0.2, color: _textHi),
+          titleMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, height: 1.3, letterSpacing: 0.3, color: _text),
+          labelSmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, height: 1.2, letterSpacing: 1.0, color: _textMute),
+          bodyMedium: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
+          bodySmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, height: 1.4, color: _text),
+        ),
 
-    dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
+        dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
 
-    cardTheme: CardThemeData(
-      color: _surface,
-      elevation: 0,
-      shape: RoundedRectangleBorder(
-        side: const BorderSide(color: _border),
-        borderRadius: BorderRadius.circular(6),
-      ),
-      margin: EdgeInsets.zero,
-    ),
+        cardTheme: CardThemeData(
+          color: _surface,
+          elevation: 0,
+          shape: RoundedRectangleBorder(
+            side: const BorderSide(color: _border),
+            borderRadius: BorderRadius.circular(6),
+          ),
+          margin: EdgeInsets.zero,
+        ),
 
-    inputDecorationTheme: InputDecorationTheme(
-      isDense: true,
-      filled: true,
-      fillColor: _bgSunken,
-      hintStyle: const TextStyle(color: _textMute),
-      contentPadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
-      border: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(4),
-        borderSide: const BorderSide(color: _border),
-      ),
-      enabledBorder: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(4),
-        borderSide: const BorderSide(color: _border),
-      ),
-      focusedBorder: OutlineInputBorder(
-        borderRadius: BorderRadius.circular(4),
-        borderSide: const BorderSide(color: _accent, width: 1.5),
-      ),
-    ),
+        inputDecorationTheme: InputDecorationTheme(
+          isDense: true,
+          filled: true,
+          fillColor: _bgSunken,
+          hintStyle: const TextStyle(color: _textMute),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
+          border: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(4),
+            borderSide: const BorderSide(color: _border),
+          ),
+          enabledBorder: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(4),
+            borderSide: const BorderSide(color: _border),
+          ),
+          focusedBorder: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(4),
+            borderSide: const BorderSide(color: _accent, width: 1.5),
+          ),
+        ),
 
-    elevatedButtonTheme: ElevatedButtonThemeData(
-      style: ElevatedButton.styleFrom(
-        backgroundColor: _accent,
-        foregroundColor: const Color(0xFF0D1020),
-        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
-        textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 12, fontWeight: FontWeight.w500),
-      ),
-    ),
-    textButtonTheme: TextButtonThemeData(
-      style: TextButton.styleFrom(
-        foregroundColor: _accent,
-        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
-        textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 12),
-      ),
-    ),
+        elevatedButtonTheme: ElevatedButtonThemeData(
+          style: ElevatedButton.styleFrom(
+            backgroundColor: _accent,
+            foregroundColor: const Color(0xFF0D1020),
+            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
+            textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 12, fontWeight: FontWeight.w500),
+          ),
+        ),
+        textButtonTheme: TextButtonThemeData(
+          style: TextButton.styleFrom(
+            foregroundColor: _accent,
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
+            textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 12),
+          ),
+        ),
 
-    // Pill-style chips (matches the Projects row in the dashboard).
-    chipTheme: ChipThemeData(
-      backgroundColor: _surface,
-      side: const BorderSide(color: _borderHi),
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
-      labelStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 11, color: _text),
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-    ),
+        // Pill-style chips (matches the Projects row in the dashboard).
+        chipTheme: ChipThemeData(
+          backgroundColor: _surface,
+          side: const BorderSide(color: _borderHi),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
+          labelStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 11, color: _text),
+          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+        ),
 
-    iconTheme: const IconThemeData(color: _textDim, size: 14),
+        iconTheme: const IconThemeData(color: _textDim, size: 14),
 
-    tooltipTheme: TooltipThemeData(
-      decoration: BoxDecoration(
-        color: _surfaceHi,
-        border: Border.all(color: _borderHi),
-        borderRadius: BorderRadius.circular(3),
-      ),
-      textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 11, color: _textHi),
-    ),
+        tooltipTheme: TooltipThemeData(
+          decoration: BoxDecoration(
+            color: _surfaceHi,
+            border: Border.all(color: _borderHi),
+            borderRadius: BorderRadius.circular(3),
+          ),
+          textStyle: const TextStyle(fontFamily: 'JetBrains Mono', fontSize: 11, color: _textHi),
+        ),
 
-    scrollbarTheme: ScrollbarThemeData(
-      thumbColor: WidgetStatePropertyAll(_border),
-      thickness: const WidgetStatePropertyAll(6),
-      radius: const Radius.circular(3),
-    ),
-  );
+        scrollbarTheme: ScrollbarThemeData(
+          thumbColor: WidgetStatePropertyAll(_border),
+          thickness: const WidgetStatePropertyAll(6),
+          radius: const Radius.circular(3),
+        ),
+      );
 }
 
 /// Raw color tokens — use when Material widgets can't carry the meaning.
 class ClideTokens {
   const ClideTokens({
-    required this.bg, required this.bgSunken,
-    required this.surface, required this.surfaceHi,
-    required this.border, required this.borderHi,
-    required this.textHi, required this.text,
-    required this.textDim, required this.textMute,
-    required this.accent, required this.accentPress, required this.accentSoft,
-    required this.ok, required this.warn, required this.err, required this.info,
-    required this.synKeyword, required this.synType, required this.synString,
-    required this.synNumber, required this.synComment,
-    required this.synMethod, required this.synPunct,
+    required this.bg,
+    required this.bgSunken,
+    required this.surface,
+    required this.surfaceHi,
+    required this.border,
+    required this.borderHi,
+    required this.textHi,
+    required this.text,
+    required this.textDim,
+    required this.textMute,
+    required this.accent,
+    required this.accentPress,
+    required this.accentSoft,
+    required this.ok,
+    required this.warn,
+    required this.err,
+    required this.info,
+    required this.synKeyword,
+    required this.synType,
+    required this.synString,
+    required this.synNumber,
+    required this.synComment,
+    required this.synMethod,
+    required this.synPunct,
   });
   final Color bg, bgSunken, surface, surfaceHi;
   final Color border, borderHi;

docs/claude-design/themes/midnight_theme.dart

@@ -6,69 +6,90 @@ import 'package:flutter/material.dart';
 import 'clide_theme.dart' show ClideTokens;
 
 class MidnightTheme {
-  static const _bg          = Color(0xFF1E1E1E);
-  static const _bgSunken    = Color(0xFF181818);
-  static const _surface     = Color(0xFF252526);
-  static const _surfaceHi   = Color(0xFF2D2D2E);
-  static const _border      = Color(0xFF333333);
-  static const _borderHi    = Color(0xFF3F3F3F);
+  static const _bg = Color(0xFF1E1E1E);
+  static const _bgSunken = Color(0xFF181818);
+  static const _surface = Color(0xFF252526);
+  static const _surfaceHi = Color(0xFF2D2D2E);
+  static const _border = Color(0xFF333333);
+  static const _borderHi = Color(0xFF3F3F3F);
 
-  static const _textHi      = Color(0xFFD4D4D4);
-  static const _text        = Color(0xFFBBBBBB);
-  static const _textDim     = Color(0xFF858585);
-  static const _textMute    = Color(0xFF6A6A6A);
+  static const _textHi = Color(0xFFD4D4D4);
+  static const _text = Color(0xFFBBBBBB);
+  static const _textDim = Color(0xFF858585);
+  static const _textMute = Color(0xFF6A6A6A);
 
-  static const _accent      = Color(0xFF569CD6); // muted azure
+  static const _accent = Color(0xFF569CD6); // muted azure
   static const _accentPress = Color(0xFF4785BD);
-  static const _accentSoft  = Color(0x22569CD6);
+  static const _accentSoft = Color(0x22569CD6);
 
-  static const _ok          = Color(0xFF89D185);
-  static const _warn        = Color(0xFFD7BA7D);
-  static const _err         = Color(0xFFF48771);
-  static const _info        = _accent;
+  static const _ok = Color(0xFF89D185);
+  static const _warn = Color(0xFFD7BA7D);
+  static const _err = Color(0xFFF48771);
+  static const _info = _accent;
 
-  static const _synKeyword  = Color(0xFFC586C0);
-  static const _synType     = Color(0xFF4EC9B0);
-  static const _synString   = Color(0xFFCE9178);
-  static const _synNumber   = Color(0xFFB5CEA8);
-  static const _synComment  = Color(0xFF6A9955);
-  static const _synMethod   = Color(0xFFDCDCAA);
-  static const _synPunct    = Color(0xFF858585);
+  static const _synKeyword = Color(0xFFC586C0);
+  static const _synType = Color(0xFF4EC9B0);
+  static const _synString = Color(0xFFCE9178);
+  static const _synNumber = Color(0xFFB5CEA8);
+  static const _synComment = Color(0xFF6A9955);
+  static const _synMethod = Color(0xFFDCDCAA);
+  static const _synPunct = Color(0xFF858585);
 
   static const tokens = ClideTokens(
-    bg: _bg, bgSunken: _bgSunken, surface: _surface, surfaceHi: _surfaceHi,
-    border: _border, borderHi: _borderHi,
-    textHi: _textHi, text: _text, textDim: _textDim, textMute: _textMute,
-    accent: _accent, accentPress: _accentPress, accentSoft: _accentSoft,
-    ok: _ok, warn: _warn, err: _err, info: _info,
-    synKeyword: _synKeyword, synType: _synType, synString: _synString,
-    synNumber: _synNumber, synComment: _synComment, synMethod: _synMethod,
+    bg: _bg,
+    bgSunken: _bgSunken,
+    surface: _surface,
+    surfaceHi: _surfaceHi,
+    border: _border,
+    borderHi: _borderHi,
+    textHi: _textHi,
+    text: _text,
+    textDim: _textDim,
+    textMute: _textMute,
+    accent: _accent,
+    accentPress: _accentPress,
+    accentSoft: _accentSoft,
+    ok: _ok,
+    warn: _warn,
+    err: _err,
+    info: _info,
+    synKeyword: _synKeyword,
+    synType: _synType,
+    synString: _synString,
+    synNumber: _synNumber,
+    synComment: _synComment,
+    synMethod: _synMethod,
     synPunct: _synPunct,
   );
 
   static ThemeData get data => ThemeData(
-    useMaterial3: true,
-    brightness: Brightness.dark,
-    scaffoldBackgroundColor: _bg,
-    canvasColor: _bg,
-    colorScheme: const ColorScheme.dark(
-      primary: _accent, onPrimary: Color(0xFF0B1220),
-      secondary: _synKeyword, onSecondary: Color(0xFF0B1220),
-      surface: _surface, onSurface: _textHi,
-      surfaceContainerHighest: _surfaceHi,
-      outline: _border, outlineVariant: _borderHi,
-      error: _err, onError: Color(0xFF0B1220),
-    ),
-    textTheme: const TextTheme(
-      displayLarge:  TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
-      displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
-      headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
-      titleMedium:   TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
-      labelSmall:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textMute),
-      bodyMedium:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
-      bodySmall:     TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
-    ),
-    dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
-    iconTheme: const IconThemeData(color: _textDim, size: 14),
-  );
+        useMaterial3: true,
+        brightness: Brightness.dark,
+        scaffoldBackgroundColor: _bg,
+        canvasColor: _bg,
+        colorScheme: const ColorScheme.dark(
+          primary: _accent,
+          onPrimary: Color(0xFF0B1220),
+          secondary: _synKeyword,
+          onSecondary: Color(0xFF0B1220),
+          surface: _surface,
+          onSurface: _textHi,
+          surfaceContainerHighest: _surfaceHi,
+          outline: _border,
+          outlineVariant: _borderHi,
+          error: _err,
+          onError: Color(0xFF0B1220),
+        ),
+        textTheme: const TextTheme(
+          displayLarge: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
+          displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
+          headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
+          titleMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
+          labelSmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textMute),
+          bodyMedium: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
+          bodySmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
+        ),
+        dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
+        iconTheme: const IconThemeData(color: _textDim, size: 14),
+      );
 }

docs/claude-design/themes/paper_theme.dart

@@ -7,70 +7,91 @@ import 'package:flutter/material.dart';
 import 'clide_theme.dart' show ClideTokens;
 
 class PaperTheme {
-  static const _bg          = Color(0xFFF4F1EA); // paper
-  static const _bgSunken    = Color(0xFFECE7DB); // paper-2
-  static const _surface     = Color(0xFFFBF8F1);
-  static const _surfaceHi   = Color(0xFFECE7DB);
-  static const _border      = Color(0xFF1A1A1A);
-  static const _borderHi    = Color(0xFF4A4A4A);
+  static const _bg = Color(0xFFF4F1EA); // paper
+  static const _bgSunken = Color(0xFFECE7DB); // paper-2
+  static const _surface = Color(0xFFFBF8F1);
+  static const _surfaceHi = Color(0xFFECE7DB);
+  static const _border = Color(0xFF1A1A1A);
+  static const _borderHi = Color(0xFF4A4A4A);
 
-  static const _textHi      = Color(0xFF1A1A1A); // ink
-  static const _text        = Color(0xFF4A4A4A); // ink-2
-  static const _textDim     = Color(0xFF8A8A82); // ink-3
-  static const _textMute    = Color(0xFFA8A89E);
+  static const _textHi = Color(0xFF1A1A1A); // ink
+  static const _text = Color(0xFF4A4A4A); // ink-2
+  static const _textDim = Color(0xFF8A8A82); // ink-3
+  static const _textMute = Color(0xFFA8A89E);
 
-  static const _accent      = Color(0xFFC14B2A); // red pencil
+  static const _accent = Color(0xFFC14B2A); // red pencil
   static const _accentPress = Color(0xFFA03D20);
-  static const _accentSoft  = Color(0x22C14B2A);
+  static const _accentSoft = Color(0x22C14B2A);
 
-  static const _ok          = Color(0xFF2D8A52);
-  static const _warn        = Color(0xFFB88A2A);
-  static const _err         = Color(0xFFB03A2A);
-  static const _info        = Color(0xFF2A6FC1);
+  static const _ok = Color(0xFF2D8A52);
+  static const _warn = Color(0xFFB88A2A);
+  static const _err = Color(0xFFB03A2A);
+  static const _info = Color(0xFF2A6FC1);
 
   // Syntax tuned for cream paper — desaturated so code reads like print.
-  static const _synKeyword  = Color(0xFF7B3F8C);
-  static const _synType     = Color(0xFF2A6FC1);
-  static const _synString   = Color(0xFF2D8A52);
-  static const _synNumber   = Color(0xFFB88A2A);
-  static const _synComment  = Color(0xFF8A8A82);
-  static const _synMethod   = Color(0xFF1E5D9E);
-  static const _synPunct    = Color(0xFF4A4A4A);
+  static const _synKeyword = Color(0xFF7B3F8C);
+  static const _synType = Color(0xFF2A6FC1);
+  static const _synString = Color(0xFF2D8A52);
+  static const _synNumber = Color(0xFFB88A2A);
+  static const _synComment = Color(0xFF8A8A82);
+  static const _synMethod = Color(0xFF1E5D9E);
+  static const _synPunct = Color(0xFF4A4A4A);
 
   static const tokens = ClideTokens(
-    bg: _bg, bgSunken: _bgSunken, surface: _surface, surfaceHi: _surfaceHi,
-    border: _border, borderHi: _borderHi,
-    textHi: _textHi, text: _text, textDim: _textDim, textMute: _textMute,
-    accent: _accent, accentPress: _accentPress, accentSoft: _accentSoft,
-    ok: _ok, warn: _warn, err: _err, info: _info,
-    synKeyword: _synKeyword, synType: _synType, synString: _synString,
-    synNumber: _synNumber, synComment: _synComment, synMethod: _synMethod,
+    bg: _bg,
+    bgSunken: _bgSunken,
+    surface: _surface,
+    surfaceHi: _surfaceHi,
+    border: _border,
+    borderHi: _borderHi,
+    textHi: _textHi,
+    text: _text,
+    textDim: _textDim,
+    textMute: _textMute,
+    accent: _accent,
+    accentPress: _accentPress,
+    accentSoft: _accentSoft,
+    ok: _ok,
+    warn: _warn,
+    err: _err,
+    info: _info,
+    synKeyword: _synKeyword,
+    synType: _synType,
+    synString: _synString,
+    synNumber: _synNumber,
+    synComment: _synComment,
+    synMethod: _synMethod,
     synPunct: _synPunct,
   );
 
   static ThemeData get data => ThemeData(
-    useMaterial3: true,
-    brightness: Brightness.light,
-    scaffoldBackgroundColor: _bg,
-    canvasColor: _bg,
-    colorScheme: const ColorScheme.light(
-      primary: _accent, onPrimary: Color(0xFFFBF8F1),
-      secondary: _info, onSecondary: Color(0xFFFBF8F1),
-      surface: _surface, onSurface: _textHi,
-      surfaceContainerHighest: _surfaceHi,
-      outline: _border, outlineVariant: _borderHi,
-      error: _err, onError: Color(0xFFFBF8F1),
-    ),
-    textTheme: const TextTheme(
-      displayLarge:  TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
-      displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
-      headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
-      titleMedium:   TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
-      labelSmall:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textDim),
-      bodyMedium:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
-      bodySmall:     TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
-    ),
-    dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
-    iconTheme: const IconThemeData(color: _text, size: 14),
-  );
+        useMaterial3: true,
+        brightness: Brightness.light,
+        scaffoldBackgroundColor: _bg,
+        canvasColor: _bg,
+        colorScheme: const ColorScheme.light(
+          primary: _accent,
+          onPrimary: Color(0xFFFBF8F1),
+          secondary: _info,
+          onSecondary: Color(0xFFFBF8F1),
+          surface: _surface,
+          onSurface: _textHi,
+          surfaceContainerHighest: _surfaceHi,
+          outline: _border,
+          outlineVariant: _borderHi,
+          error: _err,
+          onError: Color(0xFFFBF8F1),
+        ),
+        textTheme: const TextTheme(
+          displayLarge: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
+          displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
+          headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
+          titleMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
+          labelSmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textDim),
+          bodyMedium: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
+          bodySmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
+        ),
+        dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
+        iconTheme: const IconThemeData(color: _text, size: 14),
+      );
 }

docs/claude-design/themes/terminal_theme.dart

@@ -7,71 +7,92 @@ import 'package:flutter/material.dart';
 import 'clide_theme.dart' show ClideTokens;
 
 class TerminalTheme {
-  static const _bg          = Color(0xFF0A0A0A);
-  static const _bgSunken    = Color(0xFF000000);
-  static const _surface     = Color(0xFF111111);
-  static const _surfaceHi   = Color(0xFF181818);
-  static const _border      = Color(0xFF242424);
-  static const _borderHi    = Color(0xFF2E2E2E);
+  static const _bg = Color(0xFF0A0A0A);
+  static const _bgSunken = Color(0xFF000000);
+  static const _surface = Color(0xFF111111);
+  static const _surfaceHi = Color(0xFF181818);
+  static const _border = Color(0xFF242424);
+  static const _borderHi = Color(0xFF2E2E2E);
 
-  static const _textHi      = Color(0xFFE6E6E6);
-  static const _text        = Color(0xFFBDBDBD);
-  static const _textDim     = Color(0xFF7A7A7A);
-  static const _textMute    = Color(0xFF4A4A4A);
+  static const _textHi = Color(0xFFE6E6E6);
+  static const _text = Color(0xFFBDBDBD);
+  static const _textDim = Color(0xFF7A7A7A);
+  static const _textMute = Color(0xFF4A4A4A);
 
-  static const _accent      = Color(0xFFE0B050); // amber
+  static const _accent = Color(0xFFE0B050); // amber
   static const _accentPress = Color(0xFFC29438);
-  static const _accentSoft  = Color(0x22E0B050);
+  static const _accentSoft = Color(0x22E0B050);
 
-  static const _ok          = Color(0xFF8FDC9B);
-  static const _warn        = Color(0xFFE0B050);
-  static const _err         = Color(0xFFE05050);
-  static const _info        = Color(0xFFA3C4FF);
+  static const _ok = Color(0xFF8FDC9B);
+  static const _warn = Color(0xFFE0B050);
+  static const _err = Color(0xFFE05050);
+  static const _info = Color(0xFFA3C4FF);
 
   // Classic 16-color palette feel
-  static const _synKeyword  = Color(0xFFE05050);
-  static const _synType     = Color(0xFFE0B050);
-  static const _synString   = Color(0xFF8FDC9B);
-  static const _synNumber   = Color(0xFFC792EA);
-  static const _synComment  = Color(0xFF4A4A4A);
-  static const _synMethod   = Color(0xFFA3C4FF);
-  static const _synPunct    = Color(0xFF7A7A7A);
+  static const _synKeyword = Color(0xFFE05050);
+  static const _synType = Color(0xFFE0B050);
+  static const _synString = Color(0xFF8FDC9B);
+  static const _synNumber = Color(0xFFC792EA);
+  static const _synComment = Color(0xFF4A4A4A);
+  static const _synMethod = Color(0xFFA3C4FF);
+  static const _synPunct = Color(0xFF7A7A7A);
 
   static const tokens = ClideTokens(
-    bg: _bg, bgSunken: _bgSunken, surface: _surface, surfaceHi: _surfaceHi,
-    border: _border, borderHi: _borderHi,
-    textHi: _textHi, text: _text, textDim: _textDim, textMute: _textMute,
-    accent: _accent, accentPress: _accentPress, accentSoft: _accentSoft,
-    ok: _ok, warn: _warn, err: _err, info: _info,
-    synKeyword: _synKeyword, synType: _synType, synString: _synString,
-    synNumber: _synNumber, synComment: _synComment, synMethod: _synMethod,
+    bg: _bg,
+    bgSunken: _bgSunken,
+    surface: _surface,
+    surfaceHi: _surfaceHi,
+    border: _border,
+    borderHi: _borderHi,
+    textHi: _textHi,
+    text: _text,
+    textDim: _textDim,
+    textMute: _textMute,
+    accent: _accent,
+    accentPress: _accentPress,
+    accentSoft: _accentSoft,
+    ok: _ok,
+    warn: _warn,
+    err: _err,
+    info: _info,
+    synKeyword: _synKeyword,
+    synType: _synType,
+    synString: _synString,
+    synNumber: _synNumber,
+    synComment: _synComment,
+    synMethod: _synMethod,
     synPunct: _synPunct,
   );
 
   static ThemeData get data => ThemeData(
-    useMaterial3: true,
-    brightness: Brightness.dark,
-    scaffoldBackgroundColor: _bg,
-    canvasColor: _bg,
-    colorScheme: const ColorScheme.dark(
-      primary: _accent, onPrimary: Color(0xFF000000),
-      secondary: _info, onSecondary: Color(0xFF000000),
-      surface: _surface, onSurface: _textHi,
-      surfaceContainerHighest: _surfaceHi,
-      outline: _border, outlineVariant: _borderHi,
-      error: _err, onError: Color(0xFF000000),
-    ),
-    textTheme: const TextTheme(
-      displayLarge:  TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
-      displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
-      headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
-      titleMedium:   TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
-      // Terminal mockups go full-mono even for display.
-      labelSmall:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textMute),
-      bodyMedium:    TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
-      bodySmall:     TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
-    ),
-    dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
-    iconTheme: const IconThemeData(color: _textDim, size: 14),
-  );
+        useMaterial3: true,
+        brightness: Brightness.dark,
+        scaffoldBackgroundColor: _bg,
+        canvasColor: _bg,
+        colorScheme: const ColorScheme.dark(
+          primary: _accent,
+          onPrimary: Color(0xFF000000),
+          secondary: _info,
+          onSecondary: Color(0xFF000000),
+          surface: _surface,
+          onSurface: _textHi,
+          surfaceContainerHighest: _surfaceHi,
+          outline: _border,
+          outlineVariant: _borderHi,
+          error: _err,
+          onError: Color(0xFF000000),
+        ),
+        textTheme: const TextTheme(
+          displayLarge: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 48, color: _textHi),
+          displayMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w300, fontSize: 34, color: _textHi),
+          headlineSmall: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 20, color: _textHi),
+          titleMedium: TextStyle(fontFamily: 'Josefin Sans', fontWeight: FontWeight.w400, fontSize: 14, color: _text),
+          // Terminal mockups go full-mono even for display.
+          labelSmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w500, fontSize: 10, letterSpacing: 1.0, color: _textMute),
+          bodyMedium: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 12, height: 1.45, color: _textHi),
+          bodySmall: TextStyle(fontFamily: 'JetBrains Mono', fontWeight: FontWeight.w400, fontSize: 11, color: _text),
+        ),
+        dividerTheme: const DividerThemeData(color: _border, thickness: 1, space: 1),
+        iconTheme: const IconThemeData(color: _textDim, size: 14),
+      );
 }

docs/claude-design/tokens/clide_tokens.dart

@@ -72,33 +72,33 @@ class ClideThemes {
     dark: true,
     subtitle: 'cool near-black + periwinkle · default',
     palette: ClidePalette(
-      bg:          Color(0xFF20202C),
-      bgSunken:    Color(0xFF1A1A24),
-      surface:     Color(0xFF242838),
-      surfaceHi:   Color(0xFF2C3046),
-      border:      Color(0xFF343850),
-      borderHi:    Color(0xFF3C445C),
-      textHi:      Color(0xFFE6E8F2),
-      text:        Color(0xFFB1BBE3),
-      textDim:     Color(0xFF78809C),
-      textMute:    Color(0xFF545C84),
-      accent:      Color(0xFF78A0F8),
+      bg: Color(0xFF20202C),
+      bgSunken: Color(0xFF1A1A24),
+      surface: Color(0xFF242838),
+      surfaceHi: Color(0xFF2C3046),
+      border: Color(0xFF343850),
+      borderHi: Color(0xFF3C445C),
+      textHi: Color(0xFFE6E8F2),
+      text: Color(0xFFB1BBE3),
+      textDim: Color(0xFF78809C),
+      textMute: Color(0xFF545C84),
+      accent: Color(0xFF78A0F8),
       accentPress: Color(0xFF6C90DC),
-      accentSoft:  Color(0x2178A0F8),
-      onAccent:    Color(0xFF0D1020),
-      ok:          Color(0xFF7DD3A8),
-      warn:        Color(0xFFE6C370),
-      err:         Color(0xFFE87D7D),
-      info:        Color(0xFF78A0F8),
+      accentSoft: Color(0x2178A0F8),
+      onAccent: Color(0xFF0D1020),
+      ok: Color(0xFF7DD3A8),
+      warn: Color(0xFFE6C370),
+      err: Color(0xFFE87D7D),
+      info: Color(0xFF78A0F8),
     ),
     syntax: ClideSyntax(
-      keyword:  Color(0xFFC792EA),
-      type:     Color(0xFF78A0F8),
-      string:   Color(0xFFA8D99B),
-      number:   Color(0xFFE6C370),
-      comment:  Color(0xFF545C84),
-      method:   Color(0xFF82B1FF),
-      punct:    Color(0xFF78809C),
+      keyword: Color(0xFFC792EA),
+      type: Color(0xFF78A0F8),
+      string: Color(0xFFA8D99B),
+      number: Color(0xFFE6C370),
+      comment: Color(0xFF545C84),
+      method: Color(0xFF82B1FF),
+      punct: Color(0xFF78809C),
     ),
   );
 
@@ -108,33 +108,33 @@ class ClideThemes {
     dark: true,
     subtitle: 'VS Code-adjacent muted dark',
     palette: ClidePalette(
-      bg:          Color(0xFF1E1E1E),
-      bgSunken:    Color(0xFF181818),
-      surface:     Color(0xFF252526),
-      surfaceHi:   Color(0xFF2D2D2E),
-      border:      Color(0xFF333333),
-      borderHi:    Color(0xFF3F3F3F),
-      textHi:      Color(0xFFD4D4D4),
-      text:        Color(0xFFBBBBBB),
-      textDim:     Color(0xFF858585),
-      textMute:    Color(0xFF6A6A6A),
-      accent:      Color(0xFF569CD6),
+      bg: Color(0xFF1E1E1E),
+      bgSunken: Color(0xFF181818),
+      surface: Color(0xFF252526),
+      surfaceHi: Color(0xFF2D2D2E),
+      border: Color(0xFF333333),
+      borderHi: Color(0xFF3F3F3F),
+      textHi: Color(0xFFD4D4D4),
+      text: Color(0xFFBBBBBB),
+      textDim: Color(0xFF858585),
+      textMute: Color(0xFF6A6A6A),
+      accent: Color(0xFF569CD6),
       accentPress: Color(0xFF4785BD),
-      accentSoft:  Color(0x21569CD6),
-      onAccent:    Color(0xFF0B1220),
-      ok:          Color(0xFF89D185),
-      warn:        Color(0xFFD7BA7D),
-      err:         Color(0xFFF48771),
-      info:        Color(0xFF569CD6),
+      accentSoft: Color(0x21569CD6),
+      onAccent: Color(0xFF0B1220),
+      ok: Color(0xFF89D185),
+      warn: Color(0xFFD7BA7D),
+      err: Color(0xFFF48771),
+      info: Color(0xFF569CD6),
     ),
     syntax: ClideSyntax(
-      keyword:  Color(0xFFC586C0),
-      type:     Color(0xFF4EC9B0),
-      string:   Color(0xFFCE9178),
-      number:   Color(0xFFB5CEA8),
-      comment:  Color(0xFF6A9955),
-      method:   Color(0xFFDCDCAA),
-      punct:    Color(0xFF858585),
+      keyword: Color(0xFFC586C0),
+      type: Color(0xFF4EC9B0),
+      string: Color(0xFFCE9178),
+      number: Color(0xFFB5CEA8),
+      comment: Color(0xFF6A9955),
+      method: Color(0xFFDCDCAA),
+      punct: Color(0xFF858585),
     ),
   );
 
@@ -144,33 +144,33 @@ class ClideThemes {
     dark: false,
     subtitle: 'drafting sheet · red-pencil accent · light',
     palette: ClidePalette(
-      bg:          Color(0xFFF4F1EA),
-      bgSunken:    Color(0xFFECE7DB),
-      surface:     Color(0xFFFBF8F1),
-      surfaceHi:   Color(0xFFECE7DB),
-      border:      Color(0xFF1A1A1A),
-      borderHi:    Color(0xFF4A4A4A),
-      textHi:      Color(0xFF1A1A1A),
-      text:        Color(0xFF4A4A4A),
-      textDim:     Color(0xFF8A8A82),
-      textMute:    Color(0xFFA8A89E),
-      accent:      Color(0xFFC14B2A),
+      bg: Color(0xFFF4F1EA),
+      bgSunken: Color(0xFFECE7DB),
+      surface: Color(0xFFFBF8F1),
+      surfaceHi: Color(0xFFECE7DB),
+      border: Color(0xFF1A1A1A),
+      borderHi: Color(0xFF4A4A4A),
+      textHi: Color(0xFF1A1A1A),
+      text: Color(0xFF4A4A4A),
+      textDim: Color(0xFF8A8A82),
+      textMute: Color(0xFFA8A89E),
+      accent: Color(0xFFC14B2A),
       accentPress: Color(0xFFA03D20),
-      accentSoft:  Color(0x21C14B2A),
-      onAccent:    Color(0xFFFBF8F1),
-      ok:          Color(0xFF2D8A52),
-      warn:        Color(0xFFB88A2A),
-      err:         Color(0xFFB03A2A),
-      info:        Color(0xFF2A6FC1),
+      accentSoft: Color(0x21C14B2A),
+      onAccent: Color(0xFFFBF8F1),
+      ok: Color(0xFF2D8A52),
+      warn: Color(0xFFB88A2A),
+      err: Color(0xFFB03A2A),
+      info: Color(0xFF2A6FC1),
     ),
     syntax: ClideSyntax(
-      keyword:  Color(0xFF7B3F8C),
-      type:     Color(0xFF2A6FC1),
-      string:   Color(0xFF2D8A52),
-      number:   Color(0xFFB88A2A),
-      comment:  Color(0xFF8A8A82),
-      method:   Color(0xFF1E5D9E),
-      punct:    Color(0xFF4A4A4A),
+      keyword: Color(0xFF7B3F8C),
+      type: Color(0xFF2A6FC1),
+      string: Color(0xFF2D8A52),
+      number: Color(0xFFB88A2A),
+      comment: Color(0xFF8A8A82),
+      method: Color(0xFF1E5D9E),
+      punct: Color(0xFF4A4A4A),
     ),
   );
 
@@ -180,33 +180,33 @@ class ClideThemes {
     dark: true,
     subtitle: 'near-black + amber · tmux feel',
     palette: ClidePalette(
-      bg:          Color(0xFF0A0A0A),
-      bgSunken:    Color(0xFF000000),
-      surface:     Color(0xFF111111),
-      surfaceHi:   Color(0xFF181818),
-      border:      Color(0xFF242424),
-      borderHi:    Color(0xFF2E2E2E),
-      textHi:      Color(0xFFE6E6E6),
-      text:        Color(0xFFBDBDBD),
-      textDim:     Color(0xFF7A7A7A),
-      textMute:    Color(0xFF4A4A4A),
-      accent:      Color(0xFFE0B050),
+      bg: Color(0xFF0A0A0A),
+      bgSunken: Color(0xFF000000),
+      surface: Color(0xFF111111),
+      surfaceHi: Color(0xFF181818),
+      border: Color(0xFF242424),
+      borderHi: Color(0xFF2E2E2E),
+      textHi: Color(0xFFE6E6E6),
+      text: Color(0xFFBDBDBD),
+      textDim: Color(0xFF7A7A7A),
+      textMute: Color(0xFF4A4A4A),
+      accent: Color(0xFFE0B050),
       accentPress: Color(0xFFC29438),
-      accentSoft:  Color(0x21E0B050),
-      onAccent:    Color(0xFF000000),
-      ok:          Color(0xFF8FDC9B),
-      warn:        Color(0xFFE0B050),
-      err:         Color(0xFFE05050),
-      info:        Color(0xFFA3C4FF),
+      accentSoft: Color(0x21E0B050),
+      onAccent: Color(0xFF000000),
+      ok: Color(0xFF8FDC9B),
+      warn: Color(0xFFE0B050),
+      err: Color(0xFFE05050),
+      info: Color(0xFFA3C4FF),
     ),
     syntax: ClideSyntax(
-      keyword:  Color(0xFFE05050),
-      type:     Color(0xFFE0B050),
-      string:   Color(0xFF8FDC9B),
-      number:   Color(0xFFC792EA),
-      comment:  Color(0xFF4A4A4A),
-      method:   Color(0xFFA3C4FF),
-      punct:    Color(0xFF7A7A7A),
+      keyword: Color(0xFFE05050),
+      type: Color(0xFFE0B050),
+      string: Color(0xFF8FDC9B),
+      number: Color(0xFFC792EA),
+      comment: Color(0xFF4A4A4A),
+      method: Color(0xFFA3C4FF),
+      punct: Color(0xFF7A7A7A),
     ),
   );