@mseep/anything-analyzer 3.6.50

package/src/renderer/styles/themes/ayu-dark.css

@@ -0,0 +1,59 @@
+/* Theme: Ayu Dark 深邃橙 (L) */
+[data-theme="ayu-dark"] {
+  --color-base: #0b0e14;
+  --color-frame: #0a0d12;
+  --color-bar: #0f1219;
+  --color-content: #0b0e14;
+  --color-sidebar: #0d1017;
+  --color-surface: #131721;
+  --color-elevated: #1c2030;
+
+  --color-border: #1c2030;
+  --color-border-subtle: #232838;
+  --color-border-hover: #2d3440;
+
+  --color-hover: rgba(191, 189, 182, 0.04);
+  --color-active: #1c2030;
+  --color-selected: rgba(230, 180, 80, 0.06);
+  --color-focus-ring: rgba(230, 180, 80, 0.4);
+
+  --text-primary: #bfbdb6;
+  --text-secondary: #acb6bf;
+  --text-muted: #565b66;
+  --text-label: #454950;
+  --text-disabled: #2d3440;
+
+  --color-accent: #e6b450;
+  --color-accent-bg: rgba(230, 180, 80, 0.08);
+  --color-accent-border: rgba(230, 180, 80, 0.15);
+
+  --color-success: #7fd962;
+  --color-success-bg: rgba(127, 217, 98, 0.08);
+  --color-success-border: rgba(127, 217, 98, 0.15);
+
+  --color-info: #73b8ff;
+  --color-info-bg: rgba(115, 184, 255, 0.08);
+  --color-info-border: rgba(115, 184, 255, 0.15);
+
+  --color-warning: #ffb454;
+  --color-warning-bg: rgba(255, 180, 84, 0.08);
+  --color-warning-border: rgba(255, 180, 84, 0.15);
+
+  --color-error: #d95757;
+  --color-error-bg: rgba(217, 87, 87, 0.08);
+  --color-error-border: rgba(217, 87, 87, 0.15);
+
+  --color-primary: #e6b450;
+  --color-primary-hover: #d9a840;
+  --color-primary-text: #0b0e14;
+
+  --color-purple: #d2a6ff;
+  --color-purple-bg: rgba(210, 166, 255, 0.1);
+  --color-orange: #ffb454;
+  --color-orange-bg: rgba(255, 180, 84, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.7);
+}

package/src/renderer/styles/themes/catppuccin.css

@@ -0,0 +1,59 @@
+/* Theme: Catppuccin Mocha 奶茶色 (F) */
+[data-theme="catppuccin"] {
+  --color-base: #1e1e2e;
+  --color-frame: #181825;
+  --color-bar: #181825;
+  --color-content: #1e1e2e;
+  --color-sidebar: #181825;
+  --color-surface: #313244;
+  --color-elevated: #45475a;
+
+  --color-border: #313244;
+  --color-border-subtle: #45475a;
+  --color-border-hover: #585b70;
+
+  --color-hover: rgba(205, 214, 244, 0.04);
+  --color-active: #313244;
+  --color-selected: rgba(137, 180, 250, 0.08);
+  --color-focus-ring: rgba(137, 180, 250, 0.4);
+
+  --text-primary: #cdd6f4;
+  --text-secondary: #bac2de;
+  --text-muted: #a6adc8;
+  --text-label: #6c7086;
+  --text-disabled: #585b70;
+
+  --color-accent: #89b4fa;
+  --color-accent-bg: rgba(137, 180, 250, 0.1);
+  --color-accent-border: rgba(137, 180, 250, 0.2);
+
+  --color-success: #a6e3a1;
+  --color-success-bg: rgba(166, 227, 161, 0.08);
+  --color-success-border: rgba(166, 227, 161, 0.15);
+
+  --color-info: #89b4fa;
+  --color-info-bg: rgba(137, 180, 250, 0.08);
+  --color-info-border: rgba(137, 180, 250, 0.15);
+
+  --color-warning: #f9e2af;
+  --color-warning-bg: rgba(249, 226, 175, 0.08);
+  --color-warning-border: rgba(249, 226, 175, 0.15);
+
+  --color-error: #f38ba8;
+  --color-error-bg: rgba(243, 139, 168, 0.08);
+  --color-error-border: rgba(243, 139, 168, 0.15);
+
+  --color-primary: #cba6f7;
+  --color-primary-hover: #b491e0;
+  --color-primary-text: #1e1e2e;
+
+  --color-purple: #cba6f7;
+  --color-purple-bg: rgba(203, 166, 247, 0.1);
+  --color-orange: #fab387;
+  --color-orange-bg: rgba(250, 179, 135, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
+}

package/src/renderer/styles/themes/discord.css

@@ -0,0 +1,59 @@
+/* Theme: Discord 暖灰 (D) */
+[data-theme="discord"] {
+  --color-base: #313338;
+  --color-frame: #1e1f22;
+  --color-bar: #2b2d31;
+  --color-content: #313338;
+  --color-sidebar: #2b2d31;
+  --color-surface: #383a40;
+  --color-elevated: #404249;
+
+  --color-border: #1e1f22;
+  --color-border-subtle: #2b2d31;
+  --color-border-hover: #404249;
+
+  --color-hover: rgba(255, 255, 255, 0.04);
+  --color-active: #35373c;
+  --color-selected: rgba(255, 255, 255, 0.06);
+  --color-focus-ring: rgba(88, 101, 242, 0.4);
+
+  --text-primary: #f2f3f5;
+  --text-secondary: #b5bac1;
+  --text-muted: #949ba4;
+  --text-label: #80848e;
+  --text-disabled: #5c5e66;
+
+  --color-accent: #5865f2;
+  --color-accent-bg: rgba(88, 101, 242, 0.1);
+  --color-accent-border: rgba(88, 101, 242, 0.2);
+
+  --color-success: #57f287;
+  --color-success-bg: rgba(87, 242, 135, 0.08);
+  --color-success-border: rgba(87, 242, 135, 0.15);
+
+  --color-info: #5865f2;
+  --color-info-bg: rgba(88, 101, 242, 0.08);
+  --color-info-border: rgba(88, 101, 242, 0.15);
+
+  --color-warning: #fee75c;
+  --color-warning-bg: rgba(254, 231, 92, 0.08);
+  --color-warning-border: rgba(254, 231, 92, 0.15);
+
+  --color-error: #ed4245;
+  --color-error-bg: rgba(237, 66, 69, 0.08);
+  --color-error-border: rgba(237, 66, 69, 0.15);
+
+  --color-primary: #5865f2;
+  --color-primary-hover: #4752c4;
+  --color-primary-text: #ffffff;
+
+  --color-purple: #5865f2;
+  --color-purple-bg: rgba(88, 101, 242, 0.1);
+  --color-orange: #f97316;
+  --color-orange-bg: rgba(249, 115, 22, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
+}

package/src/renderer/styles/themes/dracula.css

@@ -0,0 +1,59 @@
+/* Theme: Dracula 黑紫 (H) */
+[data-theme="dracula"] {
+  --color-base: #282a36;
+  --color-frame: #191a21;
+  --color-bar: #21222c;
+  --color-content: #282a36;
+  --color-sidebar: #21222c;
+  --color-surface: #343746;
+  --color-elevated: #44475a;
+
+  --color-border: #44475a;
+  --color-border-subtle: #363949;
+  --color-border-hover: #6272a4;
+
+  --color-hover: rgba(248, 248, 242, 0.04);
+  --color-active: #44475a;
+  --color-selected: rgba(255, 121, 198, 0.08);
+  --color-focus-ring: rgba(189, 147, 249, 0.4);
+
+  --text-primary: #f8f8f2;
+  --text-secondary: #c0c0c0;
+  --text-muted: #6272a4;
+  --text-label: #565b7e;
+  --text-disabled: #44475a;
+
+  --color-accent: #bd93f9;
+  --color-accent-bg: rgba(189, 147, 249, 0.1);
+  --color-accent-border: rgba(189, 147, 249, 0.2);
+
+  --color-success: #50fa7b;
+  --color-success-bg: rgba(80, 250, 123, 0.08);
+  --color-success-border: rgba(80, 250, 123, 0.15);
+
+  --color-info: #8be9fd;
+  --color-info-bg: rgba(139, 233, 253, 0.08);
+  --color-info-border: rgba(139, 233, 253, 0.15);
+
+  --color-warning: #f1fa8c;
+  --color-warning-bg: rgba(241, 250, 140, 0.08);
+  --color-warning-border: rgba(241, 250, 140, 0.15);
+
+  --color-error: #ff5555;
+  --color-error-bg: rgba(255, 85, 85, 0.08);
+  --color-error-border: rgba(255, 85, 85, 0.15);
+
+  --color-primary: #ff79c6;
+  --color-primary-hover: #ff92d0;
+  --color-primary-text: #282a36;
+
+  --color-purple: #bd93f9;
+  --color-purple-bg: rgba(189, 147, 249, 0.1);
+  --color-orange: #ffb86c;
+  --color-orange-bg: rgba(255, 184, 108, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
+}

package/src/renderer/styles/themes/github-dark.css

@@ -0,0 +1,59 @@
+/* Theme: GitHub Dark 高对比 (E) */
+[data-theme="github-dark"] {
+  --color-base: #0d1117;
+  --color-frame: #010409;
+  --color-bar: #161b22;
+  --color-content: #0d1117;
+  --color-sidebar: #161b22;
+  --color-surface: #161b22;
+  --color-elevated: #21262d;
+
+  --color-border: #21262d;
+  --color-border-subtle: #30363d;
+  --color-border-hover: #484f58;
+
+  --color-hover: rgba(255, 255, 255, 0.04);
+  --color-active: #21262d;
+  --color-selected: rgba(56, 139, 253, 0.1);
+  --color-focus-ring: rgba(56, 139, 253, 0.4);
+
+  --text-primary: #f0f6fc;
+  --text-secondary: #c9d1d9;
+  --text-muted: #8b949e;
+  --text-label: #6e7681;
+  --text-disabled: #484f58;
+
+  --color-accent: #58a6ff;
+  --color-accent-bg: rgba(56, 139, 253, 0.1);
+  --color-accent-border: rgba(56, 139, 253, 0.2);
+
+  --color-success: #3fb950;
+  --color-success-bg: rgba(63, 185, 80, 0.08);
+  --color-success-border: rgba(63, 185, 80, 0.15);
+
+  --color-info: #58a6ff;
+  --color-info-bg: rgba(88, 166, 255, 0.08);
+  --color-info-border: rgba(88, 166, 255, 0.15);
+
+  --color-warning: #d29922;
+  --color-warning-bg: rgba(210, 153, 34, 0.08);
+  --color-warning-border: rgba(210, 153, 34, 0.15);
+
+  --color-error: #f85149;
+  --color-error-bg: rgba(248, 81, 73, 0.08);
+  --color-error-border: rgba(248, 81, 73, 0.15);
+
+  --color-primary: #238636;
+  --color-primary-hover: #2ea043;
+  --color-primary-text: #ffffff;
+
+  --color-purple: #bc8cff;
+  --color-purple-bg: rgba(188, 140, 255, 0.1);
+  --color-orange: #f0883e;
+  --color-orange-bg: rgba(240, 136, 62, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.7);
+}

package/src/renderer/styles/themes/gruvbox.css

@@ -0,0 +1,59 @@
+/* Theme: Gruvbox 复古暖调 (K) */
+[data-theme="gruvbox"] {
+  --color-base: #282828;
+  --color-frame: #1d2021;
+  --color-bar: #32302f;
+  --color-content: #282828;
+  --color-sidebar: #282828;
+  --color-surface: #3c3836;
+  --color-elevated: #504945;
+
+  --color-border: #3c3836;
+  --color-border-subtle: #504945;
+  --color-border-hover: #665c54;
+
+  --color-hover: rgba(235, 219, 178, 0.04);
+  --color-active: #504945;
+  --color-selected: rgba(254, 128, 25, 0.08);
+  --color-focus-ring: rgba(254, 128, 25, 0.4);
+
+  --text-primary: #fbf1c7;
+  --text-secondary: #d5c4a1;
+  --text-muted: #928374;
+  --text-label: #7c6f64;
+  --text-disabled: #504945;
+
+  --color-accent: #fe8019;
+  --color-accent-bg: rgba(254, 128, 25, 0.1);
+  --color-accent-border: rgba(254, 128, 25, 0.2);
+
+  --color-success: #b8bb26;
+  --color-success-bg: rgba(184, 187, 38, 0.08);
+  --color-success-border: rgba(184, 187, 38, 0.15);
+
+  --color-info: #83a598;
+  --color-info-bg: rgba(131, 165, 152, 0.08);
+  --color-info-border: rgba(131, 165, 152, 0.15);
+
+  --color-warning: #fabd2f;
+  --color-warning-bg: rgba(250, 189, 47, 0.08);
+  --color-warning-border: rgba(250, 189, 47, 0.15);
+
+  --color-error: #fb4934;
+  --color-error-bg: rgba(251, 73, 52, 0.08);
+  --color-error-border: rgba(251, 73, 52, 0.15);
+
+  --color-primary: #fe8019;
+  --color-primary-hover: #e57212;
+  --color-primary-text: #282828;
+
+  --color-purple: #d3869b;
+  --color-purple-bg: rgba(211, 134, 155, 0.1);
+  --color-orange: #fe8019;
+  --color-orange-bg: rgba(254, 128, 25, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
+}

package/src/renderer/styles/themes/index.css

@@ -0,0 +1,11 @@
+/* Theme index — import all theme overrides */
+@import './light.css';
+@import './discord.css';
+@import './github-dark.css';
+@import './catppuccin.css';
+@import './dracula.css';
+@import './nord.css';
+@import './tokyo-night.css';
+@import './gruvbox.css';
+@import './ayu-dark.css';
+@import './one-dark.css';

package/src/renderer/styles/themes/light.css

@@ -0,0 +1,59 @@
+/* Theme: Light — 亮色清爽 (G) — Tailwind Slate 色系 */
+[data-theme="light"] {
+  --color-base: #f8fafc;
+  --color-frame: #ffffff;
+  --color-bar: #ffffff;
+  --color-content: #ffffff;
+  --color-sidebar: #f8fafc;
+  --color-surface: #f1f5f9;
+  --color-elevated: #ffffff;
+
+  --color-border: #e2e8f0;
+  --color-border-subtle: #e2e8f0;
+  --color-border-hover: #cbd5e1;
+
+  --color-hover: rgba(0, 0, 0, 0.04);
+  --color-active: #f1f5f9;
+  --color-selected: rgba(59, 130, 246, 0.08);
+  --color-focus-ring: rgba(59, 130, 246, 0.4);
+
+  --text-primary: #0f172a;
+  --text-secondary: #334155;
+  --text-muted: #64748b;
+  --text-label: #94a3b8;
+  --text-disabled: #cbd5e1;
+
+  --color-success: #22c55e;
+  --color-success-bg: rgba(34, 197, 94, 0.08);
+  --color-success-border: rgba(34, 197, 94, 0.2);
+
+  --color-info: #3b82f6;
+  --color-info-bg: rgba(59, 130, 246, 0.08);
+  --color-info-border: rgba(59, 130, 246, 0.2);
+
+  --color-warning: #eab308;
+  --color-warning-bg: rgba(234, 179, 8, 0.08);
+  --color-warning-border: rgba(234, 179, 8, 0.2);
+
+  --color-error: #ef4444;
+  --color-error-bg: rgba(239, 68, 68, 0.08);
+  --color-error-border: rgba(239, 68, 68, 0.2);
+
+  --color-accent: #3b82f6;
+  --color-accent-bg: rgba(59, 130, 246, 0.08);
+  --color-accent-border: rgba(59, 130, 246, 0.15);
+
+  --color-primary: #3b82f6;
+  --color-primary-hover: #2563eb;
+  --color-primary-text: #ffffff;
+
+  --color-purple: #7c3aed;
+  --color-purple-bg: rgba(124, 58, 237, 0.08);
+  --color-orange: #ea580c;
+  --color-orange-bg: rgba(234, 88, 12, 0.08);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.07);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.12);
+}

package/src/renderer/styles/themes/nord.css

@@ -0,0 +1,59 @@
+/* Theme: Nord 极光蓝 (I) */
+[data-theme="nord"] {
+  --color-base: #2e3440;
+  --color-frame: #272c36;
+  --color-bar: #3b4252;
+  --color-content: #2e3440;
+  --color-sidebar: #2e3440;
+  --color-surface: #3b4252;
+  --color-elevated: #434c5e;
+
+  --color-border: #3b4252;
+  --color-border-subtle: #434c5e;
+  --color-border-hover: #4c566a;
+
+  --color-hover: rgba(236, 239, 244, 0.04);
+  --color-active: #434c5e;
+  --color-selected: rgba(136, 192, 208, 0.08);
+  --color-focus-ring: rgba(136, 192, 208, 0.4);
+
+  --text-primary: #eceff4;
+  --text-secondary: #d8dee9;
+  --text-muted: #81a1c1;
+  --text-label: #616e88;
+  --text-disabled: #4c566a;
+
+  --color-accent: #88c0d0;
+  --color-accent-bg: rgba(136, 192, 208, 0.1);
+  --color-accent-border: rgba(136, 192, 208, 0.2);
+
+  --color-success: #a3be8c;
+  --color-success-bg: rgba(163, 190, 140, 0.08);
+  --color-success-border: rgba(163, 190, 140, 0.15);
+
+  --color-info: #81a1c1;
+  --color-info-bg: rgba(129, 161, 193, 0.08);
+  --color-info-border: rgba(129, 161, 193, 0.15);
+
+  --color-warning: #ebcb8b;
+  --color-warning-bg: rgba(235, 203, 139, 0.08);
+  --color-warning-border: rgba(235, 203, 139, 0.15);
+
+  --color-error: #bf616a;
+  --color-error-bg: rgba(191, 97, 106, 0.08);
+  --color-error-border: rgba(191, 97, 106, 0.15);
+
+  --color-primary: #88c0d0;
+  --color-primary-hover: #7ab3c3;
+  --color-primary-text: #2e3440;
+
+  --color-purple: #b48ead;
+  --color-purple-bg: rgba(180, 142, 173, 0.1);
+  --color-orange: #d08770;
+  --color-orange-bg: rgba(208, 135, 112, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.55);
+}

package/src/renderer/styles/themes/one-dark.css

@@ -0,0 +1,59 @@
+/* Theme: One Dark 经典灰蓝 (M) */
+[data-theme="one-dark"] {
+  --color-base: #282c34;
+  --color-frame: #1b1e24;
+  --color-bar: #21252b;
+  --color-content: #282c34;
+  --color-sidebar: #21252b;
+  --color-surface: #2c313a;
+  --color-elevated: #3e4451;
+
+  --color-border: #2c313a;
+  --color-border-subtle: #3e4451;
+  --color-border-hover: #4b5263;
+
+  --color-hover: rgba(171, 178, 191, 0.04);
+  --color-active: #2c313a;
+  --color-selected: rgba(97, 175, 239, 0.08);
+  --color-focus-ring: rgba(97, 175, 239, 0.4);
+
+  --text-primary: #d7dae0;
+  --text-secondary: #abb2bf;
+  --text-muted: #636d83;
+  --text-label: #5c6370;
+  --text-disabled: #3e4451;
+
+  --color-accent: #61afef;
+  --color-accent-bg: rgba(97, 175, 239, 0.1);
+  --color-accent-border: rgba(97, 175, 239, 0.2);
+
+  --color-success: #98c379;
+  --color-success-bg: rgba(152, 195, 121, 0.08);
+  --color-success-border: rgba(152, 195, 121, 0.15);
+
+  --color-info: #61afef;
+  --color-info-bg: rgba(97, 175, 239, 0.08);
+  --color-info-border: rgba(97, 175, 239, 0.15);
+
+  --color-warning: #e5c07b;
+  --color-warning-bg: rgba(229, 192, 123, 0.08);
+  --color-warning-border: rgba(229, 192, 123, 0.15);
+
+  --color-error: #e06c75;
+  --color-error-bg: rgba(224, 108, 117, 0.08);
+  --color-error-border: rgba(224, 108, 117, 0.15);
+
+  --color-primary: #61afef;
+  --color-primary-hover: #528bcc;
+  --color-primary-text: #1b1e24;
+
+  --color-purple: #c678dd;
+  --color-purple-bg: rgba(198, 120, 221, 0.1);
+  --color-orange: #d19a66;
+  --color-orange-bg: rgba(209, 154, 102, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
+}

package/src/renderer/styles/themes/tokyo-night.css

@@ -0,0 +1,59 @@
+/* Theme: Tokyo Night 东京霓虹 (J) */
+[data-theme="tokyo-night"] {
+  --color-base: #1a1b26;
+  --color-frame: #16161e;
+  --color-bar: #1f2335;
+  --color-content: #1a1b26;
+  --color-sidebar: #1a1b26;
+  --color-surface: #292e42;
+  --color-elevated: #33394e;
+
+  --color-border: #292e42;
+  --color-border-subtle: #33394e;
+  --color-border-hover: #3b4261;
+
+  --color-hover: rgba(192, 202, 245, 0.04);
+  --color-active: #292e42;
+  --color-selected: rgba(122, 162, 247, 0.08);
+  --color-focus-ring: rgba(122, 162, 247, 0.4);
+
+  --text-primary: #c0caf5;
+  --text-secondary: #a9b1d6;
+  --text-muted: #565f89;
+  --text-label: #414868;
+  --text-disabled: #3b4261;
+
+  --color-accent: #7aa2f7;
+  --color-accent-bg: rgba(122, 162, 247, 0.1);
+  --color-accent-border: rgba(122, 162, 247, 0.2);
+
+  --color-success: #9ece6a;
+  --color-success-bg: rgba(158, 206, 106, 0.08);
+  --color-success-border: rgba(158, 206, 106, 0.15);
+
+  --color-info: #7dcfff;
+  --color-info-bg: rgba(125, 207, 255, 0.08);
+  --color-info-border: rgba(125, 207, 255, 0.15);
+
+  --color-warning: #e0af68;
+  --color-warning-bg: rgba(224, 175, 104, 0.08);
+  --color-warning-border: rgba(224, 175, 104, 0.15);
+
+  --color-error: #f7768e;
+  --color-error-bg: rgba(247, 118, 142, 0.08);
+  --color-error-border: rgba(247, 118, 142, 0.15);
+
+  --color-primary: #7aa2f7;
+  --color-primary-hover: #6a92e7;
+  --color-primary-text: #1a1b26;
+
+  --color-purple: #bb9af7;
+  --color-purple-bg: rgba(187, 154, 247, 0.1);
+  --color-orange: #ff9e64;
+  --color-orange-bg: rgba(255, 158, 100, 0.1);
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.55);
+  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.65);
+}