feat(ground-suite): redesign observability console

ground-suite/lib/app/theme.dart

@@ -1,22 +1,22 @@
 import 'package:flutter/material.dart';
 
 /// A restrained green accent, used sparingly against neutral surfaces.
-const accentGreen = Color(0xff00ff41);
+const accentGreen = Color(0xff36d681);
 
 ThemeData groundSuiteLightTheme() => _theme(
   brightness: Brightness.light,
-  seed: const Color(0xff007a2e),
-  surface: const Color(0xfff6f8f5),
-  onSurface: const Color(0xff172019),
-  outline: const Color(0xffbdc7bc),
+  seed: const Color(0xff087a3b),
+  surface: const Color(0xfff3f6f3),
+  onSurface: const Color(0xff142019),
+  outline: const Color(0xffc2cec4),
 );
 
 ThemeData groundSuiteDarkTheme() => _theme(
   brightness: Brightness.dark,
-  seed: accentGreen,
-  surface: const Color(0xff0a0a0a),
-  onSurface: const Color(0xffe7e7e7),
-  outline: const Color(0xff333333),
+  seed: const Color(0xff36d681),
+  surface: const Color(0xff080b09),
+  onSurface: const Color(0xffe8f0ea),
+  outline: const Color(0xff2a382e),
 );
 
 ThemeData _theme({
@@ -34,10 +34,13 @@ ThemeData _theme({
             : Colors.white,
         surface: surface,
         onSurface: onSurface,
+        onSurfaceVariant: brightness == Brightness.dark
+            ? const Color(0xffa8b5ac)
+            : const Color(0xff546258),
         outline: outline,
         surfaceContainer: brightness == Brightness.dark
-            ? const Color(0xff111111)
-            : const Color(0xffedf1ec),
+            ? const Color(0xff101712)
+            : const Color(0xffeaf0eb),
       );
 
   return ThemeData(
@@ -45,12 +48,26 @@ ThemeData _theme({
     colorScheme: scheme,
     scaffoldBackgroundColor: Colors.transparent,
     visualDensity: VisualDensity.standard,
-    fontFamily: 'monospace',
     cardTheme: const CardThemeData(
       color: Colors.transparent,
       elevation: 0,
       margin: EdgeInsets.zero,
     ),
+    textTheme: ThemeData(brightness: brightness).textTheme.copyWith(
+      headlineMedium: TextStyle(
+        color: onSurface,
+        fontWeight: FontWeight.w700,
+        letterSpacing: -0.6,
+      ),
+      titleLarge: TextStyle(color: onSurface, fontWeight: FontWeight.w700),
+      titleMedium: TextStyle(color: onSurface, fontWeight: FontWeight.w600),
+      bodyMedium: TextStyle(color: onSurface),
+      bodySmall: TextStyle(
+        color: brightness == Brightness.dark
+            ? const Color(0xffa8b5ac)
+            : const Color(0xff546258),
+      ),
+    ),
     dividerTheme: DividerThemeData(color: outline.withValues(alpha: 0.72)),
     navigationRailTheme: NavigationRailThemeData(
       backgroundColor: Colors.transparent,