@oxyhq/bloom 0.74.5 → 0.76.0

package/src/theme/adaptive-colors.ts

@@ -43,12 +43,6 @@ function getAndroidColors(): ThemeColors | null {
       secondaryForeground: c(d.onSecondary),
       tertiary: c(d.tertiary),
       tertiaryForeground: c(d.onTertiary),
-      // Adaptive palettes come from the OS, which has no peak-tone accent to
-      // deepen, so the solid-button member is the accent itself.
-      secondaryStrong: c(d.secondary),
-      secondaryStrongForeground: c(d.onSecondary),
-      tertiaryStrong: c(d.tertiary),
-      tertiaryStrongForeground: c(d.onTertiary),
       tint: c(d.primary),
       icon: c(d.onSurfaceVariant),
       iconActive: c(d.primary),
@@ -94,10 +88,6 @@ function getIOSColors(): ThemeColors | null {
       secondaryForeground: '#FFFFFF',
       tertiary: c(i.systemTeal),
       tertiaryForeground: '#FFFFFF',
-      secondaryStrong: c(i.systemPurple),
-      secondaryStrongForeground: '#FFFFFF',
-      tertiaryStrong: c(i.systemTeal),
-      tertiaryStrongForeground: '#FFFFFF',
       tint: c(i.systemBlue),
       icon: c(i.secondaryLabel),
       iconActive: c(i.systemBlue),

package/src/theme/build-theme-from-seed.ts

@@ -79,10 +79,6 @@ export function buildColorsFromSeed(
     secondaryForeground: g('secondary-foreground'),
     tertiary: g('tertiary'),
     tertiaryForeground: g('tertiary-foreground'),
-    secondaryStrong: g('secondary-strong'),
-    secondaryStrongForeground: g('secondary-strong-foreground'),
-    tertiaryStrong: g('tertiary-strong'),
-    tertiaryStrongForeground: g('tertiary-strong-foreground'),
 
     tint: g('primary'),
     icon: g('muted-foreground'),

package/src/theme/build-theme.ts

@@ -78,10 +78,6 @@ function buildColorsFromPreset(
     secondaryForeground: g('secondary-foreground'),
     tertiary: g('tertiary'),
     tertiaryForeground: g('tertiary-foreground'),
-    secondaryStrong: g('secondary-strong'),
-    secondaryStrongForeground: g('secondary-strong-foreground'),
-    tertiaryStrong: g('tertiary-strong'),
-    tertiaryStrongForeground: g('tertiary-strong-foreground'),
 
     tint: g('primary'),
     icon: g('muted-foreground'),

package/src/theme/color-policy.ts

@@ -94,8 +94,14 @@ const noLegibleForeground = (argb: number): boolean =>
 /** The tone a white-label fill sits at in LIGHT mode. */
 const LIGHT_FILL_TONE = 45;
 
-/** No dark-mode BRAND fill sits below this: under it a colour goes heavy on black. */
-const DARK_FLOOR = 58;
+/** The tone a white-label fill sits at in DARK: the ceiling white text allows. */
+const DARK_FILL_TONE = 49;
+
+/**
+ * No dark-mode ACCENT sits below this. Some hues peak dark — violet at tone 33 —
+ * and rendering one there gives a slab rather than a highlight.
+ */
+const DARK_ACCENT_FLOOR = 58;
 
 /**
  * Accent fills sit at their hue's PEAK tone in dark — where the hue is most
@@ -115,18 +121,6 @@ const ACCENT_CHROMA = 80;
 const TEXT_TONE = { light: 40, dark: 80 } as const;
 const TEXT_CHROMA = 60;
 
-/**
- * The tone a `-strong` accent sits at: deep enough to carry a WHITE label.
- *
- * `--tertiary` is the vivid accent — a tile, a chip, a block of colour — and it
- * sits at its hue's peak tone so a lime reads as lime. A solid BUTTON is a
- * different job: it wants the same hue with white on it, which needs tone <= 49.
- * One token cannot do both, exactly as `--primary` could not be both the fill
- * and the legible text accent. Capping `--tertiary` itself to win the label back
- * dulls every other use of it, so the button gets its own member instead.
- */
-const STRONG_TONE = 49;
-
 /** The `-subtle` tint is mixed from a BRIGHT tone at low alpha, never a dark one at high alpha. */
 const SUBTLE_SOURCE_TONE = 60;
 const SUBTLE_ALPHA = { light: 0.13, dark: 0.24 } as const;
@@ -258,19 +252,15 @@ export function buildPolicyTokens(
 ): PolicyTokens {
   const seed = Hct.fromInt(argbFromHex(seedHex));
 
-  // LIGHT takes the max-chroma palette at a deep tone: on a near-white page the
-  // fill has to go deep to read calm, and max chroma is what keeps it from going
-  // pastel there. DARK takes the SEED'S OWN palette — its own chroma and its own
-  // tone, floored so a dark seed still lifts off the ground. At a fixed dark tone
-  // every mid-tone preset read dull on black, and the ones that looked right were
-  // exactly those whose seed tone escaped it.
-  const brandPalette = isDark
-    ? TonalPalette.fromInt(argbFromHex(seedHex))
-    : TonalPalette.fromHueAndChroma(seed.hue, 200);
-  const primary = fillPair(
-    brandPalette,
-    isDark ? Math.max(seed.tone, DARK_FLOOR) : LIGHT_FILL_TONE,
-  );
+  // Max chroma at a tone that carries a WHITE label, in both modes.
+  //
+  // The brand fill is what a compose button, a Follow button, an avatar and the
+  // user's own chat bubble paint with, and those carry white text. White needs
+  // tone <= 49, so that is the ceiling — in dark as much as in light. Letting the
+  // dark fill sit at the seed's own tone instead makes it brighter, but every one
+  // of those labels turns black, which costs more than the brightness buys.
+  const brandPalette = TonalPalette.fromHueAndChroma(seed.hue, 200);
+  const primary = fillPair(brandPalette, isDark ? DARK_FILL_TONE : LIGHT_FILL_TONE);
 
   const tokens: PolicyTokens = {
     '--primary': primary.fill,
@@ -321,7 +311,7 @@ export function buildPolicyTokens(
     // black. The accent chroma cap already keeps these hues out of neon territory,
     // and the hue itself is the caller's brand rather than ours to move. The
     // analyzer still runs where it was designed to, inside `color-roles`.
-    const tone = isDark ? Math.max(peakTone(hue), DARK_FLOOR) : LIGHT_FILL_TONE;
+    const tone = isDark ? Math.max(peakTone(hue), DARK_ACCENT_FLOOR) : LIGHT_FILL_TONE;
     const pair = fillPair(fillPalette, tone);
     tokens[`--${role}`] = pair.fill;
     tokens[`--${role}-foreground`] = pair.foreground;
@@ -330,12 +320,6 @@ export function buildPolicyTokens(
       vividPalette.tone(SUBTLE_SOURCE_TONE),
       isDark ? SUBTLE_ALPHA.dark : SUBTLE_ALPHA.light,
     );
-    // The solid-button member: same hue, deep enough for a white label in both
-    // modes. In light it lands on the ordinary fill tone, so a button that uses
-    // it there is identical to one that used the accent.
-    const strong = fillPair(fillPalette, isDark ? STRONG_TONE : LIGHT_FILL_TONE);
-    tokens[`--${role}-strong`] = strong.fill;
-    tokens[`--${role}-strong-foreground`] = strong.foreground;
   }
 
   // Categorical chart ramp: five hues spread evenly from the seed at one tone.
@@ -354,7 +338,7 @@ export function buildPolicyTokens(
   for (const [role, hex] of Object.entries(STATUS_SEEDS)) {
     const status = Hct.fromInt(argbFromHex(hex));
     const palette = TonalPalette.fromHueAndChroma(status.hue, status.chroma);
-    const pair = fillPair(palette, isDark ? Math.max(status.tone, DARK_FLOOR) : LIGHT_FILL_TONE);
+    const pair = fillPair(palette, isDark ? DARK_FILL_TONE : LIGHT_FILL_TONE);
     tokens[`--${role}`] = pair.fill;
     tokens[`--${role}-foreground`] = pair.foreground;
     tokens[`--${role}-text`] = rgb(

package/src/theme/token-registry.ts

@@ -61,12 +61,8 @@ export const CANONICAL_TOKENS = [
   'primary-subtle',
   'secondary-text',
   'secondary-subtle',
-  'secondary-strong',
-  'secondary-strong-foreground',
   'tertiary-text',
   'tertiary-subtle',
-  'tertiary-strong',
-  'tertiary-strong-foreground',
 
   // --- semantic status, themed per mode ---
   // Replaces four frozen hexes that all FAILED AA under white text (warning at

package/src/theme/types.ts

@@ -25,15 +25,6 @@ export interface ThemeColors {
   /** The M3 tertiary accent, completing the primary/secondary/tertiary trio. */
   tertiary: string;
   tertiaryForeground: string;
-  /**
-   * The solid-BUTTON member of each accent: the same hue, deep enough to carry a
-   * white label. The accent itself sits at its hue's peak tone, where nothing but
-   * black survives — fine for a tile or a chip, wrong for a FAB.
-   */
-  secondaryStrong: string;
-  secondaryStrongForeground: string;
-  tertiaryStrong: string;
-  tertiaryStrongForeground: string;
 
   tint: string;
   icon: string;