@oxyhq/bloom 0.42.1 → 0.44.0

package/src/theme/__tests__/__snapshots__/visual-gallery.test.tsx.snap

@@ -25,12 +25,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(36 26 14)",
     "primarySubtle": "rgb(101 62 0)",
     "primarySubtleForeground": "rgb(255 221 184)",
-    "secondary": "rgb(255 186 43)",
-    "secondaryForeground": "rgb(66 44 0)",
+    "secondary": "rgb(95 65 0)",
+    "secondaryForeground": "rgb(255 222 170)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(243 192 0)",
-    "tertiaryForeground": "rgb(61 46 0)",
+    "tertiary": "rgb(88 68 0)",
+    "tertiaryForeground": "rgb(255 224 144)",
     "text": "rgb(244 223 203)",
     "textSecondary": "rgb(217 195 171)",
     "textTertiary": "rgb(161 141 120)",
@@ -60,12 +60,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 241 229)",
     "primarySubtle": "rgb(255 221 184)",
     "primarySubtleForeground": "rgb(101 62 0)",
-    "secondary": "rgb(125 87 0)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 222 170)",
+    "secondaryForeground": "rgb(95 65 0)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(117 91 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 224 144)",
+    "tertiaryForeground": "rgb(88 68 0)",
     "text": "rgb(36 26 14)",
     "textSecondary": "rgb(84 68 50)",
     "textTertiary": "rgb(135 116 96)",
@@ -95,12 +95,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(21 28 36)",
     "primarySubtle": "rgb(0 74 120)",
     "primarySubtleForeground": "rgb(207 229 255)",
-    "secondary": "rgb(175 198 255)",
-    "secondaryForeground": "rgb(0 45 109)",
+    "secondary": "rgb(0 66 153)",
+    "secondaryForeground": "rgb(217 226 255)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(193 193 255)",
-    "tertiaryForeground": "rgb(18 0 169)",
+    "tertiary": "rgb(44 39 201)",
+    "tertiaryForeground": "rgb(225 224 255)",
     "text": "rgb(220 227 238)",
     "textSecondary": "rgb(190 199 212)",
     "textTertiary": "rgb(136 146 158)",
@@ -130,12 +130,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(237 244 255)",
     "primarySubtle": "rgb(207 229 255)",
     "primarySubtleForeground": "rgb(0 74 120)",
-    "secondary": "rgb(0 89 200)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(217 226 255)",
+    "secondaryForeground": "rgb(0 66 153)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(71 71 225)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(225 224 255)",
+    "tertiaryForeground": "rgb(44 39 201)",
     "text": "rgb(21 28 36)",
     "textSecondary": "rgb(62 72 82)",
     "textTertiary": "rgb(111 120 132)",
@@ -165,12 +165,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(24 29 18)",
     "primarySubtle": "rgb(40 80 0)",
     "primarySubtleForeground": "rgb(138 254 0)",
-    "secondary": "rgb(102 222 124)",
-    "secondaryForeground": "rgb(0 57 19)",
+    "secondary": "rgb(0 83 30)",
+    "secondaryForeground": "rgb(130 252 149)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(0 226 157)",
-    "tertiaryForeground": "rgb(0 56 36)",
+    "tertiary": "rgb(0 82 54)",
+    "tertiaryForeground": "rgb(71 255 184)",
     "text": "rgb(223 229 211)",
     "textSecondary": "rgb(193 202 180)",
     "textTertiary": "rgb(139 148 128)",
@@ -200,12 +200,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(240 246 227)",
     "primarySubtle": "rgb(138 254 0)",
     "primarySubtleForeground": "rgb(40 80 0)",
-    "secondary": "rgb(0 110 43)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(130 252 149)",
+    "secondaryForeground": "rgb(0 83 30)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(0 108 73)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(71 255 184)",
+    "tertiaryForeground": "rgb(0 82 54)",
     "text": "rgb(24 29 18)",
     "textSecondary": "rgb(65 73 57)",
     "textTertiary": "rgb(114 122 103)",
@@ -235,12 +235,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(19 30 24)",
     "primarySubtle": "rgb(0 82 54)",
     "primarySubtleForeground": "rgb(71 255 184)",
-    "secondary": "rgb(0 223 192)",
-    "secondaryForeground": "rgb(0 56 46)",
+    "secondary": "rgb(0 81 68)",
+    "secondaryForeground": "rgb(0 254 219)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(0 221 218)",
-    "tertiaryForeground": "rgb(0 55 54)",
+    "tertiary": "rgb(0 80 78)",
+    "tertiaryForeground": "rgb(0 252 248)",
     "text": "rgb(217 230 220)",
     "textSecondary": "rgb(186 203 191)",
     "textTertiary": "rgb(132 149 138)",
@@ -270,12 +270,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(234 247 237)",
     "primarySubtle": "rgb(71 255 184)",
     "primarySubtleForeground": "rgb(0 82 54)",
-    "secondary": "rgb(0 107 91)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(0 254 219)",
+    "secondaryForeground": "rgb(0 81 68)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(0 106 104)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(0 252 248)",
+    "tertiaryForeground": "rgb(0 80 78)",
     "text": "rgb(19 30 24)",
     "textSecondary": "rgb(59 74 65)",
     "textTertiary": "rgb(107 123 113)",
@@ -305,12 +305,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 30 28)",
     "primarySubtle": "rgb(0 80 72)",
     "primarySubtleForeground": "rgb(0 254 229)",
-    "secondary": "rgb(0 220 230)",
-    "secondaryForeground": "rgb(0 55 58)",
+    "secondary": "rgb(0 79 83)",
+    "secondaryForeground": "rgb(109 246 255)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(38 216 255)",
-    "tertiaryForeground": "rgb(0 54 65)",
+    "tertiary": "rgb(0 78 94)",
+    "tertiaryForeground": "rgb(177 236 255)",
     "text": "rgb(215 230 225)",
     "textSecondary": "rgb(184 202 198)",
     "textTertiary": "rgb(130 148 144)",
@@ -340,12 +340,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(232 247 242)",
     "primarySubtle": "rgb(0 254 229)",
     "primarySubtleForeground": "rgb(0 80 72)",
-    "secondary": "rgb(0 105 110)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(109 246 255)",
+    "secondaryForeground": "rgb(0 79 83)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(0 103 124)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(177 236 255)",
+    "tertiaryForeground": "rgb(0 78 94)",
     "text": "rgb(17 30 28)",
     "textSecondary": "rgb(57 74 71)",
     "textTertiary": "rgb(105 123 119)",
@@ -375,12 +375,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(38 24 17)",
     "primarySubtle": "rgb(120 50 0)",
     "primarySubtleForeground": "rgb(255 219 202)",
-    "secondary": "rgb(255 184 118)",
-    "secondaryForeground": "rgb(75 39 0)",
+    "secondary": "rgb(107 59 0)",
+    "secondaryForeground": "rgb(255 220 192)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(255 186 71)",
-    "tertiaryForeground": "rgb(68 43 0)",
+    "tertiary": "rgb(97 64 0)",
+    "tertiaryForeground": "rgb(255 221 176)",
     "text": "rgb(248 221 209)",
     "textSecondary": "rgb(223 192 178)",
     "textTertiary": "rgb(166 139 126)",
@@ -410,12 +410,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 241 235)",
     "primarySubtle": "rgb(255 219 202)",
     "primarySubtleForeground": "rgb(120 50 0)",
-    "secondary": "rgb(141 79 0)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 220 192)",
+    "secondaryForeground": "rgb(107 59 0)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(128 86 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 221 176)",
+    "tertiaryForeground": "rgb(97 64 0)",
     "text": "rgb(38 24 17)",
     "textSecondary": "rgb(87 66 56)",
     "textTertiary": "rgb(139 114 102)",
@@ -445,12 +445,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 25 34)",
     "primarySubtle": "rgb(119 0 154)",
     "primarySubtleForeground": "rgb(251 215 255)",
-    "secondary": "rgb(255 171 243)",
-    "secondaryForeground": "rgb(91 0 91)",
+    "secondary": "rgb(124 22 122)",
+    "secondaryForeground": "rgb(255 215 245)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(255 174 217)",
-    "tertiaryForeground": "rgb(97 0 70)",
+    "tertiary": "rgb(137 0 100)",
+    "tertiaryForeground": "rgb(255 216 234)",
     "text": "rgb(237 222 235)",
     "textSecondary": "rgb(210 193 210)",
     "textTertiary": "rgb(155 140 155)",
@@ -480,12 +480,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 239 253)",
     "primarySubtle": "rgb(251 215 255)",
     "primarySubtleForeground": "rgb(119 0 154)",
-    "secondary": "rgb(153 51 148)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 215 245)",
+    "secondaryForeground": "rgb(124 22 122)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(169 36 127)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 216 234)",
+    "tertiaryForeground": "rgb(137 0 100)",
     "text": "rgb(33 25 34)",
     "textSecondary": "rgb(79 67 80)",
     "textTertiary": "rgb(129 115 129)",
@@ -515,12 +515,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(37 24 29)",
     "primarySubtle": "rgb(140 0 83)",
     "primarySubtleForeground": "rgb(255 217 228)",
-    "secondary": "rgb(255 178 190)",
-    "secondaryForeground": "rgb(102 0 38)",
+    "secondary": "rgb(138 21 58)",
+    "secondaryForeground": "rgb(255 217 222)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(255 179 175)",
-    "tertiaryForeground": "rgb(104 0 14)",
+    "tertiary": "rgb(143 12 27)",
+    "tertiaryForeground": "rgb(255 218 215)",
     "text": "rgb(245 220 227)",
     "textSecondary": "rgb(219 191 200)",
     "textTertiary": "rgb(163 138 146)",
@@ -550,12 +550,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 240 243)",
     "primarySubtle": "rgb(255 217 228)",
     "primarySubtleForeground": "rgb(140 0 83)",
-    "secondary": "rgb(170 48 81)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 217 222)",
+    "secondaryForeground": "rgb(138 21 58)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(178 42 48)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 218 215)",
+    "tertiaryForeground": "rgb(143 12 27)",
     "text": "rgb(37 24 29)",
     "textSecondary": "rgb(85 65 72)",
     "textTertiary": "rgb(136 113 120)",
@@ -585,12 +585,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(29 26 36)",
     "primarySubtle": "rgb(86 0 202)",
     "primarySubtleForeground": "rgb(233 221 255)",
-    "secondary": "rgb(227 181 255)",
-    "secondaryForeground": "rgb(77 0 122)",
+    "secondary": "rgb(105 30 154)",
+    "secondaryForeground": "rgb(243 218 255)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(254 169 255)",
-    "tertiaryForeground": "rgb(88 0 98)",
+    "tertiary": "rgb(125 0 139)",
+    "tertiaryForeground": "rgb(255 214 251)",
     "text": "rgb(231 224 238)",
     "textSecondary": "rgb(203 195 213)",
     "textTertiary": "rgb(148 142 159)",
@@ -620,12 +620,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(248 241 255)",
     "primarySubtle": "rgb(233 221 255)",
     "primarySubtleForeground": "rgb(86 0 202)",
-    "secondary": "rgb(131 60 180)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(243 218 255)",
+    "secondaryForeground": "rgb(105 30 154)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(154 41 166)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 214 251)",
+    "tertiaryForeground": "rgb(125 0 139)",
     "text": "rgb(29 26 36)",
     "textSecondary": "rgb(73 68 83)",
     "textTertiary": "rgb(122 116 132)",
@@ -655,12 +655,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(39 24 23)",
     "primarySubtle": "rgb(147 0 19)",
     "primarySubtleForeground": "rgb(255 218 215)",
-    "secondary": "rgb(255 181 152)",
-    "secondaryForeground": "rgb(89 28 0)",
+    "secondary": "rgb(126 44 0)",
+    "secondaryForeground": "rgb(255 219 206)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(255 183 126)",
-    "tertiaryForeground": "rgb(77 38 0)",
+    "tertiary": "rgb(110 57 0)",
+    "tertiaryForeground": "rgb(255 220 195)",
     "text": "rgb(249 220 217)",
     "textSecondary": "rgb(223 191 188)",
     "textTertiary": "rgb(167 138 136)",
@@ -690,12 +690,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 240 239)",
     "primarySubtle": "rgb(255 218 215)",
     "primarySubtleForeground": "rgb(147 0 19)",
-    "secondary": "rgb(166 60 0)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 219 206)",
+    "secondaryForeground": "rgb(126 44 0)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(145 76 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(255 220 195)",
+    "tertiaryForeground": "rgb(110 57 0)",
     "text": "rgb(39 24 23)",
     "textSecondary": "rgb(88 65 63)",
     "textTertiary": "rgb(140 113 110)",
@@ -725,12 +725,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(20 29 35)",
     "primarySubtle": "rgb(0 76 110)",
     "primarySubtleForeground": "rgb(201 230 255)",
-    "secondary": "rgb(164 200 255)",
-    "secondaryForeground": "rgb(0 49 94)",
+    "secondary": "rgb(0 71 132)",
+    "secondaryForeground": "rgb(212 227 255)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(183 196 255)",
-    "tertiaryForeground": "rgb(0 38 131)",
+    "tertiary": "rgb(0 56 183)",
+    "tertiaryForeground": "rgb(221 225 255)",
     "text": "rgb(219 227 237)",
     "textSecondary": "rgb(188 200 211)",
     "textTertiary": "rgb(134 146 157)",
@@ -760,12 +760,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(236 245 254)",
     "primarySubtle": "rgb(201 230 255)",
     "primarySubtleForeground": "rgb(0 76 110)",
-    "secondary": "rgb(0 95 173)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(212 227 255)",
+    "secondaryForeground": "rgb(0 71 132)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(26 79 226)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(221 225 255)",
+    "tertiaryForeground": "rgb(0 56 183)",
     "text": "rgb(20 29 35)",
     "textSecondary": "rgb(61 72 81)",
     "textTertiary": "rgb(109 120 131)",
@@ -795,12 +795,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 29 32)",
     "primarySubtle": "rgb(0 79 88)",
     "primarySubtleForeground": "rgb(154 240 255)",
-    "secondary": "rgb(103 211 255)",
-    "secondaryForeground": "rgb(0 53 70)",
+    "secondary": "rgb(0 77 100)",
+    "secondaryForeground": "rgb(189 233 255)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(146 204 255)",
-    "tertiaryForeground": "rgb(0 51 81)",
+    "tertiary": "rgb(0 75 115)",
+    "tertiaryForeground": "rgb(204 229 255)",
     "text": "rgb(215 229 232)",
     "textSecondary": "rgb(184 202 205)",
     "textTertiary": "rgb(131 148 151)",
@@ -830,12 +830,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(233 246 249)",
     "primarySubtle": "rgb(154 240 255)",
     "primarySubtleForeground": "rgb(0 79 88)",
-    "secondary": "rgb(0 102 132)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(189 233 255)",
+    "secondaryForeground": "rgb(0 77 100)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(0 100 151)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(204 229 255)",
+    "tertiaryForeground": "rgb(0 75 115)",
     "text": "rgb(17 29 32)",
     "textSecondary": "rgb(57 73 77)",
     "textTertiary": "rgb(105 122 125)",
@@ -865,12 +865,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 27 13)",
     "primarySubtle": "rgb(90 67 0)",
     "primarySubtleForeground": "rgb(255 223 154)",
-    "secondary": "rgb(232 196 0)",
-    "secondaryForeground": "rgb(58 48 0)",
+    "secondary": "rgb(84 70 0)",
+    "secondaryForeground": "rgb(255 225 104)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(213 203 0)",
-    "tertiaryForeground": "rgb(53 50 0)",
+    "tertiary": "rgb(76 72 0)",
+    "tertiaryForeground": "rgb(243 231 0)",
     "text": "rgb(238 225 202)",
     "textSecondary": "rgb(211 197 170)",
     "textTertiary": "rgb(156 143 119)",
@@ -900,12 +900,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 242 221)",
     "primarySubtle": "rgb(255 223 154)",
     "primarySubtleForeground": "rgb(90 67 0)",
-    "secondary": "rgb(111 93 0)",
-    "secondaryForeground": "rgb(255 255 255)",
+    "secondary": "rgb(255 225 104)",
+    "secondaryForeground": "rgb(84 70 0)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(102 96 0)",
-    "tertiaryForeground": "rgb(255 255 255)",
+    "tertiary": "rgb(243 231 0)",
+    "tertiaryForeground": "rgb(76 72 0)",
     "text": "rgb(33 27 13)",
     "textSecondary": "rgb(79 70 49)",
     "textTertiary": "rgb(130 118 95)",

package/src/theme/apply-dark-class.ts

@@ -26,18 +26,25 @@ export function applyDarkClass(resolved: 'light' | 'dark') {
  * Includes extended tokens (card, chart-*, content-area, sidebar-*) so consumer
  * apps don't need to synthesize them.
  */
+/**
+ * Write a pre-computed `--x -> value` record to the document root (web only).
+ * The single web writer primitive: both the preset path (`applyColorPresetVars`)
+ * and `BloomThemeProvider`'s dynamic-seed path feed their already-resolved vars
+ * through here, so the "write to document" logic lives in exactly one place.
+ */
+export function applyVarsToDocument(vars: Record<string, string>) {
+  if (Platform.OS !== 'web' || typeof document === 'undefined') return;
+  const root = document.documentElement.style;
+  for (const [key, value] of Object.entries(vars)) {
+    root.setProperty(key, value);
+  }
+}
+
 export function applyColorPresetVars(
   preset: AppColorName,
   resolved: 'light' | 'dark',
   accents?: ExplicitAccents,
 ) {
-  if (Platform.OS !== 'web' || typeof document === 'undefined') return;
   if (!APP_COLOR_PRESETS[preset]) return;
-
-  const vars = getResolvedTokens(preset, resolved, accents);
-  const root = document.documentElement.style;
-
-  for (const [key, value] of Object.entries(vars)) {
-    root.setProperty(key, value);
-  }
+  applyVarsToDocument(getResolvedTokens(preset, resolved, accents));
 }

package/src/theme/color-scope/seed-scope.ts

@@ -26,10 +26,12 @@ export function roleColorsToPresetTokens(r: RoleColors): Record<string, string>
     '--popover-foreground': r.onSurface,
     '--primary': r.primary,
     '--primary-foreground': r.onPrimary,
-    '--secondary': r.secondary,
-    '--secondary-foreground': r.onSecondary,
-    '--tertiary': r.tertiary,
-    '--tertiary-foreground': r.onTertiary,
+    // shadcn `secondary`/`tertiary` are low-emphasis TONAL SURFACES → M3 container
+    // roles (must stay identical to `getPresetVars`; the parity test enforces it).
+    '--secondary': r.secondaryContainer,
+    '--secondary-foreground': r.onSecondaryContainer,
+    '--tertiary': r.tertiaryContainer,
+    '--tertiary-foreground': r.onTertiaryContainer,
     '--muted': r.surfaceContainerHigh,
     '--muted-foreground': r.onSurfaceVariant,
     '--accent': r.secondaryContainer,

package/src/theme/native-root-vars.native.ts

@@ -122,17 +122,26 @@ import { getResolvedTokens } from './token-registry';
  * Defensive guard: if a host ships a react-native-css build that doesn't expose
  * `rootVariables` as a callable (it always does on @3), we bail rather than throw.
  */
-export function applyNativeRootVars(
-  colorPreset: AppColorName,
-  mode: 'light' | 'dark',
-  accents?: ExplicitAccents,
-): void {
+/**
+ * Write a pre-computed `--x -> value` record into react-native-css's global
+ * `rootVariables` family. The single native writer primitive: both the preset
+ * path (`applyNativeRootVars`) and `BloomThemeProvider`'s dynamic-seed path feed
+ * their already-resolved vars through here, so the global-write logic lives in
+ * exactly one place.
+ */
+export function applyVarsToRootVariables(vars: Record<string, string>): void {
   if (typeof rootVariables !== 'function') return;
-
-  const vars = getResolvedTokens(colorPreset, mode, accents);
   for (const [key, value] of Object.entries(vars)) {
-    // The family is keyed by the bare name; `getResolvedTokens` keys include `--`.
+    // The family is keyed by the bare name; the var keys include `--`.
     const name = key.startsWith('--') ? key.slice(2) : key;
     rootVariables(name).set([[value]]);
   }
 }
+
+export function applyNativeRootVars(
+  colorPreset: AppColorName,
+  mode: 'light' | 'dark',
+  accents?: ExplicitAccents,
+): void {
+  applyVarsToRootVariables(getResolvedTokens(colorPreset, mode, accents));
+}

package/src/theme/native-root-vars.ts

@@ -31,6 +31,11 @@ import type { ExplicitAccents } from './preset-vars';
  * The signature is intentionally identical to those variants so the import site in
  * `BloomThemeProvider` is platform-agnostic.
  */
+/** Neutral-default no-op of the native root-vars writer primitive. */
+export function applyVarsToRootVariables(_vars: Record<string, string>): void {
+  // Intentionally empty — the native variant does the real work.
+}
+
 export function applyNativeRootVars(
   _colorPreset: AppColorName,
   _mode: 'light' | 'dark',

package/src/theme/native-root-vars.web.ts

@@ -18,6 +18,11 @@ import type { ExplicitAccents } from './preset-vars';
  * The signature is intentionally identical to the plain variant so the import
  * site in `BloomThemeProvider` is platform-agnostic.
  */
+/** Web no-op of the native root-vars writer primitive (web writes to the document). */
+export function applyVarsToRootVariables(_vars: Record<string, string>): void {
+  // Intentionally empty — web applies vars to `document.documentElement`.
+}
+
 export function applyNativeRootVars(
   _colorPreset: AppColorName,
   _mode: 'light' | 'dark',

package/src/theme/preset-vars.ts

@@ -63,14 +63,17 @@ export function getPresetVars(
     '--popover-foreground': r.onSurface,
     '--primary': r.primary,
     '--primary-foreground': r.onPrimary,
-    // The FIX: `secondary` is now a REAL contrast colour (the engine's secondary
-    // role), not a mirror of `primary`.
-    '--secondary': r.secondary,
-    '--secondary-foreground': r.onSecondary,
-    // The third accent of the M3 trio, exposed so `bg-tertiary` / `colors.tertiary`
-    // work alongside primary + secondary.
-    '--tertiary': r.tertiary,
-    '--tertiary-foreground': r.onTertiary,
+    // shadcn `secondary`/`tertiary` are LOW-EMPHASIS TONAL SURFACES (the soft
+    // filled look of a shadcn secondary button — `bg-secondary` fills inputs,
+    // cards, chips, tabs), NOT the raw M3 accent. So they map to the M3 *container*
+    // roles (soft, brand-tinted, legible), with the on-container as the foreground.
+    // Mapping them to the raw accent (a dark tone-40 colour) turns every
+    // `bg-secondary` surface into a dark slab — the exact bug this fixes. The raw
+    // vivid accents remain available via the chart ramp (`--chart-2`/`--chart-3`).
+    '--secondary': r.secondaryContainer,
+    '--secondary-foreground': r.onSecondaryContainer,
+    '--tertiary': r.tertiaryContainer,
+    '--tertiary-foreground': r.onTertiaryContainer,
     '--muted': r.surfaceContainerHigh,
     '--muted-foreground': r.onSurfaceVariant,
     '--accent': r.secondaryContainer,