pin light danger to Terracotta #A42D20 (src/styles/theme.generated.css)

Fixes #2. uppercase on Command.Group was inherited by items, so labels rendered as ALL CAPS.

src/blocks/command-palette.tsx

@@ -59,7 +59,16 @@ export function CommandPalette({
       <Command.List className="max-h-80 overflow-auto p-2">
         <Command.Empty className="py-6 text-center text-sm text-muted">No results.</Command.Empty>
         {groups.map(([group, items]) => (
-          <Command.Group key={group} heading={group} className="px-1 py-1 text-xs font-semibold uppercase tracking-wide text-muted [&_[cmdk-group-items]]:mt-1">
+          <Command.Group
+              key={group}
+              heading={group}
+              className={cn(
+                "px-1 py-1 [&_[cmdk-group-items]]:mt-1",
+                "[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold",
+                "[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide",
+                "[&_[cmdk-group-heading]]:text-muted"
+              )}
+            >
             {items.map((a) => (
               <Command.Item
                 key={a.id}

src/lib/tokens.json

@@ -35,7 +35,7 @@
       "successForeground": "#FFFFFF",
       "warning": "#7A5B00",
       "warningForeground": "#FFFFFF",
-      "danger": "#9B3D22",
+      "danger": "#A42D20",
       "dangerForeground": "#FFFFFF",
       "info": "#366B99",
       "infoForeground": "#FFFFFF"

src/styles/theme.generated.css

@@ -35,7 +35,7 @@
   --success-foreground: 0 0% 100%;
   --warning: 45 100% 24%;
   --warning-foreground: 0 0% 100%;
-  --danger: 13 64% 37%;
+  --danger: 6 67% 38%;
   --danger-foreground: 0 0% 100%;
   --info: 208 48% 41%;
   --info-foreground: 0 0% 100%;