fix: align v2 publisher review with HMDesign stories and tokens

packages/ui/src/theme/contract.ts

@@ -75,6 +75,15 @@ export const runtimeThemeContract = {
   "color.palette.gray": { property: "--hm-sem-palette-gray", defaultValue: runtimeThemeDefaults["--hm-sem-palette-gray"], type: "color" },
   "color.palette.gray-dark": { property: "--hm-sem-palette-gray-dark", defaultValue: runtimeThemeDefaults["--hm-sem-palette-gray-dark"], type: "color" },
   "color.palette.indicator": { property: "--hm-sem-palette-indicator", defaultValue: runtimeThemeDefaults["--hm-sem-palette-indicator"], type: "color" },
+// Confirmed ui_viz brand stages; legacy keys and component mappings remain unchanged.
+  "color.palette.green-dark-3": { property: "--hm-sem-palette-green-dark-3", defaultValue: runtimeThemeDefaults["--hm-sem-palette-green-dark-3"], type: "color" },
+  "color.palette.brown-light-3": { property: "--hm-sem-palette-brown-light-3", defaultValue: runtimeThemeDefaults["--hm-sem-palette-brown-light-3"], type: "color" },
+  "color.palette.brown-dark-2": { property: "--hm-sem-palette-brown-dark-2", defaultValue: runtimeThemeDefaults["--hm-sem-palette-brown-dark-2"], type: "color" },
+  "color.palette.brown-dark-3": { property: "--hm-sem-palette-brown-dark-3", defaultValue: runtimeThemeDefaults["--hm-sem-palette-brown-dark-3"], type: "color" },
+  "color.palette.orange-light-3": { property: "--hm-sem-palette-orange-light-3", defaultValue: runtimeThemeDefaults["--hm-sem-palette-orange-light-3"], type: "color" },
+  "color.palette.orange-light-2": { property: "--hm-sem-palette-orange-light-2", defaultValue: runtimeThemeDefaults["--hm-sem-palette-orange-light-2"], type: "color" },
+  "color.palette.orange-light-1": { property: "--hm-sem-palette-orange-light-1", defaultValue: runtimeThemeDefaults["--hm-sem-palette-orange-light-1"], type: "color" },
+  "color.palette.orange-dark-3": { property: "--hm-sem-palette-orange-dark-3", defaultValue: runtimeThemeDefaults["--hm-sem-palette-orange-dark-3"], type: "color" },
 } as const
 
 export type RuntimeThemeToken = keyof typeof runtimeThemeContract

packages/ui/src/theme/default-values.generated.ts

@@ -73,5 +73,13 @@ export const runtimeThemeDefaults = {
   "--hm-sem-palette-orange-border-deep": "#5e2902",
   "--hm-sem-palette-gray": "#767676",
   "--hm-sem-palette-gray-dark": "#5a5a5a",
-  "--hm-sem-palette-indicator": "#2d2d2d"
+  "--hm-sem-palette-indicator": "#2d2d2d",
+  "--hm-sem-palette-green-dark-3": "#020a07",
+  "--hm-sem-palette-brown-light-3": "#c1a770",
+  "--hm-sem-palette-brown-dark-2": "#2f281c",
+  "--hm-sem-palette-brown-dark-3": "#1d1810",
+  "--hm-sem-palette-orange-light-3": "#ec8f53",
+  "--hm-sem-palette-orange-light-2": "#f87725",
+  "--hm-sem-palette-orange-light-1": "#eb5f00",
+  "--hm-sem-palette-orange-dark-3": "#4f2000"
 } as const

packages/ui/src/theme/default.css

@@ -201,3 +201,15 @@
   --ring: var(--hm-sem-stroke-input-focus);
   --radius: var(--hm-radius-container);
 }
+
+/* Additive brand palette; does not change existing component aliases. */
+:root, [data-hm-theme] {
+  --hm-sem-palette-green-dark-3: var(--hm-green-dark-3);
+  --hm-sem-palette-brown-light-3: var(--hm-brown-light-3);
+  --hm-sem-palette-brown-dark-2: var(--hm-brown-dark-2);
+  --hm-sem-palette-brown-dark-3: var(--hm-brown-dark-3);
+  --hm-sem-palette-orange-light-3: var(--hm-orange-light-3);
+  --hm-sem-palette-orange-light-2: var(--hm-orange-light-2);
+  --hm-sem-palette-orange-light-1: var(--hm-orange-light-1);
+  --hm-sem-palette-orange-dark-3: var(--hm-orange-dark-3);
+}

packages/ui/src/theme/gnb.css

@@ -566,7 +566,7 @@
   --hm-lnb-group-open-background: transparent;
   --hm-lnb-group-open-line: 0;
   --hm-lnb-focus-outline: 2px solid var(--hm-gnb-content-menu-color);
-  border-right: 1px solid var(--hm-sem-stroke-default);
+  border-right: 1px solid var(--hm-sem-stroke-input-default);
 }
 [data-hm-gnb-layout="sidebar"][data-hm-color="brown"] > [data-hm-gnb-body] > [data-hm-gnb-sidebar] {
   --hm-gnb-content-menu-color: var(--hm-sem-palette-brown-default);

packages/ui/src/theme/primitives.css

@@ -44,3 +44,15 @@
 :root {
   --hm-yellow-accent: #ffc600;
 }
+
+/* Confirmed brand palette additions (ui_viz Color 4.1). */
+:root {
+  --hm-green-dark-3: #020a07;
+  --hm-brown-light-3: #c1a770;
+  --hm-brown-dark-2: #2f281c;
+  --hm-brown-dark-3: #1d1810;
+  --hm-orange-light-3: #ec8f53;
+  --hm-orange-light-2: #f87725;
+  --hm-orange-light-1: #eb5f00;
+  --hm-orange-dark-3: #4f2000;
+}