@tolle_/tolle-ui 18.2.24 → 18.2.26

package/theme.css

@@ -34,6 +34,17 @@
   /* #ef4444 in RGB */
   --destructive-foreground: 250 250 250;
 
+  /* --- Status colors (success / warning / info) --- */
+  --success: 22 163 74;
+  /* green-600 */
+  --success-foreground: 255 255 255;
+  --warning: 217 119 6;
+  /* amber-600 */
+  --warning-foreground: 255 255 255;
+  --info: 37 99 235;
+  /* blue-600 */
+  --info-foreground: 255 255 255;
+
   /* --- UI Elements --- */
   --border: 228 228 231;
   /* #e4e4e7 in RGB */
@@ -42,6 +53,18 @@
   /* derives from primary color */
   --radius: 0.5rem;
 
+  /* --- Typography (themeable via the theme generator / ThemeService) --- */
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+
+  /* --- Charts (themeable via the theme generator / ThemeService) --- */
+  --chart-1: 37 99 235;
+  --chart-2: 20 184 166;
+  --chart-3: 234 88 12;
+  --chart-4: 139 92 246;
+  --chart-5: 236 72 153;
+
   /* --- Shadows --- */
   --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
@@ -75,11 +98,28 @@
   /* #7f1d1d in RGB */
   --destructive-foreground: 254 242 242;
 
+  /* --- Status colors (brighter for dark surfaces) --- */
+  --success: 74 222 128;
+  /* green-400 */
+  --success-foreground: 5 46 22;
+  --warning: 251 191 36;
+  /* amber-400 */
+  --warning-foreground: 66 32 6;
+  --info: 96 165 250;
+  /* blue-400 */
+  --info-foreground: 23 37 84;
+
   --border: 39 39 42;
   --input: 39 39 42;
   --ring: var(--primary);
   /* derives from primary color */
 
+  --chart-1: 59 130 246;
+  --chart-2: 45 212 191;
+  --chart-3: 251 146 60;
+  --chart-4: 167 139 250;
+  --chart-5: 244 114 182;
+
   --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.3);
   --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
@@ -96,11 +136,25 @@
 
 /* Base text color inheritance - THIS IS KEY */
 * {
-  border-color: var(--border, #e4e4e7);
   scrollbar-width: thin;
   scrollbar-color: rgba(156, 163, 175, 0.3) transparent;
 }
 
+/*
+ * Default border color for every element that uses a bare `border` utility.
+ * Two bugs made bare borders render as a near-white `currentColor` line on dark
+ * overlays (calendars, popovers, dropdowns…):
+ *   1. `--border` is an RGB triplet ("39 39 42"), so it must be wrapped in rgb();
+ *      used raw the declaration is invalid and silently dropped.
+ *   2. The docs pipeline emits `@tailwind base` a second time AFTER this file, so
+ *      a plain `*` selector loses to preflight's gray-200 default by source order.
+ * The `html *` selector (specificity 0,0,1) beats preflight's `*` (0,0,0)
+ * regardless of order, while still yielding to any `border-<color>` utility (0,1,0).
+ */
+html * {
+  border-color: rgb(var(--border, 228 228 231));
+}
+
 *::-webkit-scrollbar {
   width: 5px;
   height: 5px;
@@ -126,6 +180,7 @@ html {
 body {
   background-color: var(--background, #ffffff);
   color: var(--foreground, #0a0a0a);
+  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-feature-settings: "rlig" 1, "calt" 1;