Sfoglia il codice sorgente

wip(app): simplify color gen

Adam 3 settimane fa
parent
commit
5bee79cbc8
43 ha cambiato i file con 356 aggiunte e 561 eliminazioni
  1. 45 85
      packages/ui/src/theme/color.ts
  2. 8 60
      packages/ui/src/theme/desktop-theme.schema.json
  3. 0 1
      packages/ui/src/theme/index.ts
  4. 70 0
      packages/ui/src/theme/resolve.test.ts
  5. 157 250
      packages/ui/src/theme/resolve.ts
  6. 2 4
      packages/ui/src/theme/themes/amoled.json
  7. 2 4
      packages/ui/src/theme/themes/aura.json
  8. 2 4
      packages/ui/src/theme/themes/ayu.json
  9. 2 4
      packages/ui/src/theme/themes/carbonfox.json
  10. 2 4
      packages/ui/src/theme/themes/catppuccin-frappe.json
  11. 2 4
      packages/ui/src/theme/themes/catppuccin-macchiato.json
  12. 2 4
      packages/ui/src/theme/themes/catppuccin.json
  13. 2 4
      packages/ui/src/theme/themes/cobalt2.json
  14. 2 4
      packages/ui/src/theme/themes/cursor.json
  15. 2 4
      packages/ui/src/theme/themes/dracula.json
  16. 2 4
      packages/ui/src/theme/themes/everforest.json
  17. 2 4
      packages/ui/src/theme/themes/flexoki.json
  18. 2 4
      packages/ui/src/theme/themes/github.json
  19. 2 4
      packages/ui/src/theme/themes/gruvbox.json
  20. 2 4
      packages/ui/src/theme/themes/kanagawa.json
  21. 2 4
      packages/ui/src/theme/themes/lucent-orng.json
  22. 2 4
      packages/ui/src/theme/themes/material.json
  23. 2 4
      packages/ui/src/theme/themes/matrix.json
  24. 2 4
      packages/ui/src/theme/themes/mercury.json
  25. 2 4
      packages/ui/src/theme/themes/monokai.json
  26. 2 4
      packages/ui/src/theme/themes/nightowl.json
  27. 2 4
      packages/ui/src/theme/themes/nord.json
  28. 3 5
      packages/ui/src/theme/themes/oc-2.json
  29. 2 4
      packages/ui/src/theme/themes/one-dark.json
  30. 2 4
      packages/ui/src/theme/themes/onedarkpro.json
  31. 2 4
      packages/ui/src/theme/themes/opencode.json
  32. 2 4
      packages/ui/src/theme/themes/orng.json
  33. 2 4
      packages/ui/src/theme/themes/osaka-jade.json
  34. 2 4
      packages/ui/src/theme/themes/palenight.json
  35. 2 4
      packages/ui/src/theme/themes/rosepine.json
  36. 2 4
      packages/ui/src/theme/themes/shadesofpurple.json
  37. 2 4
      packages/ui/src/theme/themes/solarized.json
  38. 2 4
      packages/ui/src/theme/themes/synthwave84.json
  39. 2 4
      packages/ui/src/theme/themes/tokyonight.json
  40. 2 4
      packages/ui/src/theme/themes/vercel.json
  41. 2 4
      packages/ui/src/theme/themes/vesper.json
  42. 2 4
      packages/ui/src/theme/themes/zenburn.json
  43. 1 16
      packages/ui/src/theme/types.ts

+ 45 - 85
packages/ui/src/theme/color.ts

@@ -100,6 +100,15 @@ export function hexToOklch(hex: HexColor): OklchColor {
   return rgbToOklch(r, g, b)
 }
 
+function mix(a: OklchColor, b: OklchColor, t: number): OklchColor {
+  const delta = ((((b.h - a.h) % 360) + 540) % 360) - 180
+  return {
+    l: a.l + (b.l - a.l) * t,
+    c: a.c + (b.c - a.c) * t,
+    h: a.h + delta * t,
+  }
+}
+
 export function fitOklch(oklch: OklchColor): OklchColor {
   const base = {
     l: clamp(oklch.l, 0, 1),
@@ -132,87 +141,46 @@ export function oklchToHex(oklch: OklchColor): HexColor {
 
 export function generateScale(seed: HexColor, isDark: boolean): HexColor[] {
   const base = hexToOklch(seed)
-  const scale: HexColor[] = []
-
-  const lightSteps = isDark
-    ? [
-        0.118,
-        0.138,
-        0.167,
-        0.202,
-        0.246,
-        0.304,
-        0.378,
-        0.468,
-        clamp(base.l * 0.825, 0.53, 0.705),
-        clamp(base.l * 0.89, 0.61, 0.79),
-        clamp(base.l + 0.033, 0.868, 0.943),
-        0.984,
-      ]
-    : [0.993, 0.983, 0.962, 0.936, 0.906, 0.866, 0.811, 0.74, base.l, Math.max(0, base.l - 0.036), 0.49, 0.27]
-
-  const chromaMultipliers = isDark
-    ? [0.52, 0.68, 0.86, 1.02, 1.14, 1.24, 1.36, 1.48, 1.56, 1.64, 1.62, 1.15]
-    : [0.12, 0.24, 0.46, 0.68, 0.84, 0.98, 1.08, 1.16, 1.22, 1.26, 1.18, 0.98]
-
-  for (let i = 0; i < 12; i++) {
-    scale.push(
-      oklchToHex({
-        l: lightSteps[i],
-        c: base.c * chromaMultipliers[i],
-        h: base.h,
-      }),
-    )
-  }
+  const tint = isDark
+    ? [0.032, 0.07, 0.118, 0.184, 0.274, 0.392, 0.548, 0.748]
+    : [0.018, 0.042, 0.082, 0.146, 0.238, 0.368, 0.542, 0.764]
+  const shade = isDark ? [0, 0.122, 0.548, 0.892] : [0, 0.124, 0.514, 0.83]
+  const mid = fitOklch({
+    l: clamp(base.l, isDark ? 0.62 : 0.5, isDark ? 0.76 : 0.68),
+    c: clamp(base.c, 0, isDark ? 0.26 : 0.24),
+    h: base.h,
+  })
+  const bg = fitOklch({
+    l: isDark ? clamp(0.15 + base.c * 0.08, 0.13, 0.2) : clamp(0.995 - base.c * 0.1, 0.962, 0.995),
+    c: Math.min(base.c * (isDark ? 0.3 : 0.14), isDark ? 0.045 : 0.02),
+    h: base.h,
+  })
+  const fg = fitOklch({
+    l: isDark ? 0.956 : 0.24,
+    c: Math.min(mid.c * (isDark ? 0.34 : 0.62), isDark ? 0.08 : 0.12),
+    h: base.h,
+  })
 
-  return scale
+  return [...tint.map((step) => oklchToHex(mix(bg, mid, step))), ...shade.map((step) => oklchToHex(mix(mid, fg, step)))]
 }
 
-export function generateNeutralScale(seed: HexColor, isDark: boolean, ink?: HexColor): HexColor[] {
-  if (ink) {
-    const base = hexToOklch(seed)
-    const lift = (tone: number) =>
-      oklchToHex({
-        l: base.l + (1 - base.l) * tone,
-        c: base.c * Math.max(0, 1 - tone),
-        h: base.h,
-      })
-    const sink = (tone: number) =>
-      oklchToHex({
-        l: base.l * (1 - tone),
-        c: base.c * Math.max(0, 1 - tone * (isDark ? 0.12 : 0.3)),
-        h: base.h,
-      })
-    const bg = isDark
-      ? sink(clamp(0.19 + Math.max(0, base.l - 0.12) * 0.33 + base.c * 1.95, 0.17, 0.27))
-      : base.l < 0.82
-        ? lift(0.86)
-        : lift(clamp(0.1 + base.c * 3.2 + Math.max(0, 0.95 - base.l) * 0.35, 0.1, 0.28))
-    const steps = isDark
-      ? [0, 0.018, 0.039, 0.064, 0.097, 0.143, 0.212, 0.31, 0.46, 0.649, 0.845, 0.984]
-      : [0, 0.022, 0.042, 0.068, 0.102, 0.146, 0.208, 0.296, 0.432, 0.61, 0.81, 0.965]
-    return steps.map((step) => mixColors(bg, ink, step))
-  }
-
+export function generateNeutralScale(seed: HexColor, isDark: boolean): HexColor[] {
   const base = hexToOklch(seed)
-  const scale: HexColor[] = []
-  const neutralChroma = Math.min(base.c, isDark ? 0.068 : 0.04)
-
-  const lightSteps = isDark
-    ? [0.138, 0.156, 0.178, 0.202, 0.232, 0.272, 0.326, 0.404, clamp(base.l * 0.83, 0.43, 0.55), 0.596, 0.719, 0.956]
-    : [0.991, 0.979, 0.964, 0.946, 0.931, 0.913, 0.891, 0.83, base.l, 0.617, 0.542, 0.205]
-
-  for (let i = 0; i < 12; i++) {
-    scale.push(
-      oklchToHex({
-        l: lightSteps[i],
-        c: neutralChroma,
-        h: base.h,
-      }),
-    )
-  }
+  const stop = isDark
+    ? [0, 0.022, 0.05, 0.092, 0.15, 0.228, 0.332, 0.468, 0.636, 0.782, 0.892, 0.978]
+    : [0, 0.016, 0.036, 0.064, 0.104, 0.158, 0.23, 0.336, 0.486, 0.668, 0.822, 0.984]
+  const bg = fitOklch({
+    l: clamp(base.l, isDark ? 0.11 : 0.965, isDark ? 0.22 : 0.995),
+    c: Math.min(base.c, isDark ? 0.028 : 0.016),
+    h: base.h,
+  })
+  const fg = fitOklch({
+    l: isDark ? 0.956 : 0.18,
+    c: Math.min(base.c * (isDark ? 0.42 : 0.46), 0.03),
+    h: base.h,
+  })
 
-  return scale
+  return stop.map((step) => oklchToHex(mix(bg, fg, step)))
 }
 
 export function generateAlphaScale(scale: HexColor[], isDark: boolean): HexColor[] {
@@ -234,15 +202,7 @@ export function generateAlphaScale(scale: HexColor[], isDark: boolean): HexColor
 }
 
 export function mixColors(color1: HexColor, color2: HexColor, amount: number): HexColor {
-  const c1 = hexToOklch(color1)
-  const c2 = hexToOklch(color2)
-  const delta = ((((c2.h - c1.h) % 360) + 540) % 360) - 180
-
-  return oklchToHex({
-    l: c1.l + (c2.l - c1.l) * amount,
-    c: c1.c + (c2.c - c1.c) * amount,
-    h: c1.h + delta * amount,
-  })
+  return oklchToHex(mix(hexToOklch(color1), hexToOklch(color2), amount))
 }
 
 export function shift(color: HexColor, value: { l?: number; c?: number; h?: number }): HexColor {

+ 8 - 60
packages/ui/src/theme/desktop-theme.schema.json

@@ -41,9 +41,9 @@
     },
     "ThemeSeedColors": {
       "type": "object",
-      "description": "The legacy semantic seed set used to generate a theme",
+      "description": "The semantic seed set used to generate a theme",
       "additionalProperties": false,
-      "required": ["neutral", "primary", "success", "warning", "error", "info", "interactive", "diffAdd", "diffDelete"],
+      "required": ["neutral", "primary", "success", "warning", "error", "info"],
       "properties": {
         "neutral": {
           "$ref": "#/definitions/HexColor",
@@ -69,65 +69,17 @@
           "$ref": "#/definitions/HexColor",
           "description": "Informational state color (typically purple/blue)"
         },
-        "interactive": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Interactive element color (links, buttons)"
-        },
-        "diffAdd": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Color for diff additions"
-        },
-        "diffDelete": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Color for diff deletions"
-        }
-      }
-    },
-    "ThemePaletteColors": {
-      "type": "object",
-      "description": "A compact semantic palette used to derive the full theme programmatically",
-      "additionalProperties": false,
-      "required": ["neutral", "ink", "primary", "success", "warning", "error", "info"],
-      "properties": {
-        "neutral": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Base neutral color for generating the gray scale"
-        },
-        "ink": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Foreground or chrome color used to derive text and border tones"
-        },
-        "primary": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Primary brand color used for brand surfaces and strong emphasis"
-        },
-        "success": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Success state color"
-        },
-        "warning": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Warning state color"
-        },
-        "error": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Error or critical state color"
-        },
-        "info": {
-          "$ref": "#/definitions/HexColor",
-          "description": "Informational state color"
-        },
         "accent": {
           "$ref": "#/definitions/HexColor",
-          "description": "Optional extra expressive accent for syntax and rich content"
+          "description": "Optional expressive accent seed used for syntax and prose emphasis"
         },
         "interactive": {
           "$ref": "#/definitions/HexColor",
-          "description": "Optional dedicated interactive color; falls back to primary"
+          "description": "Optional interactive element seed; falls back to primary"
         },
         "diffAdd": {
           "$ref": "#/definitions/HexColor",
-          "description": "Optional diff-add seed; falls back to a softened success color"
+          "description": "Optional diff-add seed; falls back to success"
         },
         "diffDelete": {
           "$ref": "#/definitions/HexColor",
@@ -137,16 +89,12 @@
     },
     "ThemeVariant": {
       "type": "object",
-      "description": "A theme variant (light or dark) with either a compact palette or legacy seeds and optional overrides",
-      "oneOf": [{ "required": ["seeds"] }, { "required": ["palette"] }],
+      "description": "A theme variant generated from seed colors with optional token overrides",
+      "required": ["seeds"],
       "properties": {
         "seeds": {
           "$ref": "#/definitions/ThemeSeedColors",
-          "description": "Legacy seed colors used to generate the full palette"
-        },
-        "palette": {
-          "$ref": "#/definitions/ThemePaletteColors",
-          "description": "Compact palette used to derive the full token set"
+          "description": "Seed colors used to generate the full token set"
         },
         "overrides": {
           "type": "object",

+ 0 - 1
packages/ui/src/theme/index.ts

@@ -1,6 +1,5 @@
 export type {
   DesktopTheme,
-  ThemePaletteColors,
   ThemeSeedColors,
   ThemeVariant,
   HexColor,

+ 70 - 0
packages/ui/src/theme/resolve.test.ts

@@ -0,0 +1,70 @@
+import { describe, expect, test } from "bun:test"
+import type { HexColor, ThemeVariant } from "./types"
+import { generateNeutralScale, generateScale, hexToOklch } from "./color"
+import { DEFAULT_THEMES } from "./default-themes"
+import { resolveThemeVariant } from "./resolve"
+
+function dist(a: HexColor, b: HexColor) {
+  const x = hexToOklch(a)
+  const y = hexToOklch(b)
+  const hue = Math.abs(((((y.h - x.h) % 360) + 540) % 360) - 180) / 360
+  return Math.abs(x.l - y.l) + Math.abs(x.c - y.c) + hue
+}
+
+describe("theme resolve", () => {
+  test("resolves every bundled theme from seeds", () => {
+    for (const theme of Object.values(DEFAULT_THEMES)) {
+      const light = resolveThemeVariant(theme.light, false)
+      const dark = resolveThemeVariant(theme.dark, true)
+
+      expect(light["background-base"]).toStartWith("#")
+      expect(light["text-base"]).toBeTruthy()
+      expect(light["surface-brand-base"]).toStartWith("#")
+      expect(dark["background-base"]).toStartWith("#")
+      expect(dark["text-base"]).toBeTruthy()
+      expect(dark["surface-brand-base"]).toStartWith("#")
+    }
+  })
+
+  test("applies token overrides after generation", () => {
+    const variant: ThemeVariant = {
+      seeds: {
+        neutral: "#f4f4f5",
+        primary: "#3b7dd8",
+        success: "#3d9a57",
+        warning: "#d68c27",
+        error: "#d1383d",
+        info: "#318795",
+      },
+      overrides: {
+        "text-base": "#111111",
+      },
+    }
+    const tokens = resolveThemeVariant(variant, false)
+
+    expect(tokens["text-base"]).toBe("#111111")
+    expect(tokens["markdown-text"]).toBe("#111111")
+    expect(tokens["text-stronger"]).toBe(tokens["text-strong"])
+  })
+
+  test("keeps accent scales centered on step 9", () => {
+    const seed = "#3b7dd8" as HexColor
+    const light = generateScale(seed, false)
+    const dark = generateScale(seed, true)
+
+    expect(dist(light[8], seed)).toBeLessThan(dist(light[7], seed))
+    expect(dist(light[8], seed)).toBeLessThan(dist(light[10], seed))
+    expect(dist(dark[8], seed)).toBeLessThan(dist(dark[7], seed))
+    expect(dist(dark[8], seed)).toBeLessThan(dist(dark[10], seed))
+  })
+
+  test("keeps neutral scales monotonic", () => {
+    const light = generateNeutralScale("#f7f7f7", false).map((hex) => hexToOklch(hex).l)
+    const dark = generateNeutralScale("#1f1f1f", true).map((hex) => hexToOklch(hex).l)
+
+    for (let i = 1; i < light.length; i++) {
+      expect(light[i - 1]).toBeGreaterThanOrEqual(light[i])
+      expect(dark[i - 1]).toBeLessThanOrEqual(dark[i])
+    }
+  })
+})

+ 157 - 250
packages/ui/src/theme/resolve.ts

@@ -1,11 +1,11 @@
 import type { ColorValue, DesktopTheme, HexColor, ResolvedTheme, ThemeVariant } from "./types"
-import { blend, generateNeutralScale, generateScale, hexToOklch, hexToRgb, shift, withAlpha } from "./color"
+import { blend, generateNeutralScale, generateScale, hexToRgb, shift, withAlpha } from "./color"
 
 export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): ResolvedTheme {
   const colors = getColors(variant)
   const { overrides = {} } = variant
 
-  const neutral = generateNeutralScale(colors.neutral, isDark, colors.ink)
+  const neutral = generateNeutralScale(colors.neutral, isDark)
   const primary = generateScale(colors.primary, isDark)
   const accent = generateScale(colors.accent, isDark)
   const success = generateScale(colors.success, isDark)
@@ -14,67 +14,42 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   const info = generateScale(colors.info, isDark)
   const interactive = generateScale(colors.interactive, isDark)
   const amber = generateScale(
-    shift(colors.warning, isDark ? { h: -16, l: -0.058, c: 1.14 } : { h: -22, l: -0.082, c: 0.94 }),
+    shift(colors.warning, isDark ? { h: -14, l: -0.028, c: 1.06 } : { h: -18, l: -0.042, c: 1.02 }),
     isDark,
   )
-  const blue = generateScale(shift(colors.interactive, { h: -12, l: 0.128, c: 1.12 }), isDark)
+  const blue = generateScale(shift(colors.interactive, { h: -12, l: isDark ? 0.048 : 0.072, c: 1.06 }), isDark)
   const diffAdd = generateScale(
-    colors.diffAdd ?? shift(colors.success, { c: isDark ? 0.7 : 0.55, l: isDark ? -0.18 : 0.14 }),
+    colors.diffAdd ?? shift(colors.success, { c: isDark ? 0.82 : 0.72, l: isDark ? -0.06 : 0.06 }),
     isDark,
   )
   const diffDelete = generateScale(
-    colors.diffDelete ?? shift(colors.error, { c: isDark ? 0.82 : 0.7, l: isDark ? -0.08 : 0.08 }),
+    colors.diffDelete ?? shift(colors.error, { c: isDark ? 0.88 : 0.74, l: isDark ? -0.04 : 0.04 }),
     isDark,
   )
-  const ink = colors.ink ?? colors.neutral
-  const tint = colors.compact ? hexToOklch(ink) : undefined
-  const body = tint
-    ? shift(ink, {
-        l: isDark ? Math.max(0, 0.88 - tint.l) * 0.4 : -Math.max(0, tint.l - 0.18) * 0.24,
-        c: isDark ? 1.04 : 1.02,
-      })
-    : undefined
   const backgroundOverride = overrides["background-base"]
   const backgroundHex = getHex(backgroundOverride)
   const overlay = Boolean(backgroundOverride) && !backgroundHex
-  const content = (seed: HexColor, scale: HexColor[]) => {
-    const base = hexToOklch(seed)
-    const value = isDark ? (base.l > 0.84 ? shift(seed, { c: 1.18 }) : scale[10]) : scale[10]
-    return shift(value, { l: isDark ? 0.034 : -0.024, c: isDark ? 1.3 : 1.18 })
-  }
-  const modified = () => {
-    if (!colors.compact) return isDark ? "#ffba92" : "#FF8C00"
-    const warningHue = hexToOklch(colors.warning).h
-    const deleteHue = hexToOklch(colors.diffDelete ?? colors.error).h
-    const delta = Math.abs(((((deleteHue - warningHue) % 360) + 540) % 360) - 180)
-    if (delta < 48) return isDark ? "#ffba92" : "#FF8C00"
-    return content(colors.warning, warning)
-  }
-  const surface = (
-    seed: HexColor,
-    alpha: { base: number; weak: number; weaker: number; strong: number; stronger: number },
-  ) => {
-    const base = alphaTone(seed, alpha.base)
-    return {
-      base,
-      weak: alphaTone(seed, alpha.weak),
-      weaker: alphaTone(seed, alpha.weaker),
-      strong: alphaTone(seed, alpha.strong),
-      stronger: alphaTone(seed, alpha.stronger),
-    }
-  }
   const background = backgroundHex ?? neutral[0]
   const alphaTone = (color: HexColor, alpha: number) =>
     overlay ? (withAlpha(color, alpha) as ColorValue) : blend(color, background, alpha)
-  const borderTone = (light: number, dark: number) =>
-    alphaTone(ink, isDark ? Math.min(1, dark + 0.024 + (colors.compact ? 0.08 : 0)) : Math.min(1, light + 0.024))
+  const content = (scale: HexColor[], idx = 10) =>
+    shift(scale[idx], { l: isDark ? 0.012 : -0.014, c: isDark ? 0.94 : 0.9 })
+  const surface = (
+    seed: HexColor,
+    alpha: { base: number; weak: number; weaker: number; strong: number; stronger: number },
+  ) => ({
+    base: alphaTone(seed, alpha.base),
+    weak: alphaTone(seed, alpha.weak),
+    weaker: alphaTone(seed, alpha.weaker),
+    strong: alphaTone(seed, alpha.strong),
+    stronger: alphaTone(seed, alpha.stronger),
+  })
   const diffHiddenSurface = surface(
-    isDark ? shift(colors.interactive, { c: 0.55, l: 0 }) : shift(colors.interactive, { c: 0.45, l: 0.08 }),
+    isDark ? shift(colors.interactive, { c: 0.56 }) : shift(colors.interactive, { c: 0.42, l: 0.06 }),
     isDark
       ? { base: 0.14, weak: 0.08, weaker: 0.18, strong: 0.26, stronger: 0.42 }
       : { base: 0.12, weak: 0.08, weaker: 0.16, strong: 0.24, stronger: 0.36 },
   )
-
   const neutralAlpha = generateNeutralAlphaScale(neutral, isDark)
   const brandb = primary[8]
   const brandh = primary[9]
@@ -95,7 +70,7 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   const infos = info[10]
   const lum = (hex: HexColor) => {
     const rgb = hexToRgb(hex)
-    const lift = (v: number) => (v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4))
+    const lift = (value: number) => (value <= 0.04045 ? value / 12.92 : Math.pow((value + 0.055) / 1.055, 2.4))
     return 0.2126 * lift(rgb.r) + 0.7152 * lift(rgb.g) + 0.0722 * lift(rgb.b)
   }
   const hit = (a: HexColor, b: HexColor) => {
@@ -110,40 +85,46 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
     const dark = "#000000" as HexColor
     return hit(light, fill) > hit(dark, fill) ? light : dark
   }
-
+  const pink = generateScale(shift(colors.error, isDark ? { h: -42, c: 0.84 } : { h: -48, l: 0.024, c: 0.74 }), isDark)
+  const mint = success
+  const orange = amber
+  const purple = accent
+  const cyan = info
+  const lime = generateScale(
+    shift(colors.primary, isDark ? { h: -76, l: -0.03, c: 0.78 } : { h: -86, l: 0.024, c: 0.72 }),
+    isDark,
+  )
   const tokens: ResolvedTheme = {}
 
   tokens["background-base"] = neutral[0]
   tokens["background-weak"] = neutral[2]
   tokens["background-strong"] = neutral[0]
-  tokens["background-stronger"] = isDark ? neutral[1] : "#fcfcfc"
+  tokens["background-stronger"] = neutral[1]
 
   tokens["surface-base"] = neutralAlpha[1]
   tokens["base"] = neutralAlpha[1]
   tokens["surface-base-hover"] = neutralAlpha[2]
   tokens["surface-base-active"] = neutralAlpha[2]
-  tokens["surface-base-interactive-active"] = withAlpha(interactive[2], 0.3) as ColorValue
+  tokens["surface-base-interactive-active"] = withAlpha(interactive[2], isDark ? 0.32 : 0.24) as ColorValue
   tokens["base2"] = neutralAlpha[1]
   tokens["base3"] = neutralAlpha[1]
   tokens["surface-inset-base"] = neutralAlpha[1]
   tokens["surface-inset-base-hover"] = neutralAlpha[2]
-  tokens["surface-inset-strong"] = isDark
-    ? (withAlpha(neutral[0], 0.5) as ColorValue)
-    : (withAlpha(neutral[3], 0.09) as ColorValue)
-  tokens["surface-inset-strong-hover"] = tokens["surface-inset-strong"]
+  tokens["surface-inset-strong"] = alphaTone(neutral[11], isDark ? 0.08 : 0.04)
+  tokens["surface-inset-strong-hover"] = alphaTone(neutral[11], isDark ? 0.12 : 0.06)
   tokens["surface-raised-base"] = neutralAlpha[0]
   tokens["surface-float-base"] = isDark ? neutral[1] : neutral[11]
   tokens["surface-float-base-hover"] = isDark ? neutral[2] : neutral[10]
   tokens["surface-raised-base-hover"] = neutralAlpha[1]
   tokens["surface-raised-base-active"] = neutralAlpha[2]
   tokens["surface-raised-strong"] = isDark ? neutralAlpha[3] : neutral[0]
-  tokens["surface-raised-strong-hover"] = isDark ? neutralAlpha[5] : "#ffffff"
-  tokens["surface-raised-stronger"] = isDark ? neutralAlpha[5] : "#ffffff"
-  tokens["surface-raised-stronger-hover"] = isDark ? neutralAlpha[6] : "#ffffff"
+  tokens["surface-raised-strong-hover"] = isDark ? neutralAlpha[5] : neutral[0]
+  tokens["surface-raised-stronger"] = isDark ? neutralAlpha[5] : neutral[0]
+  tokens["surface-raised-stronger-hover"] = isDark ? neutralAlpha[6] : neutral[1]
   tokens["surface-weak"] = neutralAlpha[2]
   tokens["surface-weaker"] = neutralAlpha[3]
-  tokens["surface-strong"] = isDark ? neutralAlpha[6] : "#ffffff"
-  tokens["surface-raised-stronger-non-alpha"] = isDark ? neutral[2] : "#ffffff"
+  tokens["surface-strong"] = isDark ? neutralAlpha[6] : neutral[0]
+  tokens["surface-raised-stronger-non-alpha"] = isDark ? neutral[2] : neutral[0]
 
   tokens["surface-brand-base"] = brandb
   tokens["surface-brand-hover"] = brandh
@@ -191,21 +172,15 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["input-focus"] = isDark ? interactive[6] : interactive[0]
   tokens["input-disabled"] = neutral[3]
 
-  tokens["text-base"] = colors.compact ? (body as HexColor) : neutral[10]
-  tokens["text-weak"] = colors.compact ? shift(body as HexColor, { l: isDark ? -0.11 : 0.11, c: 0.9 }) : neutral[8]
-  tokens["text-weaker"] = colors.compact
-    ? shift(body as HexColor, { l: isDark ? -0.2 : 0.21, c: isDark ? 0.78 : 0.72 })
-    : neutral[7]
-  tokens["text-strong"] = colors.compact
-    ? isDark
-      ? blend("#ffffff", body as HexColor, 0.9)
-      : shift(body as HexColor, { l: -0.07, c: 1.04 })
-    : neutral[11]
+  tokens["text-base"] = neutral[10]
+  tokens["text-weak"] = neutral[8]
+  tokens["text-weaker"] = neutral[7]
+  tokens["text-strong"] = neutral[11]
   tokens["text-invert-base"] = isDark ? neutral[10] : neutral[1]
   tokens["text-invert-weak"] = isDark ? neutral[8] : neutral[2]
   tokens["text-invert-weaker"] = isDark ? neutral[7] : neutral[3]
   tokens["text-invert-strong"] = isDark ? neutral[11] : neutral[0]
-  tokens["text-interactive-base"] = interactive[isDark ? 10 : 9]
+  tokens["text-interactive-base"] = content(interactive)
   tokens["text-on-brand-base"] = on(brandb)
   tokens["text-on-interactive-base"] = on(interb)
   tokens["text-on-interactive-weak"] = on(interb)
@@ -215,10 +190,10 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["text-on-critical-strong"] = on(crits)
   tokens["text-on-warning-base"] = on(warnb)
   tokens["text-on-info-base"] = on(infob)
-  tokens["text-diff-add-base"] = diffAdd[10]
-  tokens["text-diff-delete-base"] = diffDelete[9]
+  tokens["text-diff-add-base"] = content(diffAdd)
+  tokens["text-diff-delete-base"] = content(diffDelete)
   tokens["text-diff-delete-strong"] = diffDelete[11]
-  tokens["text-diff-add-strong"] = diffAdd[isDark ? 7 : 11]
+  tokens["text-diff-add-strong"] = diffAdd[11]
   tokens["text-on-info-weak"] = on(infob)
   tokens["text-on-info-strong"] = on(infos)
   tokens["text-on-warning-weak"] = on(warnb)
@@ -235,25 +210,25 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["button-ghost-hover"] = neutralAlpha[1]
   tokens["button-ghost-hover2"] = neutralAlpha[2]
 
-  tokens["border-base"] = colors.compact ? borderTone(0.22, 0.16) : neutralAlpha[6]
-  tokens["border-hover"] = colors.compact ? borderTone(0.28, 0.2) : neutralAlpha[7]
-  tokens["border-active"] = colors.compact ? borderTone(0.34, 0.24) : neutralAlpha[8]
+  tokens["border-base"] = neutralAlpha[6]
+  tokens["border-hover"] = neutralAlpha[7]
+  tokens["border-active"] = neutralAlpha[8]
   tokens["border-selected"] = withAlpha(interactive[8], isDark ? 0.9 : 0.99) as ColorValue
-  tokens["border-disabled"] = colors.compact ? borderTone(0.18, 0.12) : neutralAlpha[7]
-  tokens["border-focus"] = colors.compact ? borderTone(0.34, 0.24) : neutralAlpha[8]
-  tokens["border-weak-base"] = colors.compact ? borderTone(0.1, 0.08) : neutralAlpha[isDark ? 5 : 4]
-  tokens["border-strong-base"] = colors.compact ? borderTone(0.34, 0.24) : neutralAlpha[isDark ? 7 : 6]
-  tokens["border-strong-hover"] = colors.compact ? borderTone(0.4, 0.28) : neutralAlpha[7]
-  tokens["border-strong-active"] = colors.compact ? borderTone(0.46, 0.32) : neutralAlpha[isDark ? 7 : 6]
+  tokens["border-disabled"] = neutralAlpha[7]
+  tokens["border-focus"] = neutralAlpha[8]
+  tokens["border-weak-base"] = neutralAlpha[isDark ? 5 : 4]
+  tokens["border-strong-base"] = neutralAlpha[isDark ? 7 : 6]
+  tokens["border-strong-hover"] = neutralAlpha[7]
+  tokens["border-strong-active"] = neutralAlpha[isDark ? 7 : 6]
   tokens["border-strong-selected"] = withAlpha(interactive[5], 0.6) as ColorValue
-  tokens["border-strong-disabled"] = colors.compact ? borderTone(0.14, 0.1) : neutralAlpha[5]
-  tokens["border-strong-focus"] = colors.compact ? borderTone(0.46, 0.32) : neutralAlpha[isDark ? 7 : 6]
-  tokens["border-weak-hover"] = colors.compact ? borderTone(0.16, 0.12) : neutralAlpha[isDark ? 6 : 5]
-  tokens["border-weak-active"] = colors.compact ? borderTone(0.22, 0.16) : neutralAlpha[isDark ? 7 : 6]
+  tokens["border-strong-disabled"] = neutralAlpha[5]
+  tokens["border-strong-focus"] = neutralAlpha[isDark ? 7 : 6]
+  tokens["border-weak-hover"] = neutralAlpha[isDark ? 6 : 5]
+  tokens["border-weak-active"] = neutralAlpha[isDark ? 7 : 6]
   tokens["border-weak-selected"] = withAlpha(interactive[4], isDark ? 0.6 : 0.5) as ColorValue
-  tokens["border-weak-disabled"] = colors.compact ? borderTone(0.08, 0.06) : neutralAlpha[5]
-  tokens["border-weak-focus"] = colors.compact ? borderTone(0.22, 0.16) : neutralAlpha[isDark ? 7 : 6]
-  tokens["border-weaker-base"] = colors.compact ? borderTone(0.06, 0.04) : neutralAlpha[2]
+  tokens["border-weak-disabled"] = neutralAlpha[5]
+  tokens["border-weak-focus"] = neutralAlpha[isDark ? 7 : 6]
+  tokens["border-weaker-base"] = neutralAlpha[2]
 
   tokens["border-interactive-base"] = interactive[6]
   tokens["border-interactive-hover"] = interactive[7]
@@ -262,27 +237,27 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["border-interactive-disabled"] = neutral[7]
   tokens["border-interactive-focus"] = interactive[8]
 
-  tokens["border-success-base"] = success[isDark ? 6 : 6]
-  tokens["border-success-hover"] = success[isDark ? 7 : 7]
+  tokens["border-success-base"] = success[6]
+  tokens["border-success-hover"] = success[7]
   tokens["border-success-selected"] = success[8]
-  tokens["border-warning-base"] = warning[isDark ? 6 : 6]
-  tokens["border-warning-hover"] = warning[isDark ? 7 : 7]
+  tokens["border-warning-base"] = warning[6]
+  tokens["border-warning-hover"] = warning[7]
   tokens["border-warning-selected"] = warning[8]
-  tokens["border-critical-base"] = error[isDark ? 6 : 6]
-  tokens["border-critical-hover"] = error[isDark ? 7 : 7]
+  tokens["border-critical-base"] = error[6]
+  tokens["border-critical-hover"] = error[7]
   tokens["border-critical-selected"] = error[8]
-  tokens["border-info-base"] = info[isDark ? 6 : 6]
-  tokens["border-info-hover"] = info[isDark ? 7 : 7]
+  tokens["border-info-base"] = info[6]
+  tokens["border-info-hover"] = info[7]
   tokens["border-info-selected"] = info[8]
-  tokens["border-color"] = "#ffffff"
+  tokens["border-color"] = neutral[0]
 
-  tokens["icon-base"] = colors.compact && !isDark ? tokens["text-weak"] : neutral[isDark ? 9 : 8]
-  tokens["icon-hover"] = colors.compact && !isDark ? tokens["text-base"] : neutral[10]
-  tokens["icon-active"] = colors.compact && !isDark ? tokens["text-strong"] : neutral[11]
-  tokens["icon-selected"] = colors.compact && !isDark ? tokens["text-strong"] : neutral[11]
+  tokens["icon-base"] = neutral[isDark ? 9 : 8]
+  tokens["icon-hover"] = neutral[10]
+  tokens["icon-active"] = neutral[11]
+  tokens["icon-selected"] = neutral[11]
   tokens["icon-disabled"] = neutral[isDark ? 6 : 7]
-  tokens["icon-focus"] = colors.compact && !isDark ? tokens["text-strong"] : neutral[11]
-  tokens["icon-invert-base"] = isDark ? neutral[0] : "#ffffff"
+  tokens["icon-focus"] = neutral[11]
+  tokens["icon-invert-base"] = neutral[0]
   tokens["icon-weak-base"] = neutral[isDark ? 5 : 6]
   tokens["icon-weak-hover"] = neutral[isDark ? 11 : 7]
   tokens["icon-weak-active"] = neutral[8]
@@ -290,12 +265,12 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["icon-weak-disabled"] = neutral[isDark ? 3 : 5]
   tokens["icon-weak-focus"] = neutral[8]
   tokens["icon-strong-base"] = neutral[11]
-  tokens["icon-strong-hover"] = isDark ? "#f6f3f3" : "#151313"
-  tokens["icon-strong-active"] = isDark ? "#fcfcfc" : "#020202"
-  tokens["icon-strong-selected"] = isDark ? "#fdfcfc" : "#020202"
+  tokens["icon-strong-hover"] = neutral[11]
+  tokens["icon-strong-active"] = neutral[11]
+  tokens["icon-strong-selected"] = neutral[11]
   tokens["icon-strong-disabled"] = neutral[7]
-  tokens["icon-strong-focus"] = isDark ? "#fdfcfc" : "#020202"
-  tokens["icon-brand-base"] = isDark ? "#ffffff" : neutral[11]
+  tokens["icon-strong-focus"] = neutral[11]
+  tokens["icon-brand-base"] = on(brandb)
   tokens["icon-interactive-base"] = interactive[8]
   tokens["icon-success-base"] = success[isDark ? 8 : 6]
   tokens["icon-success-hover"] = success[9]
@@ -333,104 +308,65 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   tokens["icon-on-info-selected"] = on(infos)
 
   tokens["icon-diff-add-base"] = diffAdd[10]
-  tokens["icon-diff-add-hover"] = diffAdd[isDark ? 9 : 11]
-  tokens["icon-diff-add-active"] = diffAdd[isDark ? 10 : 11]
-  tokens["icon-diff-delete-base"] = diffDelete[9]
-  tokens["icon-diff-delete-hover"] = diffDelete[isDark ? 10 : 10]
-  tokens["icon-diff-modified-base"] = modified()
-
-  if (colors.compact) {
-    tokens["syntax-comment"] = "var(--text-weak)"
-    tokens["syntax-regexp"] = "var(--text-base)"
-    tokens["syntax-string"] = content(colors.success, success)
-    tokens["syntax-keyword"] = content(colors.accent, accent)
-    tokens["syntax-primitive"] = content(colors.primary, primary)
-    tokens["syntax-operator"] = isDark ? "var(--text-weak)" : "var(--text-base)"
-    tokens["syntax-variable"] = "var(--text-strong)"
-    tokens["syntax-property"] = content(colors.info, info)
-    tokens["syntax-type"] = content(colors.warning, warning)
-    tokens["syntax-constant"] = content(colors.accent, accent)
-    tokens["syntax-punctuation"] = isDark ? "var(--text-weak)" : "var(--text-base)"
-    tokens["syntax-object"] = "var(--text-strong)"
-    tokens["syntax-success"] = success[10]
-    tokens["syntax-warning"] = amber[10]
-    tokens["syntax-critical"] = error[10]
-    tokens["syntax-info"] = content(colors.info, info)
-    tokens["syntax-diff-add"] = diffAdd[10]
-    tokens["syntax-diff-delete"] = diffDelete[10]
-    tokens["syntax-diff-unknown"] = "#ff0000"
-
-    tokens["markdown-heading"] = content(colors.primary, primary)
-    tokens["markdown-text"] = tokens["text-base"]
-    tokens["markdown-link"] = content(colors.interactive, interactive)
-    tokens["markdown-link-text"] = content(colors.info, info)
-    tokens["markdown-code"] = content(colors.success, success)
-    tokens["markdown-block-quote"] = content(colors.warning, warning)
-    tokens["markdown-emph"] = content(colors.warning, warning)
-    tokens["markdown-strong"] = content(colors.accent, accent)
-    tokens["markdown-horizontal-rule"] = tokens["border-base"]
-    tokens["markdown-list-item"] = content(colors.interactive, interactive)
-    tokens["markdown-list-enumeration"] = content(colors.info, info)
-    tokens["markdown-image"] = content(colors.interactive, interactive)
-    tokens["markdown-image-text"] = content(colors.info, info)
-    tokens["markdown-code-block"] = tokens["text-base"]
-  }
-
-  if (!colors.compact) {
-    tokens["syntax-comment"] = "var(--text-weak)"
-    tokens["syntax-regexp"] = "var(--text-base)"
-    tokens["syntax-string"] = isDark ? "#00ceb9" : "#006656"
-    tokens["syntax-keyword"] = "var(--text-weak)"
-    tokens["syntax-primitive"] = isDark ? "#ffba92" : "#fb4804"
-    tokens["syntax-operator"] = isDark ? "var(--text-weak)" : "var(--text-base)"
-    tokens["syntax-variable"] = "var(--text-strong)"
-    tokens["syntax-property"] = isDark ? "#ff9ae2" : "#ed6dc8"
-    tokens["syntax-type"] = isDark ? "#ecf58c" : "#596600"
-    tokens["syntax-constant"] = isDark ? "#93e9f6" : "#007b80"
-    tokens["syntax-punctuation"] = isDark ? "var(--text-weak)" : "var(--text-base)"
-    tokens["syntax-object"] = "var(--text-strong)"
-    tokens["syntax-success"] = success[10]
-    tokens["syntax-warning"] = amber[10]
-    tokens["syntax-critical"] = error[10]
-    tokens["syntax-info"] = isDark ? "#93e9f6" : "#0092a8"
-    tokens["syntax-diff-add"] = diffAdd[10]
-    tokens["syntax-diff-delete"] = diffDelete[10]
-    tokens["syntax-diff-unknown"] = "#ff0000"
-
-    tokens["markdown-heading"] = isDark ? "#9d7cd8" : "#d68c27"
-    tokens["markdown-text"] = isDark ? "#eeeeee" : "#1a1a1a"
-    tokens["markdown-link"] = isDark ? "#fab283" : "#3b7dd8"
-    tokens["markdown-link-text"] = isDark ? "#56b6c2" : "#318795"
-    tokens["markdown-code"] = isDark ? "#7fd88f" : "#3d9a57"
-    tokens["markdown-block-quote"] = isDark ? "#e5c07b" : "#b0851f"
-    tokens["markdown-emph"] = isDark ? "#e5c07b" : "#b0851f"
-    tokens["markdown-strong"] = isDark ? "#f5a742" : "#d68c27"
-    tokens["markdown-horizontal-rule"] = isDark ? "#808080" : "#8a8a8a"
-    tokens["markdown-list-item"] = isDark ? "#fab283" : "#3b7dd8"
-    tokens["markdown-list-enumeration"] = isDark ? "#56b6c2" : "#318795"
-    tokens["markdown-image"] = isDark ? "#fab283" : "#3b7dd8"
-    tokens["markdown-image-text"] = isDark ? "#56b6c2" : "#318795"
-    tokens["markdown-code-block"] = isDark ? "#eeeeee" : "#1a1a1a"
-  }
-
-  tokens["avatar-background-pink"] = isDark ? "#501b3f" : "#feeef8"
-  tokens["avatar-background-mint"] = isDark ? "#033a34" : "#e1fbf4"
-  tokens["avatar-background-orange"] = isDark ? "#5f2a06" : "#fff1e7"
-  tokens["avatar-background-purple"] = isDark ? "#432155" : "#f9f1fe"
-  tokens["avatar-background-cyan"] = isDark ? "#0f3058" : "#e7f9fb"
-  tokens["avatar-background-lime"] = isDark ? "#2b3711" : "#eefadc"
-  tokens["avatar-text-pink"] = isDark ? "#e34ba9" : "#cd1d8d"
-  tokens["avatar-text-mint"] = isDark ? "#95f3d9" : "#147d6f"
-  tokens["avatar-text-orange"] = isDark ? "#ff802b" : "#ed5f00"
-  tokens["avatar-text-purple"] = isDark ? "#9d5bd2" : "#8445bc"
-  tokens["avatar-text-cyan"] = isDark ? "#369eff" : "#0894b3"
-  tokens["avatar-text-lime"] = isDark ? "#c4f042" : "#5d770d"
+  tokens["icon-diff-add-hover"] = diffAdd[11]
+  tokens["icon-diff-add-active"] = diffAdd[11]
+  tokens["icon-diff-delete-base"] = diffDelete[10]
+  tokens["icon-diff-delete-hover"] = diffDelete[11]
+  tokens["icon-diff-modified-base"] = amber[10]
+
+  tokens["syntax-comment"] = "var(--text-weak)"
+  tokens["syntax-regexp"] = content(primary)
+  tokens["syntax-string"] = content(success)
+  tokens["syntax-keyword"] = content(accent)
+  tokens["syntax-primitive"] = content(primary)
+  tokens["syntax-operator"] = content(info)
+  tokens["syntax-variable"] = "var(--text-strong)"
+  tokens["syntax-property"] = content(info)
+  tokens["syntax-type"] = content(warning)
+  tokens["syntax-constant"] = content(accent)
+  tokens["syntax-punctuation"] = "var(--text-weak)"
+  tokens["syntax-object"] = "var(--text-strong)"
+  tokens["syntax-success"] = success[10]
+  tokens["syntax-warning"] = amber[10]
+  tokens["syntax-critical"] = error[10]
+  tokens["syntax-info"] = content(info)
+  tokens["syntax-diff-add"] = diffAdd[10]
+  tokens["syntax-diff-delete"] = diffDelete[10]
+  tokens["syntax-diff-unknown"] = content(accent)
+
+  tokens["markdown-heading"] = content(primary)
+  tokens["markdown-text"] = tokens["text-base"]
+  tokens["markdown-link"] = content(interactive)
+  tokens["markdown-link-text"] = content(info)
+  tokens["markdown-code"] = content(success)
+  tokens["markdown-block-quote"] = content(warning)
+  tokens["markdown-emph"] = content(warning)
+  tokens["markdown-strong"] = content(accent)
+  tokens["markdown-horizontal-rule"] = tokens["border-base"]
+  tokens["markdown-list-item"] = content(interactive)
+  tokens["markdown-list-enumeration"] = content(info)
+  tokens["markdown-image"] = content(interactive)
+  tokens["markdown-image-text"] = content(info)
+  tokens["markdown-code-block"] = tokens["text-base"]
+
+  tokens["avatar-background-pink"] = pink[isDark ? 2 : 1]
+  tokens["avatar-background-mint"] = mint[isDark ? 2 : 1]
+  tokens["avatar-background-orange"] = orange[isDark ? 2 : 1]
+  tokens["avatar-background-purple"] = purple[isDark ? 2 : 1]
+  tokens["avatar-background-cyan"] = cyan[isDark ? 2 : 1]
+  tokens["avatar-background-lime"] = lime[isDark ? 2 : 1]
+  tokens["avatar-text-pink"] = pink[9]
+  tokens["avatar-text-mint"] = mint[9]
+  tokens["avatar-text-orange"] = orange[9]
+  tokens["avatar-text-purple"] = purple[9]
+  tokens["avatar-text-cyan"] = cyan[9]
+  tokens["avatar-text-lime"] = lime[9]
 
   for (const [key, value] of Object.entries(overrides)) {
     tokens[key] = value
   }
 
-  if (colors.compact && "text-weak" in overrides && !("text-weaker" in overrides)) {
+  if ("text-weak" in overrides && !("text-weaker" in overrides)) {
     const weak = tokens["text-weak"]
     if (weak.startsWith("#")) {
       tokens["text-weaker"] = shift(weak as HexColor, { l: isDark ? -0.12 : 0.12, c: 0.75 })
@@ -439,15 +375,12 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
     }
   }
 
-  if (colors.compact) {
-    if (!("markdown-text" in overrides)) {
-      tokens["markdown-text"] = tokens["text-base"]
-    }
-    if (!("markdown-code-block" in overrides)) {
-      tokens["markdown-code-block"] = tokens["text-base"]
-    }
+  if (!("markdown-text" in overrides)) {
+    tokens["markdown-text"] = tokens["text-base"]
+  }
+  if (!("markdown-code-block" in overrides)) {
+    tokens["markdown-code-block"] = tokens["text-base"]
   }
-
   if (!("text-stronger" in overrides)) {
     tokens["text-stronger"] = tokens["text-strong"]
   }
@@ -456,9 +389,7 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
 }
 
 interface ThemeColors {
-  compact: boolean
   neutral: HexColor
-  ink?: HexColor
   primary: HexColor
   accent: HexColor
   success: HexColor
@@ -471,54 +402,30 @@ interface ThemeColors {
 }
 
 function getColors(variant: ThemeVariant): ThemeColors {
-  const input = variant as { palette?: unknown; seeds?: unknown }
-  if (input.palette && input.seeds) {
-    throw new Error("Theme variant cannot define both `palette` and `seeds`")
-  }
-
-  if (variant.palette) {
-    return {
-      compact: true,
-      neutral: variant.palette.neutral,
-      ink: variant.palette.ink,
-      primary: variant.palette.primary,
-      accent: variant.palette.accent ?? variant.palette.info,
-      success: variant.palette.success,
-      warning: variant.palette.warning,
-      error: variant.palette.error,
-      info: variant.palette.info,
-      interactive: variant.palette.interactive ?? variant.palette.primary,
-      diffAdd: variant.palette.diffAdd,
-      diffDelete: variant.palette.diffDelete,
-    }
+  if (!variant.seeds) {
+    throw new Error("Theme variant requires `seeds`")
   }
 
-  if (variant.seeds) {
-    return {
-      compact: false,
-      neutral: variant.seeds.neutral,
-      ink: undefined,
-      primary: variant.seeds.primary,
-      accent: variant.seeds.info,
-      success: variant.seeds.success,
-      warning: variant.seeds.warning,
-      error: variant.seeds.error,
-      info: variant.seeds.info,
-      interactive: variant.seeds.interactive,
-      diffAdd: variant.seeds.diffAdd,
-      diffDelete: variant.seeds.diffDelete,
-    }
+  return {
+    neutral: variant.seeds.neutral,
+    primary: variant.seeds.primary,
+    accent: variant.seeds.accent ?? variant.seeds.info,
+    success: variant.seeds.success,
+    warning: variant.seeds.warning,
+    error: variant.seeds.error,
+    info: variant.seeds.info,
+    interactive: variant.seeds.interactive ?? variant.seeds.primary,
+    diffAdd: variant.seeds.diffAdd,
+    diffDelete: variant.seeds.diffDelete,
   }
-
-  throw new Error("Theme variant requires `palette` or `seeds`")
 }
 
-function generateNeutralAlphaScale(neutralScale: HexColor[], isDark: boolean): HexColor[] {
-  const alphas = isDark
+function generateNeutralAlphaScale(neutral: HexColor[], isDark: boolean): HexColor[] {
+  const alpha = isDark
     ? [0.038, 0.066, 0.1, 0.142, 0.19, 0.252, 0.334, 0.446, 0.58, 0.718, 0.854, 0.985]
     : [0.03, 0.06, 0.1, 0.145, 0.2, 0.265, 0.35, 0.47, 0.61, 0.74, 0.86, 0.97]
 
-  return alphas.map((alpha) => blend(neutralScale[11], neutralScale[0], alpha))
+  return alpha.map((value) => blend(neutral[11], neutral[0], value))
 }
 
 function getHex(value: ColorValue | undefined): HexColor | undefined {

+ 2 - 4
packages/ui/src/theme/themes/amoled.json

@@ -3,9 +3,8 @@
   "name": "AMOLED",
   "id": "amoled",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f0f0f0",
-      "ink": "#0a0a0a",
       "primary": "#6200ff",
       "accent": "#ff0080",
       "success": "#00e676",
@@ -25,9 +24,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#000000",
-      "ink": "#ffffff",
       "primary": "#b388ff",
       "accent": "#ff4081",
       "success": "#00ff88",

+ 2 - 4
packages/ui/src/theme/themes/aura.json

@@ -3,9 +3,8 @@
   "name": "Aura",
   "id": "aura",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f5f0ff",
-      "ink": "#2d2640",
       "primary": "#a277ff",
       "accent": "#d94f4f",
       "success": "#40bf7a",
@@ -26,9 +25,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#15141b",
-      "ink": "#edecee",
       "primary": "#a277ff",
       "accent": "#ff6767",
       "success": "#61ffca",

+ 2 - 4
packages/ui/src/theme/themes/ayu.json

@@ -3,9 +3,8 @@
   "name": "Ayu",
   "id": "ayu",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fdfaf4",
-      "ink": "#4f5964",
       "primary": "#4aa8c8",
       "accent": "#ef7d71",
       "success": "#5fb978",
@@ -26,9 +25,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#0f1419",
-      "ink": "#d6dae0",
       "primary": "#3fb7e3",
       "accent": "#f2856f",
       "success": "#78d05c",

+ 2 - 4
packages/ui/src/theme/themes/carbonfox.json

@@ -3,9 +3,8 @@
   "name": "Carbonfox",
   "id": "carbonfox",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#8e8e8e",
-      "ink": "#161616",
       "primary": "#0072c3",
       "accent": "#da1e28",
       "success": "#198038",
@@ -27,9 +26,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#393939",
-      "ink": "#f2f4f8",
       "primary": "#33b1ff",
       "accent": "#ff8389",
       "success": "#42be65",

+ 2 - 4
packages/ui/src/theme/themes/catppuccin-frappe.json

@@ -3,9 +3,8 @@
   "name": "Catppuccin Frappe",
   "id": "catppuccin-frappe",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#303446",
-      "ink": "#c6d0f5",
       "primary": "#8da4e2",
       "accent": "#f4b8e4",
       "success": "#a6d189",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#303446",
-      "ink": "#c6d0f5",
       "primary": "#8da4e2",
       "accent": "#f4b8e4",
       "success": "#a6d189",

+ 2 - 4
packages/ui/src/theme/themes/catppuccin-macchiato.json

@@ -3,9 +3,8 @@
   "name": "Catppuccin Macchiato",
   "id": "catppuccin-macchiato",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#24273a",
-      "ink": "#cad3f5",
       "primary": "#8aadf4",
       "accent": "#f5bde6",
       "success": "#a6da95",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#24273a",
-      "ink": "#cad3f5",
       "primary": "#8aadf4",
       "accent": "#f5bde6",
       "success": "#a6da95",

+ 2 - 4
packages/ui/src/theme/themes/catppuccin.json

@@ -3,9 +3,8 @@
   "name": "Catppuccin",
   "id": "catppuccin",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f5e0dc",
-      "ink": "#4c4f69",
       "primary": "#7287fd",
       "accent": "#d20f39",
       "success": "#40a02b",
@@ -23,9 +22,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1e1e2e",
-      "ink": "#cdd6f4",
       "primary": "#b4befe",
       "accent": "#f38ba8",
       "success": "#a6d189",

+ 2 - 4
packages/ui/src/theme/themes/cobalt2.json

@@ -3,9 +3,8 @@
   "name": "Cobalt2",
   "id": "cobalt2",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffff",
-      "ink": "#193549",
       "primary": "#0066cc",
       "accent": "#00acc1",
       "success": "#4caf50",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#193549",
-      "ink": "#ffffff",
       "primary": "#0088ff",
       "accent": "#2affdf",
       "success": "#9eff80",

+ 2 - 4
packages/ui/src/theme/themes/cursor.json

@@ -3,9 +3,8 @@
   "name": "Cursor",
   "id": "cursor",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fcfcfc",
-      "ink": "#141414",
       "primary": "#6f9ba6",
       "accent": "#6f9ba6",
       "success": "#1f8a65",
@@ -46,9 +45,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#181818",
-      "ink": "#e4e4e4",
       "primary": "#88c0d0",
       "accent": "#88c0d0",
       "success": "#3fa266",

+ 2 - 4
packages/ui/src/theme/themes/dracula.json

@@ -3,9 +3,8 @@
   "name": "Dracula",
   "id": "dracula",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f8f8f2",
-      "ink": "#1f1f2f",
       "primary": "#7c6bf5",
       "accent": "#d16090",
       "success": "#2fbf71",
@@ -25,9 +24,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1d1e28",
-      "ink": "#f8f8f2",
       "primary": "#bd93f9",
       "accent": "#ff79c6",
       "success": "#50fa7b",

+ 2 - 4
packages/ui/src/theme/themes/everforest.json

@@ -3,9 +3,8 @@
   "name": "Everforest",
   "id": "everforest",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fdf6e3",
-      "ink": "#5c6a72",
       "primary": "#8da101",
       "accent": "#df69ba",
       "success": "#8da101",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#2d353b",
-      "ink": "#d3c6aa",
       "primary": "#a7c080",
       "accent": "#d699b6",
       "success": "#a7c080",

+ 2 - 4
packages/ui/src/theme/themes/flexoki.json

@@ -3,9 +3,8 @@
   "name": "Flexoki",
   "id": "flexoki",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#FFFCF0",
-      "ink": "#100F0F",
       "primary": "#205EA6",
       "accent": "#BC5215",
       "success": "#66800B",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#100F0F",
-      "ink": "#CECDC3",
       "primary": "#DA702C",
       "accent": "#8B7EC8",
       "success": "#879A39",

+ 2 - 4
packages/ui/src/theme/themes/github.json

@@ -3,9 +3,8 @@
   "name": "GitHub",
   "id": "github",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffff",
-      "ink": "#24292f",
       "primary": "#0969da",
       "accent": "#1b7c83",
       "success": "#1a7f37",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#0d1117",
-      "ink": "#c9d1d9",
       "primary": "#58a6ff",
       "accent": "#39c5cf",
       "success": "#3fb950",

+ 2 - 4
packages/ui/src/theme/themes/gruvbox.json

@@ -3,9 +3,8 @@
   "name": "Gruvbox",
   "id": "gruvbox",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fbf1c7",
-      "ink": "#3c3836",
       "primary": "#076678",
       "accent": "#9d0006",
       "success": "#79740e",
@@ -23,9 +22,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#282828",
-      "ink": "#ebdbb2",
       "primary": "#83a598",
       "accent": "#fb4934",
       "success": "#b8bb26",

+ 2 - 4
packages/ui/src/theme/themes/kanagawa.json

@@ -3,9 +3,8 @@
   "name": "Kanagawa",
   "id": "kanagawa",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#F2E9DE",
-      "ink": "#54433A",
       "primary": "#2D4F67",
       "accent": "#D27E99",
       "success": "#98BB6C",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1F1F28",
-      "ink": "#DCD7BA",
       "primary": "#7E9CD8",
       "accent": "#D27E99",
       "success": "#98BB6C",

+ 2 - 4
packages/ui/src/theme/themes/lucent-orng.json

@@ -3,9 +3,8 @@
   "name": "Lucent Orng",
   "id": "lucent-orng",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fff5f0",
-      "ink": "#1a1a1a",
       "primary": "#EC5B2B",
       "accent": "#c94d24",
       "success": "#0062d1",
@@ -44,9 +43,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#2a1a15",
-      "ink": "#eeeeee",
       "primary": "#EC5B2B",
       "accent": "#FFF7F1",
       "success": "#6ba1e6",

+ 2 - 4
packages/ui/src/theme/themes/material.json

@@ -3,9 +3,8 @@
   "name": "Material",
   "id": "material",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fafafa",
-      "ink": "#263238",
       "primary": "#6182b8",
       "accent": "#39adb5",
       "success": "#91b859",
@@ -44,9 +43,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#263238",
-      "ink": "#eeffff",
       "primary": "#82aaff",
       "accent": "#89ddff",
       "success": "#c3e88d",

+ 2 - 4
packages/ui/src/theme/themes/matrix.json

@@ -3,9 +3,8 @@
   "name": "Matrix",
   "id": "matrix",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#eef3ea",
-      "ink": "#203022",
       "primary": "#1cc24b",
       "accent": "#c770ff",
       "success": "#1cc24b",
@@ -46,9 +45,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#0a0e0a",
-      "ink": "#62ff94",
       "primary": "#2eff6a",
       "accent": "#c770ff",
       "success": "#62ff94",

+ 2 - 4
packages/ui/src/theme/themes/mercury.json

@@ -3,9 +3,8 @@
   "name": "Mercury",
   "id": "mercury",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffff",
-      "ink": "#363644",
       "primary": "#5266eb",
       "accent": "#8da4f5",
       "success": "#036e43",
@@ -44,9 +43,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#171721",
-      "ink": "#dddde5",
       "primary": "#8da4f5",
       "accent": "#8da4f5",
       "success": "#77c599",

+ 2 - 4
packages/ui/src/theme/themes/monokai.json

@@ -3,9 +3,8 @@
   "name": "Monokai",
   "id": "monokai",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fdf8ec",
-      "ink": "#292318",
       "primary": "#bf7bff",
       "accent": "#d9487c",
       "success": "#4fb54b",
@@ -25,9 +24,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#272822",
-      "ink": "#f8f8f2",
       "primary": "#ae81ff",
       "accent": "#f92672",
       "success": "#a6e22e",

+ 2 - 4
packages/ui/src/theme/themes/nightowl.json

@@ -3,9 +3,8 @@
   "name": "Night Owl",
   "id": "nightowl",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f0f0f0",
-      "ink": "#403f53",
       "primary": "#4876d6",
       "accent": "#aa0982",
       "success": "#2aa298",
@@ -23,9 +22,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#011627",
-      "ink": "#d6deeb",
       "primary": "#82aaff",
       "accent": "#f78c6c",
       "success": "#c5e478",

+ 2 - 4
packages/ui/src/theme/themes/nord.json

@@ -3,9 +3,8 @@
   "name": "Nord",
   "id": "nord",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#eceff4",
-      "ink": "#2e3440",
       "primary": "#5e81ac",
       "accent": "#bf616a",
       "success": "#8fbcbb",
@@ -24,9 +23,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#2e3440",
-      "ink": "#e5e9f0",
       "primary": "#88c0d0",
       "accent": "#d57780",
       "success": "#a3be8c",

+ 3 - 5
packages/ui/src/theme/themes/oc-2.json

@@ -3,9 +3,8 @@
   "name": "OC-2",
   "id": "oc-2",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f7f7f7",
-      "ink": "#171311",
       "primary": "#dcde8d",
       "success": "#12c905",
       "warning": "#ffdc17",
@@ -23,7 +22,7 @@
       "border-weak-base": "#DBDBDB",
       "border-weaker-base": "#E8E8E8",
       "icon-base": "#8F8F8F",
-      "icon-weak-base": "C7C7C7",
+      "icon-weak-base": "#C7C7C7",
       "surface-raised-base": "#F3F3F3",
       "surface-raised-base-hover": "#EDEDED",
       "surface-base": "#F8F8F8",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1f1f1f",
-      "ink": "#f1ece8",
       "primary": "#fab283",
       "success": "#12c905",
       "warning": "#fcd53a",

+ 2 - 4
packages/ui/src/theme/themes/one-dark.json

@@ -3,9 +3,8 @@
   "name": "One Dark",
   "id": "one-dark",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fafafa",
-      "ink": "#383a42",
       "primary": "#4078f2",
       "accent": "#0184bc",
       "success": "#50a14f",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#282c34",
-      "ink": "#abb2bf",
       "primary": "#61afef",
       "accent": "#56b6c2",
       "success": "#98c379",

+ 2 - 4
packages/ui/src/theme/themes/onedarkpro.json

@@ -3,9 +3,8 @@
   "name": "One Dark Pro",
   "id": "onedarkpro",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f5f6f8",
-      "ink": "#2b303b",
       "primary": "#528bff",
       "accent": "#d85462",
       "success": "#4fa66d",
@@ -23,9 +22,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1e222a",
-      "ink": "#abb2bf",
       "primary": "#61afef",
       "accent": "#e06c75",
       "success": "#98c379",

+ 2 - 4
packages/ui/src/theme/themes/opencode.json

@@ -3,9 +3,8 @@
   "name": "OpenCode",
   "id": "opencode",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffff",
-      "ink": "#1a1a1a",
       "primary": "#3b7dd8",
       "accent": "#d68c27",
       "success": "#3d9a57",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#0a0a0a",
-      "ink": "#eeeeee",
       "primary": "#fab283",
       "accent": "#9d7cd8",
       "success": "#7fd88f",

+ 2 - 4
packages/ui/src/theme/themes/orng.json

@@ -3,9 +3,8 @@
   "name": "Orng",
   "id": "orng",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffff",
-      "ink": "#1a1a1a",
       "primary": "#EC5B2B",
       "accent": "#c94d24",
       "success": "#0062d1",
@@ -44,9 +43,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#0a0a0a",
-      "ink": "#eeeeee",
       "primary": "#EC5B2B",
       "accent": "#FFF7F1",
       "success": "#6ba1e6",

+ 2 - 4
packages/ui/src/theme/themes/osaka-jade.json

@@ -3,9 +3,8 @@
   "name": "Osaka Jade",
   "id": "osaka-jade",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#F6F5DD",
-      "ink": "#111c18",
       "primary": "#1faa90",
       "accent": "#3d7a52",
       "success": "#3d7a52",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#111c18",
-      "ink": "#C1C497",
       "primary": "#2DD5B7",
       "accent": "#549e6a",
       "success": "#549e6a",

+ 2 - 4
packages/ui/src/theme/themes/palenight.json

@@ -3,9 +3,8 @@
   "name": "Palenight",
   "id": "palenight",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fafafa",
-      "ink": "#292d3e",
       "primary": "#4976eb",
       "accent": "#00acc1",
       "success": "#91b859",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#292d3e",
-      "ink": "#a6accd",
       "primary": "#82aaff",
       "accent": "#89ddff",
       "success": "#c3e88d",

+ 2 - 4
packages/ui/src/theme/themes/rosepine.json

@@ -3,9 +3,8 @@
   "name": "Rose Pine",
   "id": "rosepine",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#faf4ed",
-      "ink": "#575279",
       "primary": "#31748f",
       "accent": "#d7827e",
       "success": "#286983",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#191724",
-      "ink": "#e0def4",
       "primary": "#9ccfd8",
       "accent": "#ebbcba",
       "success": "#31748f",

+ 2 - 4
packages/ui/src/theme/themes/shadesofpurple.json

@@ -3,9 +3,8 @@
   "name": "Shades of Purple",
   "id": "shadesofpurple",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#f7ebff",
-      "ink": "#3b2c59",
       "primary": "#7a5af8",
       "accent": "#ff6bd5",
       "success": "#3dd598",
@@ -26,9 +25,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1a102b",
-      "ink": "#f5f0ff",
       "primary": "#c792ff",
       "accent": "#ff7ac6",
       "success": "#7be0b0",

+ 2 - 4
packages/ui/src/theme/themes/solarized.json

@@ -3,9 +3,8 @@
   "name": "Solarized",
   "id": "solarized",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fdf6e3",
-      "ink": "#586e75",
       "primary": "#268bd2",
       "accent": "#d33682",
       "success": "#859900",
@@ -25,9 +24,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#002b36",
-      "ink": "#93a1a1",
       "primary": "#6c71c4",
       "accent": "#d33682",
       "success": "#859900",

+ 2 - 4
packages/ui/src/theme/themes/synthwave84.json

@@ -3,9 +3,8 @@
   "name": "Synthwave '84",
   "id": "synthwave84",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#fafafa",
-      "ink": "#262335",
       "primary": "#00bcd4",
       "accent": "#9c27b0",
       "success": "#4caf50",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#262335",
-      "ink": "#ffffff",
       "primary": "#36f9f6",
       "accent": "#b084eb",
       "success": "#72f1b8",

+ 2 - 4
packages/ui/src/theme/themes/tokyonight.json

@@ -3,9 +3,8 @@
   "name": "Tokyonight",
   "id": "tokyonight",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#e1e2e7",
-      "ink": "#273153",
       "primary": "#2e7de9",
       "accent": "#b15c00",
       "success": "#587539",
@@ -24,9 +23,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#1a1b26",
-      "ink": "#c0caf5",
       "primary": "#7aa2f7",
       "accent": "#ff9e64",
       "success": "#9ece6a",

+ 2 - 4
packages/ui/src/theme/themes/vercel.json

@@ -3,9 +3,8 @@
   "name": "Vercel",
   "id": "vercel",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#FFFFFF",
-      "ink": "#171717",
       "primary": "#0070F3",
       "accent": "#8E4EC6",
       "success": "#388E3C",
@@ -45,9 +44,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#000000",
-      "ink": "#EDEDED",
       "primary": "#0070F3",
       "accent": "#8E4EC6",
       "success": "#46A758",

+ 2 - 4
packages/ui/src/theme/themes/vesper.json

@@ -3,9 +3,8 @@
   "name": "Vesper",
   "id": "vesper",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#F0F0F0",
-      "ink": "#101010",
       "primary": "#FFC799",
       "accent": "#B30000",
       "success": "#99FFE4",
@@ -26,9 +25,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#101010",
-      "ink": "#FFF",
       "primary": "#FFC799",
       "accent": "#FF8080",
       "success": "#99FFE4",

+ 2 - 4
packages/ui/src/theme/themes/zenburn.json

@@ -3,9 +3,8 @@
   "name": "Zenburn",
   "id": "zenburn",
   "light": {
-    "palette": {
+    "seeds": {
       "neutral": "#ffffef",
-      "ink": "#3f3f3f",
       "primary": "#5f7f8f",
       "accent": "#5f8f8f",
       "success": "#5f8f5f",
@@ -43,9 +42,8 @@
     }
   },
   "dark": {
-    "palette": {
+    "seeds": {
       "neutral": "#3f3f3f",
-      "ink": "#dcdccc",
       "primary": "#8cd0d3",
       "accent": "#93e0e3",
       "success": "#7f9f7f",

+ 1 - 16
packages/ui/src/theme/types.ts

@@ -13,19 +13,6 @@ export interface ThemeSeedColors {
   warning: HexColor
   error: HexColor
   info: HexColor
-  interactive: HexColor
-  diffAdd: HexColor
-  diffDelete: HexColor
-}
-
-export interface ThemePaletteColors {
-  neutral: HexColor
-  ink: HexColor
-  primary: HexColor
-  success: HexColor
-  warning: HexColor
-  error: HexColor
-  info: HexColor
   accent?: HexColor
   interactive?: HexColor
   diffAdd?: HexColor
@@ -36,9 +23,7 @@ type ThemeVariantBase = {
   overrides?: Record<string, ColorValue>
 }
 
-export type ThemeVariant =
-  | ({ seeds: ThemeSeedColors; palette?: never } & ThemeVariantBase)
-  | ({ palette: ThemePaletteColors; seeds?: never } & ThemeVariantBase)
+export type ThemeVariant = { seeds: ThemeSeedColors } & ThemeVariantBase
 
 export interface DesktopTheme {
   $schema?: string