initial commit

2026-07-27 14:42:23 +02:00
commit 833c68a189
257 changed files with 17947 additions and 0 deletions
@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+
+/// Typography for "technical values" (compose paths, hostnames, ids,
+/// timestamps) and for tabular numerals. These are two distinct rules from
+/// the design spec, not one:
+///  - `dataMono*` swaps the font *family* to JetBrains Mono.
+///  - `numericTabular` keeps the UI sans (Inter) but turns on the
+///    `tnum` font feature so digits line up in columns (stat tiles,
+///    numeric table cells) without looking like a code snippet.
+@immutable
+class AppDataStyles extends ThemeExtension<AppDataStyles> {
+  const AppDataStyles({
+    required this.dataMono,
+    required this.dataMonoSmall,
+    required this.numericTabular,
+  });
+
+  final TextStyle dataMono;
+  final TextStyle dataMonoSmall;
+  final TextStyle numericTabular;
+
+  static AppDataStyles resolve({required Color textColor, required Color mutedColor}) {
+    return AppDataStyles(
+      dataMono: TextStyle(
+        fontFamily: 'JetBrains Mono',
+        fontSize: 13,
+        color: mutedColor,
+        height: 1.3,
+      ),
+      dataMonoSmall: TextStyle(
+        fontFamily: 'JetBrains Mono',
+        fontSize: 11.5,
+        color: mutedColor,
+        height: 1.3,
+      ),
+      numericTabular: TextStyle(
+        fontFamily: 'Inter',
+        color: textColor,
+        fontFeatures: const [FontFeature.tabularFigures()],
+      ),
+    );
+  }
+
+  @override
+  AppDataStyles copyWith({
+    TextStyle? dataMono,
+    TextStyle? dataMonoSmall,
+    TextStyle? numericTabular,
+  }) {
+    return AppDataStyles(
+      dataMono: dataMono ?? this.dataMono,
+      dataMonoSmall: dataMonoSmall ?? this.dataMonoSmall,
+      numericTabular: numericTabular ?? this.numericTabular,
+    );
+  }
+
+  @override
+  AppDataStyles lerp(ThemeExtension<AppDataStyles>? other, double t) {
+    if (other is! AppDataStyles) return this;
+    return AppDataStyles(
+      dataMono: TextStyle.lerp(dataMono, other.dataMono, t)!,
+      dataMonoSmall: TextStyle.lerp(dataMonoSmall, other.dataMonoSmall, t)!,
+      numericTabular: TextStyle.lerp(numericTabular, other.numericTabular, t)!,
+    );
+  }
+}