symbiote-ui 0.3.0-alpha.4

package/themes/ebook.js

@@ -0,0 +1,136 @@
+/**
+ * E-Book — warm paper reading theme
+ *
+ * Inspired by e-reader displays: warm cream background,
+ * high-contrast dark text, minimal UI chrome, serif-influenced typography.
+ * Optimized for long reading sessions and code exploration.
+ *
+ * @module symbiote-node/themes/ebook
+ */
+
+/** @type {import('./Theme.js').ThemeDefinition} */
+export let EBOOK = {
+  name: 'ebook',
+  tokens: {
+
+
+    '--sn-hue-base': '35',
+    '--sn-hue-accent': '210',
+    '--sn-hue-success': '150',
+    '--sn-hue-warning': '38',
+    '--sn-hue-danger': '4',
+    '--sn-hue-data': '250',
+
+
+    '--sn-sat': '20%',
+    '--sn-sat-vivid': '55%',
+    '--sn-sat-muted': '12%',
+
+
+    '--sn-lit-bg': '93%',
+    '--sn-lit-surface': '97%',
+    '--sn-lit-border': '82%',
+    '--sn-lit-hover': '89%',
+    '--sn-lit-text': '15%',
+    '--sn-lit-text-dim': '42%',
+    '--sn-lit-accent': '42%',
+
+
+    '--sn-alpha-overlay': '0.96',
+    '--sn-alpha-subtle': '0.08',
+    '--sn-alpha-faint': '0.06',
+
+
+    '--sn-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), 48%)',
+    '--sn-success-color': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), 38%)',
+    '--sn-warning-color': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), 42%)',
+
+
+    '--sn-bg': 'hsl(37, 30%, 91%)',
+    '--sn-grid-dot': 'hsla(35, 15%, 50%, 0.12)',
+    '--sn-grid-size': '20px',
+
+
+    '--sn-node-bg': 'hsl(40, 33%, 96%)',
+    '--sn-node-border': 'hsl(35, 18%, 80%)',
+    '--sn-node-radius': '8px',
+    '--sn-node-shadow': '0 1px 4px rgba(100, 80, 40, 0.08)',
+    '--sn-shadow-color': 'rgba(100, 80, 40, 0.1)',
+    '--sn-node-selected': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-node-hover': 'hsl(36, 22%, 88%)',
+    '--sn-node-header-bg': 'hsl(37, 25%, 93%)',
+
+
+    '--sn-font': "'Georgia', 'Palatino', 'Times New Roman', serif",
+    '--sn-text': 'hsl(30, 15%, 18%)',
+    '--sn-text-dim': 'hsl(30, 10%, 45%)',
+
+
+    '--sn-socket-size': '12px',
+    '--sn-socket-border-width': '2px',
+
+
+    '--sn-conn-color': 'hsl(210, 40%, 50%)',
+    '--sn-conn-width': '1.5',
+    '--sn-conn-selected': 'hsl(4, 55%, 50%)',
+
+
+    '--sn-cat-server': 'hsl(210, 45%, 45%)',
+    '--sn-cat-instance': 'hsl(150, 40%, 38%)',
+    '--sn-cat-control': 'hsl(35, 50%, 45%)',
+    '--sn-cat-data': 'hsl(250, 35%, 50%)',
+    '--sn-cat-default': 'hsl(30, 8%, 48%)',
+    '--sn-subgraph-accent': 'var(--sn-cat-data)',
+
+
+    '--sn-ctx-bg': 'hsl(40, 30%, 96%)',
+    '--sn-ctx-border': 'hsl(35, 15%, 82%)',
+    '--sn-ctx-color': 'hsl(30, 12%, 20%)',
+    '--sn-ctx-hover': 'hsla(210, 40%, 50%, 0.08)',
+
+
+    '--sn-comment-bg': 'hsla(38, 25%, 85%, 0.3)',
+    '--sn-comment-border': 'hsla(35, 20%, 70%, 0.2)',
+    '--sn-comment-radius': '4px',
+
+
+    '--sn-toolbar-bg': 'hsla(40, 30%, 95%, var(--sn-alpha-overlay))',
+    '--sn-toolbar-border': 'hsla(35, 15%, 70%, 0.25)',
+    '--sn-toolbar-color': 'hsl(30, 10%, 35%)',
+    '--sn-toolbar-hover': 'hsla(210, 40%, 50%, 0.1)',
+    '--sn-toolbar-active': 'hsl(30, 12%, 20%)',
+    '--sn-toolbar-danger': 'hsla(4, 55%, 50%, 0.1)',
+    '--sn-toolbar-danger-color': 'hsl(4, 55%, 50%)',
+
+
+    '--sn-shape-fill': 'var(--sn-node-bg)',
+    '--sn-shape-stroke': 'var(--sn-node-border)',
+    '--sn-shape-stroke-width': '1.0',
+  },
+};
+
+/** @type {import('./Palette.js').PaletteDefinition} */
+export let EBOOK_PALETTE = {
+  name: 'ebook',
+  colors: {
+    '--sn-hue-base': '35',
+    '--sn-hue-accent': '210',
+    '--sn-hue-success': '150',
+    '--sn-hue-warning': '38',
+    '--sn-hue-danger': '4',
+    '--sn-hue-data': '250',
+    '--sn-sat': '20%',
+    '--sn-sat-vivid': '55%',
+    '--sn-sat-muted': '12%',
+    '--sn-lit-bg': '93%',
+    '--sn-lit-surface': '97%',
+    '--sn-lit-border': '82%',
+    '--sn-lit-hover': '89%',
+    '--sn-lit-text': '15%',
+    '--sn-lit-text-dim': '42%',
+    '--sn-lit-accent': '42%',
+    '--sn-alpha-overlay': '0.96',
+    '--sn-alpha-subtle': '0.08',
+    '--sn-alpha-faint': '0.06',
+  },
+};

package/themes/grey.js

@@ -0,0 +1,137 @@
+/**
+ * Grey Neutral — professional muted grey theme
+ *
+ * Zero saturation base (achromatic). All variation through
+ * lightness only. Category accents retain color.
+ *
+ * @module symbiote-node/themes/grey
+ */
+
+/** @type {import('./Theme.js').ThemeDefinition} */
+export let GREY_NEUTRAL = {
+  name: 'grey-neutral',
+  tokens: {
+
+
+    '--sn-hue-base': '0',
+    '--sn-hue-accent': '207',
+    '--sn-hue-success': '136',
+    '--sn-hue-warning': '40',
+    '--sn-hue-danger': '7',
+    '--sn-hue-data': '265',
+
+
+    '--sn-sat': '0%',
+    '--sn-sat-vivid': '50%',
+    '--sn-sat-muted': '0%',
+
+
+    '--sn-lit-bg': '18%',
+    '--sn-lit-surface': '24%',
+    '--sn-lit-border': '33%',
+    '--sn-lit-hover': '29%',
+    '--sn-lit-text': '83%',
+    '--sn-lit-text-dim': '63%',
+    '--sn-lit-accent': '65%',
+
+
+    '--sn-alpha-overlay': '0.94',
+    '--sn-alpha-subtle': '0.15',
+    '--sn-alpha-faint': '0.1',
+
+
+    '--sn-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-success-color': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-warning-color': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), var(--sn-lit-accent))',
+
+
+    '--sn-bg': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-bg))',
+    '--sn-grid-dot': 'hsla(0, 0%, 100%, var(--sn-alpha-faint))',
+    '--sn-grid-size': '20px',
+
+
+    '--sn-node-bg': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-surface))',
+    '--sn-node-border': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-border))',
+    '--sn-node-radius': '6px',
+    '--sn-node-shadow': '0 2px 8px rgba(0, 0, 0, 0.4)',
+    '--sn-shadow-color': 'rgba(0, 0, 0, 0.4)',
+    '--sn-node-header-bg': 'hsl(var(--sn-hue-base), var(--sn-sat), 20%)',
+    '--sn-node-selected': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-node-hover': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-hover))',
+
+
+    '--sn-font': "'Inter', sans-serif",
+    '--sn-text': 'hsl(0, 0%, var(--sn-lit-text))',
+    '--sn-text-dim': 'hsl(0, 0%, var(--sn-lit-text-dim))',
+
+
+    '--sn-socket-size': '12px',
+    '--sn-socket-border-width': '2px',
+
+
+    '--sn-conn-color': 'hsl(0, 0%, 54%)',
+    '--sn-conn-width': '2',
+    '--sn-conn-selected': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), 60%)',
+
+
+    '--sn-cat-server': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), 68%)',
+    '--sn-cat-instance': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), 58%)',
+    '--sn-cat-control': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), 60%)',
+    '--sn-cat-data': 'hsl(var(--sn-hue-data), var(--sn-sat-vivid), 68%)',
+    '--sn-cat-default': 'hsl(0, 0%, 60%)',
+    '--sn-subgraph-accent': 'var(--sn-cat-data)',
+
+
+    '--sn-ctx-bg': 'hsl(0, 0%, 22%)',
+    '--sn-ctx-border': 'hsl(0, 0%, var(--sn-lit-border))',
+    '--sn-ctx-color': 'hsl(0, 0%, var(--sn-lit-text))',
+    '--sn-ctx-hover':
+      'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent), var(--sn-alpha-subtle))',
+
+
+    '--sn-comment-bg': 'hsla(0, 0%, 100%, 0.04)',
+    '--sn-comment-border': 'hsla(0, 0%, 100%, 0.08)',
+    '--sn-comment-radius': '4px',
+
+
+    '--sn-toolbar-bg': 'hsla(0, 0%, 22%, var(--sn-alpha-overlay))',
+    '--sn-toolbar-border': 'hsla(0, 0%, 100%, 0.08)',
+    '--sn-toolbar-color': 'hsl(0, 0%, 67%)',
+    '--sn-toolbar-hover':
+      'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent), 0.18)',
+    '--sn-toolbar-active': 'hsl(0, 0%, var(--sn-lit-text))',
+    '--sn-toolbar-danger': 'hsla(var(--sn-hue-danger), var(--sn-sat-vivid), 60%, 0.22)',
+    '--sn-toolbar-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), 60%)',
+
+
+    '--sn-shape-fill': 'var(--sn-node-bg)',
+    '--sn-shape-stroke': 'var(--sn-node-border)',
+    '--sn-shape-stroke-width': '0.4',
+  },
+};
+
+/** @type {import('./Palette.js').PaletteDefinition} */
+export let GREY_PALETTE = {
+  name: 'grey',
+  colors: {
+    '--sn-hue-base': '0',
+    '--sn-hue-accent': '207',
+    '--sn-hue-success': '136',
+    '--sn-hue-warning': '40',
+    '--sn-hue-danger': '7',
+    '--sn-hue-data': '265',
+    '--sn-sat': '0%',
+    '--sn-sat-vivid': '50%',
+    '--sn-sat-muted': '0%',
+    '--sn-lit-bg': '18%',
+    '--sn-lit-surface': '24%',
+    '--sn-lit-border': '33%',
+    '--sn-lit-hover': '29%',
+    '--sn-lit-text': '83%',
+    '--sn-lit-text-dim': '63%',
+    '--sn-lit-accent': '65%',
+    '--sn-alpha-overlay': '0.94',
+    '--sn-alpha-subtle': '0.15',
+    '--sn-alpha-faint': '0.1',
+  },
+};

package/themes/light.js

@@ -0,0 +1,139 @@
+/**
+ * Light Clean — bright minimal theme
+ *
+ * Inverted lightness values: bg=95%, surface=100%, text=15%.
+ * Same atomic HSL structure as dark theme.
+ *
+ * @module symbiote-node/themes/light
+ */
+
+/** @type {import('./Theme.js').ThemeDefinition} */
+export let LIGHT_CLEAN = {
+  name: 'light-clean',
+  tokens: {
+
+
+    '--sn-hue-base': '220',
+    '--sn-hue-accent': '217',
+    '--sn-hue-success': '142',
+    '--sn-hue-warning': '38',
+    '--sn-hue-danger': '0',
+    '--sn-hue-data': '262',
+
+
+    '--sn-sat': '14%',
+    '--sn-sat-vivid': '60%',
+    '--sn-sat-muted': '8%',
+
+
+    '--sn-lit-bg': '95%',
+    '--sn-lit-surface': '100%',
+    '--sn-lit-border': '78%',
+    '--sn-lit-hover': '90%',
+    '--sn-lit-text': '15%',
+    '--sn-lit-text-dim': '45%',
+    '--sn-lit-accent': '50%',
+
+
+    '--sn-alpha-overlay': '0.95',
+    '--sn-alpha-subtle': '0.1',
+    '--sn-alpha-faint': '0.12',
+
+
+    '--sn-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-success-color': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-warning-color': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), var(--sn-lit-accent))',
+
+
+    '--sn-bg': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-bg))',
+    '--sn-grid-dot': 'hsla(0, 0%, 0%, var(--sn-alpha-faint))',
+    '--sn-grid-size': '20px',
+
+
+    '--sn-node-bg': 'hsl(0, 0%, var(--sn-lit-surface))',
+    '--sn-node-border': 'hsl(var(--sn-hue-base), var(--sn-sat-muted), var(--sn-lit-border))',
+    '--sn-node-radius': '10px',
+    '--sn-node-shadow': '0 2px 8px rgba(0, 0, 0, 0.08)',
+    '--sn-shadow-color': 'rgba(0, 0, 0, 0.12)',
+    '--sn-node-selected': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-node-hover': 'hsl(var(--sn-hue-base), var(--sn-sat-muted), var(--sn-lit-hover))',
+    '--sn-node-header-bg': 'hsl(var(--sn-hue-base), var(--sn-sat-muted), 96%)',
+
+
+    '--sn-font': "'Inter', sans-serif",
+    '--sn-text': 'hsl(var(--sn-hue-base), 10%, var(--sn-lit-text))',
+    '--sn-text-dim': 'hsl(var(--sn-hue-base), 8%, var(--sn-lit-text-dim))',
+
+
+    '--sn-socket-size': '12px',
+    '--sn-socket-border-width': '2px',
+
+
+    '--sn-conn-color': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-conn-width': '2',
+    '--sn-conn-selected': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent))',
+
+
+    '--sn-cat-server': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-cat-instance': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), 45%)',
+    '--sn-cat-control': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-cat-data': 'hsl(var(--sn-hue-data), var(--sn-sat-vivid), 55%)',
+    '--sn-cat-default': 'hsl(0, 0%, var(--sn-lit-text-dim))',
+    '--sn-subgraph-accent': 'var(--sn-cat-data)',
+
+
+    '--sn-ctx-bg': 'hsl(0, 0%, var(--sn-lit-surface))',
+    '--sn-ctx-border': 'hsl(var(--sn-hue-base), var(--sn-sat-muted), var(--sn-lit-hover))',
+    '--sn-ctx-color': 'hsl(var(--sn-hue-base), 10%, var(--sn-lit-text))',
+    '--sn-ctx-hover':
+      'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent), var(--sn-alpha-subtle))',
+
+
+    '--sn-comment-bg': 'hsla(0, 0%, 0%, 0.03)',
+    '--sn-comment-border': 'hsla(0, 0%, 0%, 0.08)',
+    '--sn-comment-radius': '6px',
+
+
+    '--sn-toolbar-bg': 'hsla(0, 0%, var(--sn-lit-surface), var(--sn-alpha-overlay))',
+    '--sn-toolbar-border': 'hsla(0, 0%, 0%, 0.1)',
+    '--sn-toolbar-color': 'hsl(var(--sn-hue-base), 8%, 35%)',
+    '--sn-toolbar-hover':
+      'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), var(--sn-lit-accent), 0.12)',
+    '--sn-toolbar-active': 'hsl(var(--sn-hue-base), 10%, var(--sn-lit-text))',
+    '--sn-toolbar-danger':
+      'hsla(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent), 0.15)',
+    '--sn-toolbar-danger-color':
+      'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent))',
+
+
+    '--sn-shape-fill': 'var(--sn-node-bg)',
+    '--sn-shape-stroke': 'var(--sn-node-border)',
+    '--sn-shape-stroke-width': '1.0',
+  },
+};
+
+/** @type {import('./Palette.js').PaletteDefinition} */
+export let LIGHT_PALETTE = {
+  name: 'light',
+  colors: {
+    '--sn-hue-base': '220',
+    '--sn-hue-accent': '217',
+    '--sn-hue-success': '142',
+    '--sn-hue-warning': '38',
+    '--sn-hue-danger': '0',
+    '--sn-hue-data': '262',
+    '--sn-sat': '14%',
+    '--sn-sat-vivid': '60%',
+    '--sn-sat-muted': '8%',
+    '--sn-lit-bg': '95%',
+    '--sn-lit-surface': '100%',
+    '--sn-lit-border': '78%',
+    '--sn-lit-hover': '90%',
+    '--sn-lit-text': '15%',
+    '--sn-lit-text-dim': '45%',
+    '--sn-lit-accent': '50%',
+    '--sn-alpha-overlay': '0.95',
+    '--sn-alpha-subtle': '0.1',
+    '--sn-alpha-faint': '0.12',
+  },
+};

package/themes/neon.js

@@ -0,0 +1,138 @@
+/**
+ * Neon Glow — electric neon theme with luminous edges
+ *
+ * Deep black base (hue 230) with electric cyan accent (185).
+ * All borders and shapes emit visible glow via elevated alpha
+ * and vivid saturation. Designed for maximum visual impact.
+ *
+ * @module symbiote-node/themes/neon
+ */
+
+/** @type {import('./Theme.js').ThemeDefinition} */
+export let NEON_GLOW = {
+  name: 'neon-glow',
+  tokens: {
+
+
+    '--sn-hue-base': '230',
+    '--sn-hue-accent': '185',
+    '--sn-hue-success': '150',
+    '--sn-hue-warning': '50',
+    '--sn-hue-danger': '355',
+    '--sn-hue-data': '280',
+
+
+    '--sn-sat': '30%',
+    '--sn-sat-vivid': '100%',
+    '--sn-sat-muted': '15%',
+
+
+    '--sn-lit-bg': '4%',
+    '--sn-lit-surface': '8%',
+    '--sn-lit-border': '22%',
+    '--sn-lit-hover': '14%',
+    '--sn-lit-text': '90%',
+    '--sn-lit-text-dim': '55%',
+    '--sn-lit-accent': '60%',
+
+
+    '--sn-alpha-overlay': '0.94',
+    '--sn-alpha-subtle': '0.2',
+    '--sn-alpha-faint': '0.06',
+
+
+    '--sn-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-success-color': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), var(--sn-lit-accent))',
+    '--sn-warning-color': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), var(--sn-lit-accent))',
+
+
+    '--sn-bg': 'hsl(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-bg))',
+    '--sn-grid-dot': 'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), 50%, 0.12)',
+    '--sn-grid-size': '22px',
+
+
+    '--sn-node-bg': 'hsla(var(--sn-hue-base), var(--sn-sat), var(--sn-lit-surface), 0.9)',
+    '--sn-node-border': 'hsl(var(--sn-hue-accent), 60%, 30%)',
+    '--sn-node-radius': '8px',
+    '--sn-node-shadow':
+      '0 0 12px hsla(var(--sn-hue-accent), var(--sn-sat-vivid), 50%, 0.15), 0 4px 16px rgba(0, 0, 0, 0.5)',
+    '--sn-shadow-color': 'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), 50%, 0.15)',
+    '--sn-node-selected': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), 55%)',
+    '--sn-node-hover': 'hsl(var(--sn-hue-base), 25%, var(--sn-lit-hover))',
+    '--sn-node-header-bg': 'hsla(var(--sn-hue-accent), 40%, 10%, 0.6)',
+
+
+    '--sn-font': "'JetBrains Mono', 'Fira Code', monospace",
+    '--sn-text': 'hsl(var(--sn-hue-accent), 20%, var(--sn-lit-text))',
+    '--sn-text-dim': 'hsl(var(--sn-hue-accent), 15%, var(--sn-lit-text-dim))',
+
+
+    '--sn-socket-size': '12px',
+    '--sn-socket-border-width': '2px',
+
+
+    '--sn-conn-color': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), 55%)',
+    '--sn-conn-width': '2',
+    '--sn-conn-selected': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), 60%)',
+
+
+    '--sn-cat-server': 'hsl(var(--sn-hue-accent), var(--sn-sat-vivid), 55%)',
+    '--sn-cat-instance': 'hsl(var(--sn-hue-success), var(--sn-sat-vivid), 55%)',
+    '--sn-cat-control': 'hsl(var(--sn-hue-warning), var(--sn-sat-vivid), 55%)',
+    '--sn-cat-data': 'hsl(var(--sn-hue-data), var(--sn-sat-vivid), 65%)',
+    '--sn-cat-default': 'hsl(var(--sn-hue-accent), 30%, 45%)',
+    '--sn-subgraph-accent': 'var(--sn-cat-data)',
+
+
+    '--sn-ctx-bg': 'hsla(var(--sn-hue-base), var(--sn-sat), 6%, 0.96)',
+    '--sn-ctx-border': 'hsl(var(--sn-hue-accent), 50%, 25%)',
+    '--sn-ctx-color': 'hsl(var(--sn-hue-accent), 20%, var(--sn-lit-text))',
+    '--sn-ctx-hover': 'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), 50%, 0.15)',
+
+
+    '--sn-comment-bg': 'hsla(var(--sn-hue-accent), 80%, 50%, 0.04)',
+    '--sn-comment-border': 'hsla(var(--sn-hue-accent), 80%, 50%, 0.12)',
+    '--sn-comment-radius': '6px',
+
+
+    '--sn-toolbar-bg': 'hsla(var(--sn-hue-base), var(--sn-sat), 6%, var(--sn-alpha-overlay))',
+    '--sn-toolbar-border': 'hsla(var(--sn-hue-accent), 80%, 50%, 0.25)',
+    '--sn-toolbar-color': 'hsl(var(--sn-hue-accent), 25%, 60%)',
+    '--sn-toolbar-hover': 'hsla(var(--sn-hue-accent), var(--sn-sat-vivid), 50%, 0.18)',
+    '--sn-toolbar-active': 'hsl(var(--sn-hue-accent), 40%, var(--sn-lit-text))',
+    '--sn-toolbar-danger':
+      'hsla(var(--sn-hue-danger), var(--sn-sat-vivid), var(--sn-lit-accent), 0.2)',
+    '--sn-toolbar-danger-color': 'hsl(var(--sn-hue-danger), var(--sn-sat-vivid), 60%)',
+
+
+    '--sn-shape-fill': 'var(--sn-node-bg)',
+    '--sn-shape-stroke': 'hsl(var(--sn-hue-accent), 60%, 35%)',
+    '--sn-shape-stroke-width': '0.5',
+  },
+};
+
+/** @type {import('./Palette.js').PaletteDefinition} */
+export let NEON_PALETTE = {
+  name: 'neon',
+  colors: {
+    '--sn-hue-base': '230',
+    '--sn-hue-accent': '185',
+    '--sn-hue-success': '150',
+    '--sn-hue-warning': '50',
+    '--sn-hue-danger': '355',
+    '--sn-hue-data': '280',
+    '--sn-sat': '30%',
+    '--sn-sat-vivid': '100%',
+    '--sn-sat-muted': '15%',
+    '--sn-lit-bg': '4%',
+    '--sn-lit-surface': '8%',
+    '--sn-lit-border': '22%',
+    '--sn-lit-hover': '14%',
+    '--sn-lit-text': '90%',
+    '--sn-lit-text-dim': '55%',
+    '--sn-lit-accent': '60%',
+    '--sn-alpha-overlay': '0.94',
+    '--sn-alpha-subtle': '0.2',
+    '--sn-alpha-faint': '0.06',
+  },
+};