@diagrammo/dgmo 0.21.1 → 0.22.0

package/src/palettes/atlas.ts

@@ -0,0 +1,77 @@
+import type { PaletteConfig } from './types';
+import { registerPalette } from './registry';
+
+// ============================================================
+// Atlas Palette Definition
+// ============================================================
+//
+// Inspired by vintage classroom pull-down maps and school atlases:
+// soft, slightly-aged political fills on warm manila paper, sepia ink
+// borders, and a muted steel-blue "pull-down map ocean". The accent
+// rotation is the classic set of pastels cartographers use to keep
+// adjacent regions distinct without shouting.
+//
+// Light mode is the star (paper-and-ink). Dark mode shifts the ground to
+// deep-ocean navy — the "map at night / globe" register — and brightens
+// the same pastels so they read on the darker field.
+
+export const atlasPalette: PaletteConfig = {
+  id: 'atlas',
+  name: 'Atlas',
+  light: {
+    bg: '#f3ead3', // warm manila / parchment
+    surface: '#ece0c0', // deeper paper (cards, panels)
+    overlay: '#e8dab8', // popovers, dropdowns
+    border: '#bcaa86', // muted sepia rule line
+    text: '#463a26', // aged sepia-brown ink
+    textMuted: '#7a6a4f', // faded annotation ink
+    textOnFillLight: '#f7f1de', // parchment (light text on dark fills)
+    textOnFillDark: '#3a2e1c', // deep ink (dark text on light fills)
+    primary: '#5b7a99', // pull-down map ocean (steel-blue)
+    secondary: '#7e9a6f', // lowland sage / celadon
+    accent: '#b07f7c', // dusty rose
+    destructive: '#b25a45', // brick / terracotta
+    colors: {
+      red: '#bf6a52', // terracotta brick
+      orange: '#cf9a5c', // map tan / ochre
+      yellow: '#cdb35e', // straw / muted lemon
+      green: '#7e9a6f', // sage / celadon lowland
+      blue: '#5b7a99', // steel-blue ocean
+      purple: '#9a7fa6', // dusty lilac / mauve
+      teal: '#6fa094', // muted seafoam
+      cyan: '#79a7b5', // shallow-water blue
+      gray: '#8a7d68', // warm taupe
+      black: '#463a26', // ink
+      white: '#ece0c0', // paper
+    },
+  },
+  dark: {
+    bg: '#1e2a33', // deep map ocean (night globe)
+    surface: '#27353f', // raised ocean
+    overlay: '#2e3d48', // popovers, dropdowns
+    border: '#3d4f5c', // depth-contour line
+    text: '#e8dcc0', // parchment ink, inverted
+    textMuted: '#a89a7d', // faded label
+    textOnFillLight: '#f7f1de', // parchment
+    textOnFillDark: '#1a242c', // deep ocean ink
+    primary: '#7ba0bf', // brighter ocean
+    secondary: '#9bb588', // sage, lifted
+    accent: '#cf9a96', // dusty rose, lifted
+    destructive: '#c9745c', // brick, lifted
+    colors: {
+      red: '#cf7a60', // terracotta
+      orange: '#d9a96a', // tan / ochre
+      yellow: '#d8c074', // straw
+      green: '#9bb588', // sage lowland
+      blue: '#7ba0bf', // ocean
+      purple: '#b59ac0', // lilac / mauve
+      teal: '#85b3a6', // seafoam
+      cyan: '#92bccb', // shallow-water blue
+      gray: '#9a8d76', // warm taupe
+      black: '#27353f', // raised ocean
+      white: '#e8dcc0', // parchment
+    },
+  },
+};
+
+registerPalette(atlasPalette);

package/src/palettes/blueprint.ts

@@ -0,0 +1,73 @@
+import type { PaletteConfig } from './types';
+import { registerPalette } from './registry';
+
+// ============================================================
+// Blueprint Palette Definition
+// ============================================================
+//
+// A cyanotype engineering-drawing palette — the technical register the set
+// was missing. Dark mode is the iconic one: chalk-pastel "colored-pencil"
+// accents drafted on a deep blueprint-blue ground (reads unmistakably as a
+// technical drawing — ideal for infra, C4, ER, flowcharts). Light mode is
+// the reversed draft: blueprint-blue ink and lines on pale drafting white.
+
+export const blueprintPalette: PaletteConfig = {
+  id: 'blueprint',
+  name: 'Blueprint',
+  light: {
+    bg: '#f4f8fb', // pale drafting white (faint cyan)
+    surface: '#e6eef4', // drafting panel
+    overlay: '#dde9f1', // popovers, dropdowns
+    border: '#aac3d6', // pale blue grid line
+    text: '#123a5e', // blueprint navy ink
+    textMuted: '#4f7390', // faint draft note
+    textOnFillLight: '#f4f8fb', // drafting white
+    textOnFillDark: '#0c2f4d', // deep blueprint navy
+    primary: '#1f5e8c', // blueprint blue
+    secondary: '#5b7d96', // steel
+    accent: '#b08a3e', // draftsman's ochre highlight
+    destructive: '#c0504d', // correction red
+    colors: {
+      red: '#c25a4e', // correction red
+      orange: '#c2823e', // ochre
+      yellow: '#c2a843', // pencil gold
+      green: '#4f8a6b', // drafting green
+      blue: '#1f5e8c', // blueprint blue
+      purple: '#6f5e96', // indigo pencil
+      teal: '#3a8a8a', // teal
+      cyan: '#3f8fb5', // cyan
+      gray: '#7e8e98', // graphite
+      black: '#123a5e', // navy ink
+      white: '#e6eef4', // panel
+    },
+  },
+  dark: {
+    bg: '#103a5e', // deep blueprint blue (cyanotype ground)
+    surface: '#16466e', // raised sheet
+    overlay: '#1c5180', // popovers, dropdowns
+    border: '#3a6f96', // grid line
+    text: '#eaf2f8', // chalk white
+    textMuted: '#9fc0d6', // faint chalk note
+    textOnFillLight: '#eaf2f8', // chalk white
+    textOnFillDark: '#0c2f4d', // deep blueprint navy
+    primary: '#7fb8d8', // chalk cyan
+    secondary: '#9fb8c8', // pale steel
+    accent: '#d8c27a', // chalk amber
+    destructive: '#e08a7a', // chalk correction red
+    colors: {
+      red: '#e0907e', // chalk red
+      orange: '#e0ab78', // chalk amber
+      yellow: '#e3d089', // chalk gold
+      green: '#93c79e', // chalk green
+      blue: '#8ec3e0', // chalk cyan-blue
+      purple: '#b6a6d8', // chalk indigo
+      teal: '#84c7c2', // chalk teal
+      cyan: '#9fd6e0', // chalk cyan
+      gray: '#aebecb', // chalk graphite
+      black: '#16466e', // raised sheet
+      white: '#eaf2f8', // chalk white
+    },
+  },
+};
+
+registerPalette(blueprintPalette);

package/src/palettes/color-utils.ts

@@ -182,7 +182,7 @@ export function relativeLuminance(hex: string): number {
  * Range: 1.0 (identical) to 21.0 (black on white). Internal helper used by
  * `contrastText`'s pastel branch.
  */
-function contrastRatio(a: string, b: string): number {
+export function contrastRatio(a: string, b: string): number {
   const la = relativeLuminance(a);
   const lb = relativeLuminance(b);
   const lighter = Math.max(la, lb);
@@ -308,3 +308,60 @@ export function getSegmentColors(
     hslToHex(Math.round((startHue + i * step) % 360), avgS, avgL)
   );
 }
+
+// ============================================================
+// Political map fills (map colorize, §24B)
+// ============================================================
+
+/** Mix-toward-surface bands (% of the raw swatch retained) for political fills,
+ *  mode-aware. Colorize fills must stay ON-PALETTE — they're soft tints of the
+ *  palette's OWN named hues, not wheel-generated colours. The retained-% is kept
+ *  clear of the water backdrop's own blue tint (WATER_TINT_*), so a country fill
+ *  never coincides with the ocean. The first band is the normal soft tint; later
+ *  bands only come into play if a map needs more colours than the palette has
+ *  distinct land hues (rare — first-fit coloring needs ≤6 on the shipped graphs). */
+const POLITICAL_TINT_BANDS = {
+  light: [32, 48, 64, 80],
+  dark: [44, 58, 72, 86],
+} as const;
+
+/**
+ * Generate `count` political-fill tints from the active palette's OWN hues
+ * (§24B colorize). Each is a palette swatch softened toward the surface, so the
+ * fills always read as that palette (Atlas tints look like Atlas, not neon wheel
+ * samples). Hues are ordered LAND-FIRST — blue/cyan (the ocean-adjacent hues) go
+ * last, so country fills never read as water; they are only reached if a map
+ * needs >6 colours (it never does — first-fit needs ≤6, palettes ship ≥6 land
+ * hues). `count` distinct colours come from walking the deduped hues; if more are
+ * needed, additional lightness BANDS of the same hues are appended (still
+ * on-palette). Deterministic; resvg-safe (hex out).
+ */
+export function politicalTints(
+  palette: PaletteColors,
+  count: number,
+  isDark: boolean
+): string[] {
+  if (count <= 0) return [];
+  const base = isDark ? palette.surface : palette.bg;
+  const c = palette.colors;
+  // Land-first: greens/earth tones lead; water-like blue & cyan trail.
+  const swatches = [
+    ...new Set([
+      c.green,
+      c.yellow,
+      c.orange,
+      c.purple,
+      c.red,
+      c.teal,
+      c.cyan,
+      c.blue,
+    ]),
+  ];
+  const bands = isDark ? POLITICAL_TINT_BANDS.dark : POLITICAL_TINT_BANDS.light;
+  const out: string[] = [];
+  for (const pct of bands) {
+    if (out.length >= count) break;
+    for (const s of swatches) out.push(mix(s, base, pct));
+  }
+  return out.slice(0, count);
+}

package/src/palettes/index.ts

@@ -23,13 +23,16 @@ export {
 } from './color-utils';
 
 // Re-export palette definitions (alphabetical)
-export { boldPalette } from './bold';
+export { atlasPalette } from './atlas';
+export { blueprintPalette } from './blueprint';
 export { catppuccinPalette } from './catppuccin';
 export { gruvboxPalette } from './gruvbox';
 export { nordPalette } from './nord';
 export { oneDarkPalette } from './one-dark';
 export { rosePinePalette } from './rose-pine';
+export { slatePalette } from './slate';
 export { solarizedPalette } from './solarized';
+export { tidewaterPalette } from './tidewater';
 export { tokyoNightPalette } from './tokyo-night';
 
 export { draculaPalette } from './dracula';
@@ -39,7 +42,8 @@ export { monokaiPalette } from './monokai';
 // Public namespace — `palettes` for use with render()
 // ============================================================
 
-import { boldPalette } from './bold';
+import { atlasPalette } from './atlas';
+import { blueprintPalette } from './blueprint';
 import { catppuccinPalette } from './catppuccin';
 import { draculaPalette } from './dracula';
 import { gruvboxPalette } from './gruvbox';
@@ -47,7 +51,9 @@ import { monokaiPalette } from './monokai';
 import { nordPalette } from './nord';
 import { oneDarkPalette } from './one-dark';
 import { rosePinePalette } from './rose-pine';
+import { slatePalette } from './slate';
 import { solarizedPalette } from './solarized';
+import { tidewaterPalette } from './tidewater';
 import { tokyoNightPalette } from './tokyo-night';
 
 import type { PaletteConfig } from './types';
@@ -62,6 +68,10 @@ import type { PaletteConfig } from './types';
  * used by share URLs and the CLI `--palette` flag.
  */
 export const palettes = {
+  atlas: atlasPalette,
+  blueprint: blueprintPalette,
+  slate: slatePalette,
+  tidewater: tidewaterPalette,
   nord: nordPalette,
   catppuccin: catppuccinPalette,
   solarized: solarizedPalette,
@@ -71,5 +81,4 @@ export const palettes = {
   rosePine: rosePinePalette,
   dracula: draculaPalette,
   monokai: monokaiPalette,
-  bold: boldPalette,
 } as const satisfies Record<string, PaletteConfig>;

package/src/palettes/slate.ts

@@ -0,0 +1,73 @@
+import type { PaletteConfig } from './types';
+import { registerPalette } from './registry';
+
+// ============================================================
+// Slate Palette Definition
+// ============================================================
+//
+// A restrained, presentation-grade palette for professional decks and
+// reports — the "not very stylistic" option done tastefully. Clean white
+// (or deep slate) ground, one confident corporate blue, neutral cool-gray
+// surfaces, and a categorical rotation tuned to a single perceived weight
+// so no series shouts. Replaces the harsh primary-RGB feel of "bold".
+
+export const slatePalette: PaletteConfig = {
+  id: 'slate',
+  name: 'Slate',
+  light: {
+    bg: '#ffffff', // clean slide white
+    surface: '#f3f5f8', // light cool-gray panel
+    overlay: '#eaeef3', // popovers, dropdowns
+    border: '#d4dae1', // hairline rule
+    text: '#1f2933', // near-black slate (softer than pure black)
+    textMuted: '#5b6672', // secondary label
+    textOnFillLight: '#ffffff', // light text on dark fills
+    textOnFillDark: '#1f2933', // dark text on light fills
+    primary: '#3b6ea5', // confident corporate blue
+    secondary: '#5b6672', // slate gray
+    accent: '#3a9188', // muted teal accent
+    destructive: '#c0504d', // brick red
+    colors: {
+      red: '#c0504d', // brick
+      orange: '#cc7a33', // muted amber
+      yellow: '#c9a227', // gold (not neon)
+      green: '#5b9357', // forest / sage
+      blue: '#3b6ea5', // corporate blue
+      purple: '#7d5ba6', // muted violet
+      teal: '#3a9188', // teal
+      cyan: '#4f96c4', // steel cyan
+      gray: '#7e8a97', // cool gray
+      black: '#1f2933', // slate ink
+      white: '#f3f5f8', // panel
+    },
+  },
+  dark: {
+    bg: '#161b22', // deep slate (keynote dark)
+    surface: '#202833', // raised panel
+    overlay: '#29323e', // popovers, dropdowns
+    border: '#38424f', // divider
+    text: '#e6eaef', // off-white
+    textMuted: '#9aa5b1', // secondary label
+    textOnFillLight: '#ffffff', // light text on dark fills
+    textOnFillDark: '#161b22', // dark text on light fills
+    primary: '#5b9bd5', // lifted corporate blue
+    secondary: '#8593a3', // slate gray, lifted
+    accent: '#45b3a3', // teal, lifted
+    destructive: '#e07b6e', // brick, lifted
+    colors: {
+      red: '#e07b6e', // brick
+      orange: '#e0975a', // amber
+      yellow: '#d9bd5a', // gold
+      green: '#74b56e', // forest / sage
+      blue: '#5b9bd5', // corporate blue
+      purple: '#a585c9', // violet
+      teal: '#45b3a3', // teal
+      cyan: '#62b0d9', // steel cyan
+      gray: '#95a1ae', // cool gray
+      black: '#202833', // raised panel
+      white: '#e6eaef', // off-white
+    },
+  },
+};
+
+registerPalette(slatePalette);

package/src/palettes/tidewater.ts

@@ -0,0 +1,73 @@
+import type { PaletteConfig } from './types';
+import { registerPalette } from './registry';
+
+// ============================================================
+// Tidewater Palette Definition
+// ============================================================
+//
+// A nautical, maritime-chart palette — on-brand with Diagrammo's seafaring
+// voice. Weathered sea-mist paper with deep ship's-log navy ink, rope/manila
+// tan, brass, signal-flag red, and sea-glass greens (light). Dark mode dives
+// to a night-harbor deep-sea ground with the same rigging lifted to read on
+// the dark water.
+
+export const tidewaterPalette: PaletteConfig = {
+  id: 'tidewater',
+  name: 'Tidewater',
+  light: {
+    bg: '#eceff0', // weathered sea-mist paper
+    surface: '#e0e4e3', // worn deck panel
+    overlay: '#dadfdf', // popovers, dropdowns
+    border: '#a9b2b3', // muted slate rule
+    text: '#18313f', // ship's-log navy ink
+    textMuted: '#51636b', // faded log entry
+    textOnFillLight: '#f3f5f3', // weathered white
+    textOnFillDark: '#162c38', // deep navy
+    primary: '#1f4e6b', // deep-sea navy
+    secondary: '#b08a4f', // rope / manila tan
+    accent: '#c69a3e', // brass
+    destructive: '#c1433a', // signal-flag red
+    colors: {
+      red: '#c1433a', // signal-flag red
+      orange: '#cc7a38', // weathered amber
+      yellow: '#d6bf5a', // brass gold
+      green: '#4f8a6b', // sea-glass green
+      blue: '#1f4e6b', // deep-sea navy
+      purple: '#6a5a8c', // twilight harbor
+      teal: '#3d8c8c', // sea-glass teal
+      cyan: '#4f9bb5', // shallow water
+      gray: '#8a8d86', // driftwood gray
+      black: '#18313f', // navy ink
+      white: '#e0e4e3', // deck panel
+    },
+  },
+  dark: {
+    bg: '#0f2230', // night-harbor deep sea
+    surface: '#16303f', // raised hull
+    overlay: '#1d3a4a', // popovers, dropdowns
+    border: '#2c4856', // rigging line
+    text: '#e6ebe8', // weathered white
+    textMuted: '#9aaab0', // faded label
+    textOnFillLight: '#f3f5f3', // weathered white
+    textOnFillDark: '#0f2230', // deep sea
+    primary: '#4f9bc4', // lifted sea blue
+    secondary: '#c9a46a', // rope tan, lifted
+    accent: '#d9b25a', // brass, lifted
+    destructive: '#e06a5e', // signal red, lifted
+    colors: {
+      red: '#e06a5e', // signal-flag red
+      orange: '#df9a52', // amber
+      yellow: '#e0c662', // brass gold
+      green: '#6fb58c', // sea-glass green
+      blue: '#4f9bc4', // sea blue
+      purple: '#9486bf', // twilight harbor
+      teal: '#5cb0ac', // sea-glass teal
+      cyan: '#62b4cf', // shallow water
+      gray: '#9aa39c', // driftwood gray
+      black: '#16303f', // raised hull
+      white: '#e6ebe8', // weathered white
+    },
+  },
+};
+
+registerPalette(tidewaterPalette);

package/src/render.ts

@@ -88,6 +88,9 @@ export async function render(
     legendState?: { activeGroup?: string; hiddenAttributes?: string[] };
     /** View state for export — controls interactive state (collapse, swimlanes, etc.) */
     viewState?: CompactViewState;
+    /** Bundled map data for `map` charts in the browser, where the Node fs
+     *  `loadMapData()` seam can't run. CLI/SSR omit this and fall back to fs. */
+    mapData?: import('./map/resolved-types').MapData;
   }
 ): Promise<{ svg: string; diagnostics: DgmoError[] }> {
   const theme = options?.theme ?? 'light';
@@ -133,6 +136,7 @@ export async function render(
       c4Container: options.c4Container,
     }),
     ...(options?.tagGroup !== undefined && { tagGroup: options.tagGroup }),
+    ...(options?.mapData !== undefined && { mapData: options.mapData }),
   });
 
   // The map pipeline resolves names AFTER parsing (gazetteer/ISO lookup), so its
@@ -149,7 +153,10 @@ export async function render(
           import('./map/load-data'),
         ]
       );
-      const data = await loadMapData();
+      // Prefer injected data (browser); fall back to the fs loader (CLI/SSR).
+      const data = options?.mapData ?? (await loadMapData());
+      // resolveMap seeds its diagnostics with the parser's, so this is a superset.
+      // (The layout stage has no diagnostics producer, so there is nothing to merge.)
       diagnostics = [...resolveMap(parseMap(content), data).diagnostics];
     } catch {
       /* asset load failed — keep the parser diagnostics */

package/src/tech-radar/renderer.ts

@@ -201,6 +201,9 @@ export function renderTechRadar(
           },
         ],
       },
+      ...(options.controlsHost !== undefined && {
+        controlsHost: options.controlsHost,
+      }),
     };
     const legendState: LegendState = {
       activeGroup: options?.activeLegendGroup ?? null,

package/src/tech-radar/types.ts

@@ -80,4 +80,7 @@ export interface TechRadarRenderOptions {
   activeLine?: number | null;
   /** True when rendering for export (PNG/SVG/PDF) — controls whether collapsed legend pills and cog are stripped. */
   exportMode?: boolean;
+  /** When 'app', the Blip Legend toggle is hosted by the app overlay strip
+   *  (inline gear suppressed, controls row + anchor reserved). */
+  controlsHost?: 'app' | 'inline';
 }

package/src/utils/d3-types.ts

@@ -1,4 +1,9 @@
 export interface D3ExportDimensions {
   width?: number;
   height?: number;
+  /** Map-only: when true, the map renderer suppresses its global stretch-fill and
+   *  contain-fits (letterbox) instead. Set by `mapExportDimensions` when the export
+   *  canvas was clamped/floored away from the map's content aspect, so the
+   *  off-aspect canvas doesn't re-distort. Ignored by all non-map renderers. */
+  preferContain?: boolean;
 }

package/src/utils/legend-layout.ts

@@ -248,6 +248,18 @@ export function controlsGroupCapsuleWidth(
   return w;
 }
 
+/** True when the controlsGroup should be hosted by the app overlay strip
+ *  (gear suppressed, controls row + anchor reserved) rather than drawn inline.
+ *  Never gates on the export path. */
+function isAppHostedControls(config: LegendConfig, isExport: boolean): boolean {
+  return (
+    !isExport &&
+    config.controlsHost === 'app' &&
+    !!config.controlsGroup &&
+    config.controlsGroup.toggles.length > 0
+  );
+}
+
 function buildControlsGroupLayout(
   config: LegendConfig,
   state: LegendState
@@ -325,6 +337,9 @@ export function computeLegendLayout(
   const { groups, controls: configControls, mode } = config;
   const isExport = mode === 'export';
 
+  // App-hosted controls: suppress the inline gear, reserve a header row + anchor.
+  const gated = isAppHostedControls(config, isExport);
+
   // Filter groups for export: only active group shown
   const activeGroupName = state.activeGroup?.toLowerCase() ?? null;
 
@@ -339,10 +354,9 @@ export function computeLegendLayout(
     };
   }
 
-  // Controls group (strip in export mode)
-  const controlsGroupLayout = isExport
-    ? undefined
-    : buildControlsGroupLayout(config, state);
+  // Controls group (gear): suppressed in export and when app-hosted.
+  const controlsGroupLayout =
+    isExport || gated ? undefined : buildControlsGroupLayout(config, state);
 
   const visibleGroups = config.showEmptyGroups
     ? groups
@@ -469,6 +483,9 @@ export function computeLegendLayout(
     controlsGroupLayout
   );
 
+  // App-hosted controls: the controlsGroup was dropped above (no gear), and the
+  // app overlay strip pins itself to the top edge of the preview — dgmo reserves
+  // no row and emits no anchor, so the chart reclaims that space.
   const height = rows.length * LEGEND_HEIGHT;
   const width = containerWidth;
 

package/src/utils/legend-types.ts

@@ -112,6 +112,13 @@ export interface LegendConfig {
    *  group). Lets the user click a sibling to switch the active group. Default
    *  false (legacy: when one group is active the others are hidden). */
   showInactivePills?: boolean;
+  /** Where the controlsGroup is hosted. Default (undefined / 'inline') renders
+   *  the in-SVG gear exactly as before — every non-app consumer (Obsidian,
+   *  site, remark-family, CLI) is unaffected. When 'app', the controlsGroup is
+   *  dropped entirely (no gear, no reserved row): the app overlay strip owns the
+   *  controls, pinned to the top edge of the preview. App preview only; never
+   *  set on the export path. */
+  controlsHost?: 'app' | 'inline';
 }
 
 export interface LegendPalette {

package/src/utils/reserved-key-registry.ts

@@ -85,6 +85,9 @@ export const MAP_REGISTRY: ReservedKeyRegistry = staticRegistry([
   'value',
   'label',
   'style',
+  // `surface:` was removed in the 2026-06-02 defaults-on review — it is no longer
+  // a recognized metadata key (the route/edge surface feature was cut; §24B.7).
+  // A stray `surface: water` is no longer captured as a reserved key.
 ]);
 
 export const ORG_REGISTRY: ReservedKeyRegistry = staticRegistry([

package/src/palettes/bold.ts

@@ -1,67 +0,0 @@
-import type { PaletteConfig } from './types';
-import { registerPalette } from './registry';
-
-// ============================================================
-// Bold Palette Definition
-// ============================================================
-
-export const boldPalette: PaletteConfig = {
-  id: 'bold',
-  name: 'Bold',
-  light: {
-    bg: '#ffffff',
-    surface: '#f0f0f0',
-    overlay: '#f0f0f0',
-    border: '#cccccc',
-    text: '#000000',
-    textMuted: '#666666',
-    textOnFillLight: '#ffffff',
-    textOnFillDark: '#000000',
-    primary: '#0000ff',
-    secondary: '#ff00ff',
-    accent: '#00cccc',
-    destructive: '#ff0000',
-    colors: {
-      red: '#ff0000',
-      orange: '#ff8000',
-      yellow: '#ffcc00',
-      green: '#00cc00',
-      blue: '#0000ff',
-      purple: '#cc00cc',
-      teal: '#008080',
-      cyan: '#00cccc',
-      gray: '#808080',
-      black: '#000000',
-      white: '#f0f0f0',
-    },
-  },
-  dark: {
-    bg: '#000000',
-    surface: '#111111',
-    overlay: '#1a1a1a',
-    border: '#333333',
-    text: '#ffffff',
-    textMuted: '#aaaaaa',
-    textOnFillLight: '#ffffff',
-    textOnFillDark: '#000000',
-    primary: '#00ccff',
-    secondary: '#ff00ff',
-    accent: '#ffff00',
-    destructive: '#ff0000',
-    colors: {
-      red: '#ff0000',
-      orange: '#ff8000',
-      yellow: '#ffff00',
-      green: '#00ff00',
-      blue: '#0066ff',
-      purple: '#ff00ff',
-      teal: '#00cccc',
-      cyan: '#00ffff',
-      gray: '#808080',
-      black: '#111111',
-      white: '#ffffff',
-    },
-  },
-};
-
-registerPalette(boldPalette);