postcss-semantic-themes 0.0.1-security → 1.0.0

package/themes.css

@@ -0,0 +1,690 @@
+/* Generated by npm run build. Edit src/themes.mjs. */
+@theme default inline {
+  --color-background: var(--twt-background);
+  --color-foreground: var(--twt-foreground);
+  --color-surface: var(--twt-surface);
+  --color-surface-raised: var(--twt-surface-raised);
+  --color-muted: var(--twt-muted);
+  --color-border: var(--twt-border);
+  --color-secondary: var(--twt-secondary);
+  --color-secondary-foreground: var(--twt-secondary-foreground);
+  --color-danger: var(--twt-danger);
+  --color-danger-foreground: var(--twt-danger-foreground);
+  --color-success: var(--twt-success);
+  --color-success-foreground: var(--twt-success-foreground);
+  --color-warning: var(--twt-warning);
+  --color-warning-foreground: var(--twt-warning-foreground);
+  --color-primary: var(--twt-primary);
+  --color-primary-hover: var(--twt-primary-hover);
+  --color-primary-foreground: var(--twt-primary-foreground);
+  --color-ring: var(--twt-ring);
+}
+
+@layer theme {
+:root {
+  --twt-background: #f8fafc;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #f1f5f9;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #0f766e;
+  --twt-primary-hover: #115e59;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #0f766e;
+}
+
+[data-theme="ocean"] {
+  --twt-background: #f8fafc;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #f1f5f9;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #0f766e;
+  --twt-primary-hover: #115e59;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #0f766e;
+}
+
+[data-theme="forest"] {
+  --twt-background: #f7faf5;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #edf4e8;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #166534;
+  --twt-primary-hover: #14532d;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #166534;
+}
+
+[data-theme="ember"] {
+  --twt-background: #fffaf5;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #fff0e5;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #9a3412;
+  --twt-primary-hover: #7c2d12;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #9a3412;
+}
+
+[data-theme="gruvbox"] {
+  --twt-background: #fbf1c7;
+  --twt-foreground: #3c3836;
+  --twt-surface: #f9f5d7;
+  --twt-surface-raised: #ebdbb2;
+  --twt-muted: #665c54;
+  --twt-border: #a89984;
+  --twt-primary: #076678;
+  --twt-primary-hover: #075766;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #d5c4a1;
+  --twt-secondary-foreground: #3c3836;
+  --twt-ring: #076678;
+  --twt-danger: #9d0006;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #427b58;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4f00;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="dracula"] {
+  --twt-background: #fffbeb;
+  --twt-foreground: #1f1f1f;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #cfcfde;
+  --twt-muted: #6c664b;
+  --twt-border: #9c9782;
+  --twt-primary: #644ac9;
+  --twt-primary-hover: #4f38aa;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #cfcfde;
+  --twt-secondary-foreground: #1f1f1f;
+  --twt-ring: #644ac9;
+  --twt-danger: #cb3a2a;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #14710a;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #846e15;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="catppuccin"] {
+  --twt-background: #eff1f5;
+  --twt-foreground: #4c4f69;
+  --twt-surface: #e6e9ef;
+  --twt-surface-raised: #dce0e8;
+  --twt-muted: #5c5f77;
+  --twt-border: #9ca0b0;
+  --twt-primary: #1e66f5;
+  --twt-primary-hover: #1856d1;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #ccd0da;
+  --twt-secondary-foreground: #4c4f69;
+  --twt-ring: #1e66f5;
+  --twt-danger: #d20f39;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #287c3e;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4e00;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="catpuccin"] {
+  --twt-background: #eff1f5;
+  --twt-foreground: #4c4f69;
+  --twt-surface: #e6e9ef;
+  --twt-surface-raised: #dce0e8;
+  --twt-muted: #5c5f77;
+  --twt-border: #9ca0b0;
+  --twt-primary: #1e66f5;
+  --twt-primary-hover: #1856d1;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #ccd0da;
+  --twt-secondary-foreground: #4c4f69;
+  --twt-ring: #1e66f5;
+  --twt-danger: #d20f39;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #287c3e;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4e00;
+  --twt-warning-foreground: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #0f172a;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1e293b;
+  --twt-surface-raised: #334155;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #5eead4;
+  --twt-primary-hover: #99f6e4;
+  --twt-primary-foreground: #042f2e;
+  --twt-ring: #5eead4;
+}
+:root[data-theme="ocean"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #0f172a;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1e293b;
+  --twt-surface-raised: #334155;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #5eead4;
+  --twt-primary-hover: #99f6e4;
+  --twt-primary-foreground: #042f2e;
+  --twt-ring: #5eead4;
+}
+:root[data-theme="forest"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #101c14;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1a2e20;
+  --twt-surface-raised: #294333;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #86efac;
+  --twt-primary-hover: #bbf7d0;
+  --twt-primary-foreground: #052e16;
+  --twt-ring: #86efac;
+}
+:root[data-theme="ember"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #211510;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #35231b;
+  --twt-surface-raised: #51392d;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #fdba74;
+  --twt-primary-hover: #fed7aa;
+  --twt-primary-foreground: #431407;
+  --twt-ring: #fdba74;
+}
+:root[data-theme="gruvbox"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #282828;
+  --twt-foreground: #ebdbb2;
+  --twt-surface: #3c3836;
+  --twt-surface-raised: #504945;
+  --twt-muted: #d5c4a1;
+  --twt-border: #928374;
+  --twt-primary: #83a598;
+  --twt-primary-hover: #a3c1b5;
+  --twt-primary-foreground: #1d2021;
+  --twt-secondary: #504945;
+  --twt-secondary-foreground: #fbf1c7;
+  --twt-ring: #83a598;
+  --twt-danger: #fb4934;
+  --twt-danger-foreground: #1d2021;
+  --twt-success: #b8bb26;
+  --twt-success-foreground: #1d2021;
+  --twt-warning: #fabd2f;
+  --twt-warning-foreground: #1d2021;
+}
+:root[data-theme="dracula"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #282a36;
+  --twt-foreground: #f8f8f2;
+  --twt-surface: #343746;
+  --twt-surface-raised: #44475a;
+  --twt-muted: #c5c8d8;
+  --twt-border: #6272a4;
+  --twt-primary: #bd93f9;
+  --twt-primary-hover: #d6b9ff;
+  --twt-primary-foreground: #282a36;
+  --twt-secondary: #44475a;
+  --twt-secondary-foreground: #f8f8f2;
+  --twt-ring: #bd93f9;
+  --twt-danger: #ff5555;
+  --twt-danger-foreground: #282a36;
+  --twt-success: #50fa7b;
+  --twt-success-foreground: #282a36;
+  --twt-warning: #f1fa8c;
+  --twt-warning-foreground: #282a36;
+}
+:root[data-theme="catppuccin"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #1e1e2e;
+  --twt-foreground: #cdd6f4;
+  --twt-surface: #313244;
+  --twt-surface-raised: #45475a;
+  --twt-muted: #bac2de;
+  --twt-border: #6c7086;
+  --twt-primary: #89b4fa;
+  --twt-primary-hover: #b4d0ff;
+  --twt-primary-foreground: #11111b;
+  --twt-secondary: #45475a;
+  --twt-secondary-foreground: #cdd6f4;
+  --twt-ring: #89b4fa;
+  --twt-danger: #f38ba8;
+  --twt-danger-foreground: #11111b;
+  --twt-success: #a6e3a1;
+  --twt-success-foreground: #11111b;
+  --twt-warning: #f9e2af;
+  --twt-warning-foreground: #11111b;
+}
+:root[data-theme="catpuccin"]:not([data-mode="light"]):not([data-mode="dark"]) {
+  --twt-background: #1e1e2e;
+  --twt-foreground: #cdd6f4;
+  --twt-surface: #313244;
+  --twt-surface-raised: #45475a;
+  --twt-muted: #bac2de;
+  --twt-border: #6c7086;
+  --twt-primary: #89b4fa;
+  --twt-primary-hover: #b4d0ff;
+  --twt-primary-foreground: #11111b;
+  --twt-secondary: #45475a;
+  --twt-secondary-foreground: #cdd6f4;
+  --twt-ring: #89b4fa;
+  --twt-danger: #f38ba8;
+  --twt-danger-foreground: #11111b;
+  --twt-success: #a6e3a1;
+  --twt-success-foreground: #11111b;
+  --twt-warning: #f9e2af;
+  --twt-warning-foreground: #11111b;
+}
+}
+
+:root[data-mode="light"] {
+  --twt-background: #f8fafc;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #f1f5f9;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #0f766e;
+  --twt-primary-hover: #115e59;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #0f766e;
+}
+
+[data-theme="ocean"][data-mode="light"] {
+  --twt-background: #f8fafc;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #f1f5f9;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #0f766e;
+  --twt-primary-hover: #115e59;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #0f766e;
+}
+
+[data-theme="forest"][data-mode="light"] {
+  --twt-background: #f7faf5;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #edf4e8;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #166534;
+  --twt-primary-hover: #14532d;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #166534;
+}
+
+[data-theme="ember"][data-mode="light"] {
+  --twt-background: #fffaf5;
+  --twt-foreground: #0f172a;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #fff0e5;
+  --twt-muted: #475569;
+  --twt-border: #cbd5e1;
+  --twt-secondary: #e2e8f0;
+  --twt-secondary-foreground: #1e293b;
+  --twt-danger: #b91c1c;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #166534;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #92400e;
+  --twt-warning-foreground: #ffffff;
+  --twt-primary: #9a3412;
+  --twt-primary-hover: #7c2d12;
+  --twt-primary-foreground: #ffffff;
+  --twt-ring: #9a3412;
+}
+
+[data-theme="gruvbox"][data-mode="light"] {
+  --twt-background: #fbf1c7;
+  --twt-foreground: #3c3836;
+  --twt-surface: #f9f5d7;
+  --twt-surface-raised: #ebdbb2;
+  --twt-muted: #665c54;
+  --twt-border: #a89984;
+  --twt-primary: #076678;
+  --twt-primary-hover: #075766;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #d5c4a1;
+  --twt-secondary-foreground: #3c3836;
+  --twt-ring: #076678;
+  --twt-danger: #9d0006;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #427b58;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4f00;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="dracula"][data-mode="light"] {
+  --twt-background: #fffbeb;
+  --twt-foreground: #1f1f1f;
+  --twt-surface: #ffffff;
+  --twt-surface-raised: #cfcfde;
+  --twt-muted: #6c664b;
+  --twt-border: #9c9782;
+  --twt-primary: #644ac9;
+  --twt-primary-hover: #4f38aa;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #cfcfde;
+  --twt-secondary-foreground: #1f1f1f;
+  --twt-ring: #644ac9;
+  --twt-danger: #cb3a2a;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #14710a;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #846e15;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="catppuccin"][data-mode="light"] {
+  --twt-background: #eff1f5;
+  --twt-foreground: #4c4f69;
+  --twt-surface: #e6e9ef;
+  --twt-surface-raised: #dce0e8;
+  --twt-muted: #5c5f77;
+  --twt-border: #9ca0b0;
+  --twt-primary: #1e66f5;
+  --twt-primary-hover: #1856d1;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #ccd0da;
+  --twt-secondary-foreground: #4c4f69;
+  --twt-ring: #1e66f5;
+  --twt-danger: #d20f39;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #287c3e;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4e00;
+  --twt-warning-foreground: #ffffff;
+}
+
+[data-theme="catpuccin"][data-mode="light"] {
+  --twt-background: #eff1f5;
+  --twt-foreground: #4c4f69;
+  --twt-surface: #e6e9ef;
+  --twt-surface-raised: #dce0e8;
+  --twt-muted: #5c5f77;
+  --twt-border: #9ca0b0;
+  --twt-primary: #1e66f5;
+  --twt-primary-hover: #1856d1;
+  --twt-primary-foreground: #ffffff;
+  --twt-secondary: #ccd0da;
+  --twt-secondary-foreground: #4c4f69;
+  --twt-ring: #1e66f5;
+  --twt-danger: #d20f39;
+  --twt-danger-foreground: #ffffff;
+  --twt-success: #287c3e;
+  --twt-success-foreground: #ffffff;
+  --twt-warning: #8f4e00;
+  --twt-warning-foreground: #ffffff;
+}
+
+:root[data-mode="dark"] {
+  --twt-background: #0f172a;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1e293b;
+  --twt-surface-raised: #334155;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #5eead4;
+  --twt-primary-hover: #99f6e4;
+  --twt-primary-foreground: #042f2e;
+  --twt-ring: #5eead4;
+}
+
+[data-theme="ocean"][data-mode="dark"] {
+  --twt-background: #0f172a;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1e293b;
+  --twt-surface-raised: #334155;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #5eead4;
+  --twt-primary-hover: #99f6e4;
+  --twt-primary-foreground: #042f2e;
+  --twt-ring: #5eead4;
+}
+
+[data-theme="forest"][data-mode="dark"] {
+  --twt-background: #101c14;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #1a2e20;
+  --twt-surface-raised: #294333;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #86efac;
+  --twt-primary-hover: #bbf7d0;
+  --twt-primary-foreground: #052e16;
+  --twt-ring: #86efac;
+}
+
+[data-theme="ember"][data-mode="dark"] {
+  --twt-background: #211510;
+  --twt-foreground: #f8fafc;
+  --twt-surface: #35231b;
+  --twt-surface-raised: #51392d;
+  --twt-muted: #cbd5e1;
+  --twt-border: #64748b;
+  --twt-secondary: #334155;
+  --twt-secondary-foreground: #f8fafc;
+  --twt-danger: #fca5a5;
+  --twt-danger-foreground: #450a0a;
+  --twt-success: #86efac;
+  --twt-success-foreground: #052e16;
+  --twt-warning: #fcd34d;
+  --twt-warning-foreground: #451a03;
+  --twt-primary: #fdba74;
+  --twt-primary-hover: #fed7aa;
+  --twt-primary-foreground: #431407;
+  --twt-ring: #fdba74;
+}
+
+[data-theme="gruvbox"][data-mode="dark"] {
+  --twt-background: #282828;
+  --twt-foreground: #ebdbb2;
+  --twt-surface: #3c3836;
+  --twt-surface-raised: #504945;
+  --twt-muted: #d5c4a1;
+  --twt-border: #928374;
+  --twt-primary: #83a598;
+  --twt-primary-hover: #a3c1b5;
+  --twt-primary-foreground: #1d2021;
+  --twt-secondary: #504945;
+  --twt-secondary-foreground: #fbf1c7;
+  --twt-ring: #83a598;
+  --twt-danger: #fb4934;
+  --twt-danger-foreground: #1d2021;
+  --twt-success: #b8bb26;
+  --twt-success-foreground: #1d2021;
+  --twt-warning: #fabd2f;
+  --twt-warning-foreground: #1d2021;
+}
+
+[data-theme="dracula"][data-mode="dark"] {
+  --twt-background: #282a36;
+  --twt-foreground: #f8f8f2;
+  --twt-surface: #343746;
+  --twt-surface-raised: #44475a;
+  --twt-muted: #c5c8d8;
+  --twt-border: #6272a4;
+  --twt-primary: #bd93f9;
+  --twt-primary-hover: #d6b9ff;
+  --twt-primary-foreground: #282a36;
+  --twt-secondary: #44475a;
+  --twt-secondary-foreground: #f8f8f2;
+  --twt-ring: #bd93f9;
+  --twt-danger: #ff5555;
+  --twt-danger-foreground: #282a36;
+  --twt-success: #50fa7b;
+  --twt-success-foreground: #282a36;
+  --twt-warning: #f1fa8c;
+  --twt-warning-foreground: #282a36;
+}
+
+[data-theme="catppuccin"][data-mode="dark"] {
+  --twt-background: #1e1e2e;
+  --twt-foreground: #cdd6f4;
+  --twt-surface: #313244;
+  --twt-surface-raised: #45475a;
+  --twt-muted: #bac2de;
+  --twt-border: #6c7086;
+  --twt-primary: #89b4fa;
+  --twt-primary-hover: #b4d0ff;
+  --twt-primary-foreground: #11111b;
+  --twt-secondary: #45475a;
+  --twt-secondary-foreground: #cdd6f4;
+  --twt-ring: #89b4fa;
+  --twt-danger: #f38ba8;
+  --twt-danger-foreground: #11111b;
+  --twt-success: #a6e3a1;
+  --twt-success-foreground: #11111b;
+  --twt-warning: #f9e2af;
+  --twt-warning-foreground: #11111b;
+}
+
+[data-theme="catpuccin"][data-mode="dark"] {
+  --twt-background: #1e1e2e;
+  --twt-foreground: #cdd6f4;
+  --twt-surface: #313244;
+  --twt-surface-raised: #45475a;
+  --twt-muted: #bac2de;
+  --twt-border: #6c7086;
+  --twt-primary: #89b4fa;
+  --twt-primary-hover: #b4d0ff;
+  --twt-primary-foreground: #11111b;
+  --twt-secondary: #45475a;
+  --twt-secondary-foreground: #cdd6f4;
+  --twt-ring: #89b4fa;
+  --twt-danger: #f38ba8;
+  --twt-danger-foreground: #11111b;
+  --twt-success: #a6e3a1;
+  --twt-success-foreground: #11111b;
+  --twt-warning: #f9e2af;
+  --twt-warning-foreground: #11111b;
+}
+}