@celestia-island/hikari 0.43.13 → 0.43.14

package/src/components/HkTree.scss

@@ -22,7 +22,7 @@
     top: 0;
     bottom: 6px;
     width: 1px;
-    background: color-mix(in srgb, var(--hi-color-border, #30363d) 30%, transparent);
+    background: color-mix(in srgb, var(--hi-color-border, #646464) 30%, transparent);
   }
 }
 
@@ -31,12 +31,12 @@
   align-items: center;
   padding: 0 var(--space-8, 0.5rem);
   cursor: pointer;
-  transition: background var(--hi-duration-fast, 0.15s) ease;
-  color: var(--hi-color-text-primary, #333);
+  transition: background var(--duration-fast, 0.15s) ease;
+  color: var(--hi-color-text-primary, #1e1e1e);
   position: relative;
 
   &:hover {
-    background: color-mix(in srgb, var(--hi-color-primary, #58a6ff) 5%, transparent);
+    background: color-mix(in srgb, var(--hi-color-primary, #7aa2f7) 5%, transparent);
   }
 }
 
@@ -60,7 +60,7 @@
 }
 
 .hk-tree-row[data-status="warning"] .hk-tree-label {
-  color: var(--hi-color-warning, #d29922);
+  color: var(--hi-color-warning, #eed677);
 }
 
 .hk-tree-row[data-status="muted"] {
@@ -105,22 +105,22 @@
   width: 16px;
   height: 16px;
   flex-shrink: 0;
-  color: var(--hi-color-muted, #666);
-  border-radius: var(--hi-radius-sm, 4px);
-  transition: color var(--hi-duration-fast, 0.15s), background var(--hi-duration-fast, 0.15s);
+  color: var(--hi-color-muted, #6c6c6c);
+  border-radius: var(--radius-sm, 4px);
+  transition: color var(--duration-fast, 0.15s), background var(--duration-fast, 0.15s);
 }
 
 .hk-tree-toggle[data-parent] {
   cursor: pointer;
 
   &:hover {
-    background: color-mix(in srgb, var(--hi-color-surface, #fff) 40%, transparent);
-    color: var(--hi-color-text-primary, #333);
+    background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 40%, transparent);
+    color: var(--hi-color-text-primary, #1e1e1e);
   }
 }
 
 .hk-tree-chevron {
-  transition: transform var(--hi-duration-normal, 0.3s) ease;
+  transition: transform var(--duration-normal, 0.3s) ease;
 }
 
 .hk-tree-chevron[data-open] {
@@ -136,7 +136,7 @@
 .hk-tree-leaf {
   display: block;
   border-radius: 50%;
-  background: color-mix(in srgb, var(--hi-color-muted, #666) 25%, transparent);
+  background: color-mix(in srgb, var(--hi-color-muted, #6c6c6c) 25%, transparent);
 }
 
 /* ── Icon slot ─────────────────────────────────── */
@@ -170,10 +170,10 @@
   padding: 0 0.375em;
   font-size: 0.85em;
   font-weight: 600;
-  color: var(--hi-color-primary, #58a6ff);
-  background: color-mix(in srgb, var(--hi-color-primary, #58a6ff) 8%, transparent);
-  border: 1px solid color-mix(in srgb, var(--hi-color-primary, #58a6ff) 18%, transparent);
-  border-radius: var(--hi-radius-sm, 4px);
+  color: var(--hi-color-primary, #7aa2f7);
+  background: color-mix(in srgb, var(--hi-color-primary, #7aa2f7) 8%, transparent);
+  border: 1px solid color-mix(in srgb, var(--hi-color-primary, #7aa2f7) 18%, transparent);
+  border-radius: var(--radius-sm, 4px);
   line-height: 1.5;
   letter-spacing: 0.02em;
 }

package/src/components/window-close.scss

@@ -47,7 +47,7 @@
     );
     color: var(
       --hk-func-icon-hover-color,
-      var(--hi-color-text-primary, #333)
+      var(--hi-color-text-primary, #1e1e1e)
     );
   }
 }

package/src/scale.scss

@@ -0,0 +1,76 @@
+/* ── Canonical scale tokens (L2) ──────────────────────────────────────
+ * Non-color constants: spacing, type, radius, blur, opacity, durations,
+ * easings, z-index, fonts. ONE definition per name — components and the
+ * other shipped sheets must consume, not redefine, these.
+ *
+ * Conflicting legacy values (packages/theme/styles _layout/_tokens/
+ * foundation) were normalized to the values the production composition
+ * resolves to (chest: admin-tokens + foundation last). This file is the
+ * upstream of styles/theme/scale.scss — edit here, then re-run
+ * scripts/theme/sync-vendored.sh; do not hand-edit the vendored copy.
+ */
+:root {
+  /* Spacing (N px at the 16px root). */
+  --space-1: 0.0625rem;
+  --space-2: 0.125rem;
+  --space-4: 0.25rem;
+  --space-6: 0.375rem;
+  --space-8: 0.5rem;
+  --space-10: 0.625rem;
+  --space-12: 0.75rem;
+  --space-14: 0.875rem;
+  --space-16: 1rem;
+  --space-20: 1.25rem;
+  --space-24: 1.5rem;
+  --space-28: 1.75rem;
+  --space-32: 2rem;
+  --space-40: 2.5rem;
+
+  /* Type */
+  --text-3xs: 0.5rem;
+  --text-2xs: 0.625rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.8125rem;
+  --text-base: 0.875rem;
+  --text-md: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+
+  /* Radius / blur / opacity */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 9999px;
+  --blur-xs: 4px;
+  --blur-sm: 8px;
+  --blur-md: 16px;
+  --blur-lg: 24px;
+  --blur-xl: 24px;
+  --opacity-half: 0.92;
+
+  /* Motion */
+  --duration-instant: 0.1s;
+  --duration-short: 0.15s;
+  --duration-fast: 0.15s;
+  --duration-normal: 0.3s;
+  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-elastic: cubic-bezier(0.16, 1, 0.3, 1);
+  /* Legacy-prefixed aliases consumed by HkIconButtonVars' bridge. */
+  --hi-duration-fast: 0.15s;
+  --hi-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* Z-index bands */
+  --z-base: 0;
+  --z-header: 100;
+  --z-sidebar: 900;
+
+  /* Fonts — keep in sync with packages/vue/src/theme/fontContext.ts */
+  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
+  --font-reading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
+  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", "PingFang SC", "Microsoft YaHei", monospace;
+}

package/src/styles/admin-tokens.scss

@@ -9,43 +9,10 @@
   /* ── Layout tokens ─ */
   --s-footer-height: 3rem;
   --s-header-height: 3rem;
-  --z-header: 100;
-  /* Apple-style stack + CJK UI tail — keep in sync with packages/vue/src/theme/fontContext.ts */
-  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
-  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", monospace;
-  --font-reading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
-  --blur-sm: 8px;
-  --blur-md: 16px;
-  --blur-lg: 24px;
-  --z-sidebar: 900; /* app-sheet band — drawer sidebars (see theme/_layout.scss) */
-  --z-base: 0; /* z tokens mirror theme/styles/_layout.scss — keep both in sync */
-  --space-2: 0.125rem;
-  --space-4: 0.25rem;
-  --space-6: 0.375rem;
-  --space-8: 0.5rem;
-  --space-10: 0.625rem;
-  --space-12: 0.75rem;
-  --space-14: 0.875rem;
-  --space-16: 1rem;
-  --space-20: 1.25rem;
-  --space-24: 1.5rem;
-  --space-28: 1.75rem;
-  --space-32: 2rem;
-  --space-40: 2.5rem;
-  --text-2xs: 0.625rem;
-  --text-xs: 0.75rem;
-  --text-sm: 0.8125rem;
-  --text-base: 0.875rem;
-  --text-md: 1rem;
-  --text-lg: 1.125rem;
-  --radius-sm: 4px;
-  --radius-md: 8px;
-  --opacity-half: 0.92;
-  --duration-short: 0.15s;
-  --duration-normal: 0.3s;
-  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
-  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
-  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  /* Layout/type/motion scale tokens (--space-*, --text-*, --blur-*, --z-*,
+   * --duration-*, --ease-*) used to be mirrored here ("keep both in sync")
+   * — they now live once in styles/theme/scale.scss, which every entry
+   * loads before this sheet. Only plana-specific tokens remain below. */
 
   /* ── Shared color aliases ─ */
   --c-primary: rgb(var(--color-primary, 255 107 157));

package/src/styles/index.scss

@@ -1,12 +1,26 @@
-// Re-export shared hikari theme and component styles.
-// NOTE: The `../../../theme/...` and `../../../components/...` imports below
-// resolve relative to the monorepo root and work locally, but escape the npm
-// package — registry installs should import the granular subpaths instead
-// (`@celestia-island/hikari/styles/theme/*.scss`, `.../styles/admin-tokens.scss`),
-// which are vendored/exposed inside this package.
-@use "../../../theme/styles/variables.scss";
-@use "../../../theme/styles/mixins.scss";
-@use "../../../theme/styles/foundation.scss";
-@use "../../../theme/styles/themes.scss";
-@use "../../../components/src/styles/index.scss";
+// Canonical hikari theme + component style entry.
+//
+// Composition (order matters only for the plana-ui sheet at the end —
+// every token is defined exactly once across the first two sheets, so
+// the color/scale base is order-independent):
+//   1. theme/channels.scss — the static seed: --color-* channel palette,
+//      --hi-color-* derivations, --c-*/--shadow-*/--border-* aliases and
+//      the icon-button bridge (vendored from src/tokens.scss).
+//   2. theme/scale.scss — the L2 scale tokens: spacing, type, radius,
+//      blur, opacity, durations, easings, z bands, fonts (vendored from
+//      src/scale.scss).
+//   3. admin-tokens.scss — the plana-ui shared surface: layout tokens,
+//      brand-color aliases and the shared admin component classes.
+//
+// initTheme() (runtime) writes only deltas against this base into a
+// managed <style data-hikari-theme-vars> block.
+//
+// The legacy Gen-1 sheets (styles/theme/base.scss, foundation.scss,
+// themes.scss, _tokens.scss, _layout.scss, … — vendored from
+// packages/theme/styles for the Rust crate) are NOT part of this entry;
+// import them granularly only for legacy compositions. The previous
+// version of this file re-exported packages/theme + packages/components
+// through paths that escape the npm package and did not compile.
+@use "./theme/channels.scss";
+@use "./theme/scale.scss";
 @use "./admin-tokens.scss";

package/src/styles/theme/_glass.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/_glass.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // _glass.scss — Glass-morphism utility classes adopted from shittim-chest.
 // These provide the frosted-glass aesthetic that makes panels feel layered
 // without heavy borders.

package/src/styles/theme/_layout.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/_layout.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // _layout.scss — Shared unprefixed design tokens for hikari + plana components.
 // Originally sourced from shittim-chest's theme system; extracted here so
 // any project importing @celestia-island/hikari/styles gets them automatically.

package/src/styles/theme/_scrollbar.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/_scrollbar.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // _scrollbar.scss — the shared overlay scrollbar chrome.
 //
 // ONE scrollbar system for the whole library: the `.hk-scrollbar-track` /

package/src/styles/theme/_tokens.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/_tokens.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // _tokens.scss — Design tokens adopted from shittim-chest's theme system.
 // These supplement hikari's existing foundation.scss tokens with the
 // detail-oriented tokens that make shittim-chest's UI feel polished:

package/src/styles/theme/base.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/base.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // hikari-theme/styles/base.scss
 // 基础样式（使用 hikari-palette）
 

package/src/styles/theme/channels.scss

@@ -95,6 +95,12 @@
   --color-focused-border: 122 162 247;
   --color-background: 214 236 240;
   --color-surface: 240 244 248;
+  /* Derived seed defaults for the runtime-selected channels: a primary
+   * wash over the background (selected) and the surface tint (status
+   * bar), matching what presets derive at runtime. */
+  --color-selected-bg: 191 218 242;
+  --color-selected-text: 30 30 30;
+  --color-status-bar-bg: 240 244 248;
   --color-success: 14 184 64;
   --color-error: 247 118 142;
   --color-warning: 238 214 119;
@@ -104,7 +110,7 @@
   --hi-color-secondary: rgb(var(--color-secondary));
   --hi-color-surface: rgb(var(--color-surface));
   --hi-color-background: rgb(var(--color-background));
-  --hi-color-border: rgb(var(--color-border));
+  --hi-color-border: rgb(var(--color-border) / 15%);
   --hi-color-text-primary: rgb(var(--color-text));
   --hi-color-text-secondary: rgb(var(--color-text-secondary));
   --hi-color-muted: rgb(var(--color-muted));
@@ -118,45 +124,21 @@
   --hi-color-error: rgb(var(--color-error));
   --hi-color-warning: rgb(var(--color-warning));
   --hi-color-info: rgb(var(--color-info));
+  /* Surface-layer aliases the runtime writes on every apply — seeded so
+   * no-JS consumers resolve them instead of invalid var(). */
+  --hi-color-bg-subtle: rgb(var(--color-surface) / 0.5);
+  --hi-color-bg-elevated: rgb(var(--color-surface));
+  --hi-color-bg-canvas: rgb(var(--color-background));
+  --hi-secondary-bg: rgb(var(--color-surface) / 0.5);
+  --hi-color-accent: rgb(var(--color-accent));
+  /* Gen-1 shorthand references that were never defined anywhere — wired to
+     the canonical tokens so the consuming rules render as intended. */
+  --hi-primary: var(--hi-color-primary);
+  --hi-surface: var(--hi-color-surface);
+  --hi-card-bg: var(--hi-color-surface);
 
-  /* Design tokens consumed by hikari components. These used to live only in
-     plana-ui's token set; without them the background/backdrop declarations
-     of fields and surfaces resolve to nothing. Values align with plana-ui. */
-  --space-2: 0.125rem;
-  --space-4: 0.25rem;
-  --space-6: 0.375rem;
-  --space-8: 0.5rem;
-  --space-10: 0.625rem;
-  --space-12: 0.75rem;
-  --space-14: 0.875rem;
-  --space-16: 1rem;
-  --space-20: 1.25rem;
-  --space-24: 1.5rem;
-  --space-28: 1.75rem;
-  --space-32: 2rem;
-  --space-40: 2.5rem;
-  --text-2xs: 0.625rem;
-  --text-xs: 0.75rem;
-  --text-sm: 0.8125rem;
-  --text-base: 0.875rem;
-  --text-md: 1rem;
-  --text-lg: 1.125rem;
-  --radius-sm: 4px;
-  --radius-md: 8px;
-  --opacity-half: 0.92;
-  --blur-sm: 8px;
-  --blur-md: 16px;
-  --blur-lg: 24px;
-  --duration-fast: 0.15s;
-  --duration-short: 0.15s;
-  --duration-normal: 0.3s;
-  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
-  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
-  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
-  --s-footer-height: 3rem;
-  --z-header: 30;
-  --z-sidebar: 40;
-  /* Apple-style stack + CJK UI tail — keep in sync with packages/vue/src/theme/fontContext.ts */
-  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
-  --font-reading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
+  /* Scale tokens (spacing/type/radius/blur/opacity/durations/easings/
+     z-index/fonts) moved to src/scale.scss — the canonical L2 sheet,
+     vendored as styles/theme/scale.scss. This file keeps only the
+     channel palette (above) and the --hi-* / --c-* bridges. */
 }

package/src/styles/theme/foundation.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/foundation.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // hikari-theme/styles/foundation.scss
 // Layer1 - Foundation Layer: Global CSS Variables
 //

package/src/styles/theme/mixins.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/mixins.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // hikari-theme/styles/mixins.scss
 // Mixins（使用 hikari-palette）
 

package/src/styles/theme/scale.scss

@@ -0,0 +1,78 @@
+// Vendored byte-identical from packages/vue/src/scale.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
+/* ── Canonical scale tokens (L2) ──────────────────────────────────────
+ * Non-color constants: spacing, type, radius, blur, opacity, durations,
+ * easings, z-index, fonts. ONE definition per name — components and the
+ * other shipped sheets must consume, not redefine, these.
+ *
+ * Conflicting legacy values (packages/theme/styles _layout/_tokens/
+ * foundation) were normalized to the values the production composition
+ * resolves to (chest: admin-tokens + foundation last). This file is the
+ * upstream of styles/theme/scale.scss — edit here, then re-run
+ * scripts/theme/sync-vendored.sh; do not hand-edit the vendored copy.
+ */
+:root {
+  /* Spacing (N px at the 16px root). */
+  --space-1: 0.0625rem;
+  --space-2: 0.125rem;
+  --space-4: 0.25rem;
+  --space-6: 0.375rem;
+  --space-8: 0.5rem;
+  --space-10: 0.625rem;
+  --space-12: 0.75rem;
+  --space-14: 0.875rem;
+  --space-16: 1rem;
+  --space-20: 1.25rem;
+  --space-24: 1.5rem;
+  --space-28: 1.75rem;
+  --space-32: 2rem;
+  --space-40: 2.5rem;
+
+  /* Type */
+  --text-3xs: 0.5rem;
+  --text-2xs: 0.625rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.8125rem;
+  --text-base: 0.875rem;
+  --text-md: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+
+  /* Radius / blur / opacity */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 9999px;
+  --blur-xs: 4px;
+  --blur-sm: 8px;
+  --blur-md: 16px;
+  --blur-lg: 24px;
+  --blur-xl: 24px;
+  --opacity-half: 0.92;
+
+  /* Motion */
+  --duration-instant: 0.1s;
+  --duration-short: 0.15s;
+  --duration-fast: 0.15s;
+  --duration-normal: 0.3s;
+  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-elastic: cubic-bezier(0.16, 1, 0.3, 1);
+  /* Legacy-prefixed aliases consumed by HkIconButtonVars' bridge. */
+  --hi-duration-fast: 0.15s;
+  --hi-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* Z-index bands */
+  --z-base: 0;
+  --z-header: 100;
+  --z-sidebar: 900;
+
+  /* Fonts — keep in sync with packages/vue/src/theme/fontContext.ts */
+  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
+  --font-reading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
+  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", "PingFang SC", "Microsoft YaHei", monospace;
+}

package/src/styles/theme/themes.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/themes.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // hikari-theme/styles/themes.scss
 // 主题变体（使用 hikari-palette）
 

package/src/styles/theme/variables.scss

@@ -1,4 +1,5 @@
 // Vendored byte-identical from packages/theme/styles/variables.scss (hikari repo) so npm registry installs can resolve it — edit the upstream file, then re-copy; do not hand-edit here.
+
 // hikari-theme/styles/variables.scss
 // CSS 变量（使用 hikari-palette）