feat(dashboard): add 8 new node type colors to all theme presets

Add colors for config, document, service, table, endpoint, pipeline,
schema, and resource node types to all 5 theme presets (dark-gold,
dark-ocean, dark-forest, dark-rose, light-minimal) and register the
CSS variables in the Tailwind v4 @theme block.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Lum1104
2026-03-28 18:45:08 +08:00
co-authored by Claude Opus 4.6
parent db572231f8
commit 10173b19c5
2 changed files with 48 additions and 0 deletions
@@ -27,6 +27,14 @@
--color-node-class: #8b6fb0;
--color-node-module: #c9a06c;
--color-node-concept: #b07a8a;
--color-node-config: #5eead4;
--color-node-document: #7dd3fc;
--color-node-service: #a78bfa;
--color-node-table: #6ee7b7;
--color-node-endpoint: #fdba74;
--color-node-pipeline: #fda4af;
--color-node-schema: #fcd34d;
--color-node-resource: #a5b4fc;
/* Diff */
--color-diff-changed: #e05252;
@@ -42,6 +42,14 @@ export const PRESETS: ThemePreset[] = [
"node-class": "#8b6fb0",
"node-module": "#c9a06c",
"node-concept": "#b07a8a",
"node-config": "#5eead4",
"node-document": "#7dd3fc",
"node-service": "#a78bfa",
"node-table": "#6ee7b7",
"node-endpoint": "#fdba74",
"node-pipeline": "#fda4af",
"node-schema": "#fcd34d",
"node-resource": "#a5b4fc",
},
},
{
@@ -63,6 +71,14 @@ export const PRESETS: ThemePreset[] = [
"node-class": "#8b6fb0",
"node-module": "#c9a06c",
"node-concept": "#b07a8a",
"node-config": "#5eead4",
"node-document": "#7dd3fc",
"node-service": "#a78bfa",
"node-table": "#6ee7b7",
"node-endpoint": "#fdba74",
"node-pipeline": "#fda4af",
"node-schema": "#fcd34d",
"node-resource": "#a5b4fc",
},
},
{
@@ -84,6 +100,14 @@ export const PRESETS: ThemePreset[] = [
"node-class": "#8b6fb0",
"node-module": "#c9a06c",
"node-concept": "#b07a8a",
"node-config": "#5eead4",
"node-document": "#7dd3fc",
"node-service": "#a78bfa",
"node-table": "#6ee7b7",
"node-endpoint": "#fdba74",
"node-pipeline": "#fda4af",
"node-schema": "#fcd34d",
"node-resource": "#a5b4fc",
},
},
{
@@ -105,6 +129,14 @@ export const PRESETS: ThemePreset[] = [
"node-class": "#8b6fb0",
"node-module": "#c9a06c",
"node-concept": "#b07a8a",
"node-config": "#5eead4",
"node-document": "#7dd3fc",
"node-service": "#a78bfa",
"node-table": "#6ee7b7",
"node-endpoint": "#fdba74",
"node-pipeline": "#fda4af",
"node-schema": "#fcd34d",
"node-resource": "#a5b4fc",
},
},
{
@@ -126,6 +158,14 @@ export const PRESETS: ThemePreset[] = [
"node-class": "#755d99",
"node-module": "#a88a56",
"node-concept": "#966674",
"node-config": "#14b8a6",
"node-document": "#38bdf8",
"node-service": "#8b5cf6",
"node-table": "#34d399",
"node-endpoint": "#fb923c",
"node-pipeline": "#fb7185",
"node-schema": "#facc15",
"node-resource": "#818cf8",
},
},
];