hansjone/mind-map
1
0
Fork 0
mirror of https://github.com/hansjone/mind-map.git synced 2026-10-14 04:23:20 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial commit: DSH mind-map canvas monorepo

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-12 08:53:37 +08:00
commit 2ecd300ada
92 changed files with 20486 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

133
packages/dream-skin/src/index.ts Normal file
View file

@ -0,0 +1,133 @@
import skinsJson from "./skins.json" with { type: "json" };
export type DreamSkin = {
id: string;
colorScheme: "light" | "dark";
name: string;
nameZh: string;
tokens: Record<string, string>;
};
export const SKINS = skinsJson as DreamSkin[];
export const DEFAULT_SKIN_ID = "abyss";
export function getSkin(id: string): DreamSkin {
return SKINS.find((s) => s.id === id) ?? SKINS[0]!;
}
export function listSkins(): DreamSkin[] {
return SKINS;
}
/** Apply CSS variables onto an element (usually document.documentElement). */
export function applySkinToElement(
el: {
style: { setProperty(k: string, v: string): void };
dataset: { theme?: string; colorScheme?: string };
},
skinId: string,
): DreamSkin {
const skin = getSkin(skinId);
el.dataset.theme = skin.id;
el.dataset.colorScheme = skin.colorScheme;
for (const [key, value] of Object.entries(skin.tokens)) {
el.style.setProperty(key, value);
}
return skin;
}
export type ThemeSnapshot = {
skinId: string;
colorScheme: "light" | "dark";
bgBase: string;
bgLayer1: string;
labelPrimary: string;
labelSecondary: string;
brand: string;
border: string;
bubble: string;
warn: string;
error: string;
};
export function toThemeSnapshot(skinId: string): ThemeSnapshot {
const skin = getSkin(skinId);
const t = skin.tokens;
return {
skinId: skin.id,
colorScheme: skin.colorScheme,
bgBase: t["--dsw-alias-bg-base"] ?? "#101014",
bgLayer1: t["--dsw-alias-bg-layer-1"] ?? "#1b1e28",
labelPrimary: t["--dsw-alias-label-primary"] ?? "#f4f5f7",
labelSecondary: t["--dsw-alias-label-secondary"] ?? "#a5adb8",
brand: t["--dsw-alias-brand-primary"] ?? "#5e6ad2",
border: t["--dsw-alias-border-l1"] ?? "rgba(255,255,255,0.08)",
bubble: t["--dsw-specific-bubble"] ?? "rgba(37,42,58,0.9)",
warn: t["--dsw-alias-state-warn-primary"] ?? "#f59e5b",
error: t["--dsw-alias-state-error-primary"] ?? "#ef4444",
};
}
/** Generate restrained branch hues from brand color. */
export function branchPalette(brandHex: string, count = 8): string[] {
const rgb = hexToRgb(brandHex) ?? { r: 94, g: 106, b: 210 };
const { h, s, l } = rgbToHsl(rgb.r, rgb.g, rgb.b);
const out: string[] = [];
for (let i = 0; i < count; i++) {
const nh = (h + i * (360 / count)) % 360;
out.push(hslToHex(nh, Math.min(0.55, s * 0.85), Math.min(0.62, Math.max(0.42, l))));
}
return out;
}
function hexToRgb(hex: string): { r: number; g: number; b: number } | null {
const m = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
if (!m) return null;
const n = parseInt(m[1]!, 16);
return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };
}
function rgbToHsl(r: number, g: number, b: number) {
r /= 255;
g /= 255;
b /= 255;
const max = Math.max(r, g, b);
const min = Math.min(r, g, b);
let h = 0;
const l = (max + min) / 2;
const d = max - min;
const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
if (d !== 0) {
switch (max) {
case r:
h = ((g - b) / d + (g < b ? 6 : 0)) * 60;
break;
case g:
h = ((b - r) / d + 2) * 60;
break;
default:
h = ((r - g) / d + 4) * 60;
}
}
return { h, s, l };
}
function hslToHex(h: number, s: number, l: number): string {
const c = (1 - Math.abs(2 * l - 1)) * s;
const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
const m = l - c / 2;
let r = 0,
g = 0,
b = 0;
if (h < 60) [r, g, b] = [c, x, 0];
else if (h < 120) [r, g, b] = [x, c, 0];
else if (h < 180) [r, g, b] = [0, c, x];
else if (h < 240) [r, g, b] = [0, x, c];
else if (h < 300) [r, g, b] = [x, 0, c];
else [r, g, b] = [c, 0, x];
const to = (v: number) =>
Math.round((v + m) * 255)
.toString(16)
.padStart(2, "0");
return `#${to(r)}${to(g)}${to(b)}`;
}

330
packages/dream-skin/src/skins.json Normal file
View file

@ -0,0 +1,330 @@
[
{
"id": "abyss",
"colorScheme": "dark",
"name": "Abyss",
"nameZh": "深渊",
"tokens": {
"--dsw-alias-bg-base": "#101014",
"--dsw-alias-bg-layer-1": "#1b1e28",
"--dsw-alias-bg-layer-2": "rgba(26, 30, 42, 0.85)",
"--dsw-alias-bg-layer-3": "#1a1d27",
"--dsw-alias-bg-module-platform": "#151821",
"--dsw-alias-bg-overlay": "rgba(24, 24, 30, 0.86)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.08)",
"--dsw-specific-tip": "rgba(30, 33, 46, 0.9)",
"--dsw-alias-border-l1": "rgba(255, 255, 255, 0.07)",
"--dsw-alias-border-l2": "rgba(255, 255, 255, 0.13)",
"--dsw-alias-label-primary": "#f4f5f7",
"--dsw-alias-label-secondary": "#a5adb8",
"--dsw-alias-label-tertiary": "#7b838f",
"--dsw-alias-brand-primary": "#5e6ad2",
"--dsw-specific-bubble": "rgba(37, 42, 58, 0.9)",
"--dsw-specific-bubble-highlight": "rgba(94, 106, 210, 0.16)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.10)",
"--dsw-alias-brand-text": "#ffffff",
"--dsw-alias-button-primary-hover": "#6f7be0",
"--dsw-alias-button-primary-dimmed": "rgba(94, 106, 210, 0.16)",
"--dsw-alias-state-business-primary": "#5e6ad2",
"--dsw-alias-state-business-tertiary": "rgba(94, 106, 210, 0.16)",
"--dsw-alias-interactive-bg-hover": "rgba(94, 106, 210, 0.16)",
"--dsw-alias-interactive-bg-active": "rgba(94, 106, 210, 0.26)",
"--dsw-alias-markdown-code-block": "rgba(0, 0, 0, 0.35)",
"--dsw-alias-markdown-inline-code": "rgba(255, 255, 255, 0.09)",
"--dsw-specific-sidebar-fill": "rgba(16, 16, 20, 0.92)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.09)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.05)",
"--dsw-alias-scrollbar-bg-l1": "rgba(255, 255, 255, 0.09)",
"--dsw-alias-scrollbar-bg-l2": "rgba(255, 255, 255, 0.14)",
"--dsw-alias-scrollbar-hover-l1": "rgba(255, 255, 255, 0.2)",
"--dsw-alias-scrollbar-hover-l2": "rgba(255, 255, 255, 0.2)"
}
},
{
"id": "aurora",
"colorScheme": "dark",
"name": "Aurora",
"nameZh": "极光",
"tokens": {
"--dsw-alias-bg-base": "#0e1316",
"--dsw-alias-bg-layer-1": "#162128",
"--dsw-alias-bg-layer-2": "rgba(22, 32, 34, 0.85)",
"--dsw-alias-bg-layer-3": "#182128",
"--dsw-alias-bg-module-platform": "#131c20",
"--dsw-alias-bg-overlay": "rgba(18, 24, 27, 0.86)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.08)",
"--dsw-specific-tip": "rgba(24, 35, 36, 0.9)",
"--dsw-alias-border-l1": "rgba(110, 231, 183, 0.10)",
"--dsw-alias-border-l2": "rgba(110, 231, 183, 0.18)",
"--dsw-alias-label-primary": "#eefaf4",
"--dsw-alias-label-secondary": "#9fc9b8",
"--dsw-alias-label-tertiary": "#74a494",
"--dsw-alias-brand-primary": "#2dd4bf",
"--dsw-specific-bubble": "rgba(30, 42, 44, 0.9)",
"--dsw-specific-bubble-highlight": "rgba(45, 212, 191, 0.14)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.10)",
"--dsw-alias-brand-text": "#03211b",
"--dsw-alias-button-primary-hover": "#45e0cd",
"--dsw-alias-button-primary-dimmed": "rgba(45, 212, 191, 0.14)",
"--dsw-alias-state-business-primary": "#2dd4bf",
"--dsw-alias-state-business-tertiary": "rgba(45, 212, 191, 0.14)",
"--dsw-alias-interactive-bg-hover": "rgba(45, 212, 191, 0.14)",
"--dsw-alias-interactive-bg-active": "rgba(45, 212, 191, 0.22)",
"--dsw-alias-markdown-code-block": "rgba(0, 0, 0, 0.32)",
"--dsw-alias-markdown-inline-code": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-fill": "rgba(14, 19, 22, 0.92)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.045)",
"--dsw-alias-scrollbar-bg-l1": "rgba(255, 255, 255, 0.085)",
"--dsw-alias-scrollbar-bg-l2": "rgba(255, 255, 255, 0.13)",
"--dsw-alias-scrollbar-hover-l1": "rgba(255, 255, 255, 0.2)",
"--dsw-alias-scrollbar-hover-l2": "rgba(255, 255, 255, 0.2)"
}
},
{
"id": "nebula",
"colorScheme": "dark",
"name": "Nebula",
"nameZh": "星云",
"tokens": {
"--dsw-alias-bg-base": "#12101a",
"--dsw-alias-bg-layer-1": "#1c1a2a",
"--dsw-alias-bg-layer-2": "rgba(30, 27, 44, 0.85)",
"--dsw-alias-bg-layer-3": "#1c1a28",
"--dsw-alias-bg-module-platform": "#171523",
"--dsw-alias-bg-overlay": "rgba(22, 20, 30, 0.86)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.08)",
"--dsw-specific-tip": "rgba(32, 28, 46, 0.9)",
"--dsw-alias-border-l1": "rgba(196, 181, 253, 0.10)",
"--dsw-alias-border-l2": "rgba(196, 181, 253, 0.18)",
"--dsw-alias-label-primary": "#f3f0fb",
"--dsw-alias-label-secondary": "#b6a8d9",
"--dsw-alias-label-tertiary": "#8a7cb0",
"--dsw-alias-brand-primary": "#8b7cf6",
"--dsw-specific-bubble": "rgba(40, 36, 56, 0.9)",
"--dsw-specific-bubble-highlight": "rgba(139, 124, 246, 0.14)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.10)",
"--dsw-alias-brand-text": "#0d0a1c",
"--dsw-alias-button-primary-hover": "#9d90f8",
"--dsw-alias-button-primary-dimmed": "rgba(139, 124, 246, 0.14)",
"--dsw-alias-state-business-primary": "#8b7cf6",
"--dsw-alias-state-business-tertiary": "rgba(139, 124, 246, 0.14)",
"--dsw-alias-interactive-bg-hover": "rgba(139, 124, 246, 0.14)",
"--dsw-alias-interactive-bg-active": "rgba(139, 124, 246, 0.22)",
"--dsw-alias-markdown-code-block": "rgba(0, 0, 0, 0.32)",
"--dsw-alias-markdown-inline-code": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-fill": "rgba(18, 16, 26, 0.92)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.045)",
"--dsw-alias-scrollbar-bg-l1": "rgba(255, 255, 255, 0.085)",
"--dsw-alias-scrollbar-bg-l2": "rgba(255, 255, 255, 0.13)",
"--dsw-alias-scrollbar-hover-l1": "rgba(255, 255, 255, 0.2)",
"--dsw-alias-scrollbar-hover-l2": "rgba(255, 255, 255, 0.2)"
}
},
{
"id": "ember",
"colorScheme": "dark",
"name": "Ember",
"nameZh": "余烬",
"tokens": {
"--dsw-alias-bg-base": "#16110d",
"--dsw-alias-bg-layer-1": "#211a15",
"--dsw-alias-bg-layer-2": "rgba(36, 28, 20, 0.85)",
"--dsw-alias-bg-layer-3": "#231b15",
"--dsw-alias-bg-module-platform": "#1b1712",
"--dsw-alias-bg-overlay": "rgba(28, 20, 15, 0.86)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.08)",
"--dsw-specific-tip": "rgba(38, 28, 20, 0.9)",
"--dsw-alias-border-l1": "rgba(253, 186, 116, 0.10)",
"--dsw-alias-border-l2": "rgba(253, 186, 116, 0.18)",
"--dsw-alias-label-primary": "#fdf0e6",
"--dsw-alias-label-secondary": "#d0a98a",
"--dsw-alias-label-tertiary": "#a48266",
"--dsw-alias-brand-primary": "#f59e5b",
"--dsw-specific-bubble": "rgba(48, 38, 28, 0.9)",
"--dsw-specific-bubble-highlight": "rgba(245, 158, 91, 0.14)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.10)",
"--dsw-alias-brand-text": "#1f0f06",
"--dsw-alias-button-primary-hover": "#f8b06f",
"--dsw-alias-button-primary-dimmed": "rgba(245, 158, 91, 0.14)",
"--dsw-alias-state-business-primary": "#f59e5b",
"--dsw-alias-state-business-tertiary": "rgba(245, 158, 91, 0.14)",
"--dsw-alias-interactive-bg-hover": "rgba(245, 158, 91, 0.14)",
"--dsw-alias-interactive-bg-active": "rgba(245, 158, 91, 0.22)",
"--dsw-alias-markdown-code-block": "rgba(0, 0, 0, 0.32)",
"--dsw-alias-markdown-inline-code": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-fill": "rgba(22, 17, 13, 0.92)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.045)",
"--dsw-alias-scrollbar-bg-l1": "rgba(255, 255, 255, 0.085)",
"--dsw-alias-scrollbar-bg-l2": "rgba(255, 255, 255, 0.13)",
"--dsw-alias-scrollbar-hover-l1": "rgba(255, 255, 255, 0.2)",
"--dsw-alias-scrollbar-hover-l2": "rgba(255, 255, 255, 0.2)"
}
},
{
"id": "midnight",
"colorScheme": "dark",
"name": "Midnight",
"nameZh": "午夜",
"tokens": {
"--dsw-alias-bg-base": "#0b0b0e",
"--dsw-alias-bg-layer-1": "#17171f",
"--dsw-alias-bg-layer-2": "rgba(22, 22, 28, 0.85)",
"--dsw-alias-bg-layer-3": "#181820",
"--dsw-alias-bg-module-platform": "#11111a",
"--dsw-alias-bg-overlay": "rgba(20, 20, 25, 0.86)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.08)",
"--dsw-specific-tip": "rgba(26, 26, 32, 0.9)",
"--dsw-alias-border-l1": "rgba(255, 255, 255, 0.06)",
"--dsw-alias-border-l2": "rgba(255, 255, 255, 0.12)",
"--dsw-alias-label-primary": "#f2f2f6",
"--dsw-alias-label-secondary": "#a4a4b2",
"--dsw-alias-label-tertiary": "#787884",
"--dsw-alias-brand-primary": "#7c8cff",
"--dsw-specific-bubble": "rgba(30, 30, 38, 0.9)",
"--dsw-specific-bubble-highlight": "rgba(124, 140, 255, 0.14)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.10)",
"--dsw-alias-brand-text": "#05050f",
"--dsw-alias-button-primary-hover": "#93a1ff",
"--dsw-alias-button-primary-dimmed": "rgba(124, 140, 255, 0.14)",
"--dsw-alias-state-business-primary": "#7c8cff",
"--dsw-alias-state-business-tertiary": "rgba(124, 140, 255, 0.14)",
"--dsw-alias-interactive-bg-hover": "rgba(124, 140, 255, 0.12)",
"--dsw-alias-interactive-bg-active": "rgba(124, 140, 255, 0.20)",
"--dsw-alias-markdown-code-block": "rgba(0, 0, 0, 0.4)",
"--dsw-alias-markdown-inline-code": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-fill": "rgba(11, 11, 14, 0.92)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.085)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.045)",
"--dsw-alias-scrollbar-bg-l1": "rgba(255, 255, 255, 0.085)",
"--dsw-alias-scrollbar-bg-l2": "rgba(255, 255, 255, 0.13)",
"--dsw-alias-scrollbar-hover-l1": "rgba(255, 255, 255, 0.2)",
"--dsw-alias-scrollbar-hover-l2": "rgba(255, 255, 255, 0.2)"
}
},
{
"id": "ivory",
"colorScheme": "light",
"name": "Ivory",
"nameZh": "象牙",
"tokens": {
"--dsw-alias-bg-base": "#f4f4f6",
"--dsw-alias-bg-layer-1": "#ffffff",
"--dsw-alias-bg-layer-2": "#ffffff",
"--dsw-alias-bg-layer-3": "#fafafc",
"--dsw-alias-bg-module-platform": "#ededf0",
"--dsw-alias-bg-overlay": "#ffffff",
"--dsw-specific-input-major": "#ffffff",
"--dsw-specific-tip": "#ffffff",
"--dsw-alias-border-l1": "rgba(0, 0, 0, 0.08)",
"--dsw-alias-border-l2": "rgba(0, 0, 0, 0.14)",
"--dsw-alias-label-primary": "#1c1c1e",
"--dsw-alias-label-secondary": "#6e6e73",
"--dsw-alias-label-tertiary": "#86868b",
"--dsw-alias-brand-primary": "#0071e3",
"--dsw-specific-bubble": "#ffffff",
"--dsw-specific-bubble-highlight": "rgba(0, 113, 227, 0.08)",
"--dsw-specific-selector": "rgba(0, 0, 0, 0.04)",
"--dsw-alias-brand-text": "#ffffff",
"--dsw-alias-button-primary-hover": "#3395ff",
"--dsw-alias-button-primary-dimmed": "rgba(0, 113, 227, 0.12)",
"--dsw-alias-state-business-primary": "#0071e3",
"--dsw-alias-state-business-tertiary": "rgba(0, 113, 227, 0.12)",
"--dsw-alias-interactive-bg-hover": "rgba(0, 113, 227, 0.10)",
"--dsw-alias-interactive-bg-active": "rgba(0, 113, 227, 0.16)",
"--dsw-alias-markdown-code-block": "#f2f2f4",
"--dsw-alias-markdown-inline-code": "rgba(0, 113, 227, 0.10)",
"--dsw-specific-sidebar-fill": "#f4f4f6",
"--dsw-specific-sidebar-nav-item-active": "#e4e4e8",
"--dsw-specific-sidebar-nav-item-hover": "rgba(0, 0, 0, 0.04)",
"--dsw-alias-scrollbar-bg-l1": "#d1d1d6",
"--dsw-alias-scrollbar-bg-l2": "#c0c0c6",
"--dsw-alias-scrollbar-hover-l1": "#a6a6ad",
"--dsw-alias-scrollbar-hover-l2": "#a6a6ad"
}
},
{
"id": "mist",
"colorScheme": "light",
"name": "Mist",
"nameZh": "晨雾",
"tokens": {
"--dsw-alias-bg-base": "#e9eef6",
"--dsw-alias-bg-layer-1": "rgba(255, 255, 255, 0.5)",
"--dsw-alias-bg-layer-2": "rgba(255, 255, 255, 0.6)",
"--dsw-alias-bg-layer-3": "rgba(255, 255, 255, 0.68)",
"--dsw-alias-bg-module-platform": "rgba(243, 247, 252, 0.9)",
"--dsw-alias-bg-overlay": "rgba(255, 255, 255, 0.55)",
"--dsw-specific-input-major": "rgba(255, 255, 255, 0.45)",
"--dsw-specific-tip": "rgba(255, 255, 255, 0.5)",
"--dsw-alias-border-l1": "rgba(30, 41, 59, 0.10)",
"--dsw-alias-border-l2": "rgba(30, 41, 59, 0.16)",
"--dsw-alias-label-primary": "#0f1b33",
"--dsw-alias-label-secondary": "#3d5270",
"--dsw-alias-label-tertiary": "#6b80a0",
"--dsw-alias-brand-primary": "#2196f3",
"--dsw-specific-bubble": "rgba(255, 255, 255, 0.7)",
"--dsw-specific-bubble-highlight": "rgba(33, 150, 243, 0.12)",
"--dsw-specific-selector": "rgba(255, 255, 255, 0.5)",
"--dsw-alias-brand-text": "#ffffff",
"--dsw-alias-button-primary-hover": "#42a5f5",
"--dsw-alias-button-primary-dimmed": "rgba(33, 150, 243, 0.14)",
"--dsw-alias-state-business-primary": "#2196f3",
"--dsw-alias-state-business-tertiary": "rgba(33, 150, 243, 0.14)",
"--dsw-alias-interactive-bg-hover": "rgba(33, 150, 243, 0.12)",
"--dsw-alias-interactive-bg-active": "rgba(33, 150, 243, 0.20)",
"--dsw-alias-markdown-code-block": "rgba(255, 255, 255, 0.6)",
"--dsw-alias-markdown-inline-code": "rgba(33, 150, 243, 0.12)",
"--dsw-specific-sidebar-fill": "rgba(255, 255, 255, 0.5)",
"--dsw-specific-sidebar-nav-item-active": "rgba(255, 255, 255, 0.72)",
"--dsw-specific-sidebar-nav-item-hover": "rgba(255, 255, 255, 0.35)",
"--dsw-alias-scrollbar-bg-l1": "rgba(30, 41, 59, 0.18)",
"--dsw-alias-scrollbar-bg-l2": "rgba(30, 41, 59, 0.24)",
"--dsw-alias-scrollbar-hover-l1": "rgba(30, 41, 59, 0.34)",
"--dsw-alias-scrollbar-hover-l2": "rgba(30, 41, 59, 0.34)"
}
},
{
"id": "rose",
"colorScheme": "light",
"name": "Rose",
"nameZh": "玫瑰",
"tokens": {
"--dsw-alias-bg-base": "#f7f0f3",
"--dsw-alias-bg-layer-1": "#ffffff",
"--dsw-alias-bg-layer-2": "#fffdfd",
"--dsw-alias-bg-layer-3": "#fdeef3",
"--dsw-alias-bg-module-platform": "#f6e9ef",
"--dsw-alias-bg-overlay": "#ffffff",
"--dsw-specific-input-major": "#ffffff",
"--dsw-specific-tip": "#fff7fa",
"--dsw-alias-border-l1": "rgba(154, 55, 118, 0.12)",
"--dsw-alias-border-l2": "rgba(154, 55, 118, 0.20)",
"--dsw-alias-label-primary": "#3a1424",
"--dsw-alias-label-secondary": "#8a4a63",
"--dsw-alias-label-tertiary": "#a86b82",
"--dsw-alias-brand-primary": "#e91e63",
"--dsw-specific-bubble": "#ffffff",
"--dsw-specific-bubble-highlight": "rgba(233, 30, 99, 0.10)",
"--dsw-specific-selector": "rgba(233, 30, 99, 0.06)",
"--dsw-alias-brand-text": "#ffffff",
"--dsw-alias-button-primary-hover": "#f06292",
"--dsw-alias-button-primary-dimmed": "rgba(233, 30, 99, 0.12)",
"--dsw-alias-state-business-primary": "#e91e63",
"--dsw-alias-state-business-tertiary": "rgba(233, 30, 99, 0.12)",
"--dsw-alias-interactive-bg-hover": "rgba(233, 30, 99, 0.10)",
"--dsw-alias-interactive-bg-active": "rgba(233, 30, 99, 0.18)",
"--dsw-alias-markdown-code-block": "#fdeef3",
"--dsw-alias-markdown-inline-code": "rgba(233, 30, 99, 0.10)",
"--dsw-specific-sidebar-fill": "#f6e9ef",
"--dsw-specific-sidebar-nav-item-active": "#f5d4e2",
"--dsw-specific-sidebar-nav-item-hover": "rgba(233, 30, 99, 0.06)",
"--dsw-alias-scrollbar-bg-l1": "#e5c7d4",
"--dsw-alias-scrollbar-bg-l2": "#d9b3c4",
"--dsw-alias-scrollbar-hover-l1": "#c392ab",
"--dsw-alias-scrollbar-hover-l2": "#c392ab"
}
}
]