domma-js 0.19.0 → 0.19.2

package/public/dist/themes/grayve.css

@@ -1,213 +0,0 @@
-.dm-theme-grayve {
-    color-scheme: dark; /* Slate is typically a dark theme */
-
-    /* Tailwind-based color palette - adapting for grayve */
-    /* Slate (using bootswatch values) */
-    --dm-slate-50: #F8F9FA; /* Off-white */
-    --dm-slate-100: #E9ECEF;
-    --dm-slate-200: #DEE2E6;
-    --dm-slate-300: #CED4DA;
-    --dm-slate-400: #ADB5BD;
-    --dm-slate-500: #6C757D; /* Medium Gray */
-    --dm-slate-600: #495057;
-    --dm-slate-700: #343A40;
-    --dm-slate-800: #212529;
-    --dm-slate-900: #1a1e21; /* Dark Gray */
-    --dm-slate-950: #141619; /* Very Dark Gray */
-
-    /* Blues (for primary/info, etc.) */
-    --dm-blue-50: #e0f7fa;
-    --dm-blue-100: #b2ebf2;
-    --dm-blue-200: #80deea;
-    --dm-blue-300: #4dd0e1;
-    --dm-blue-400: #26c6da;
-    --dm-blue-500: #00bcd4; /* Bootswatch primary might be close to this or lighter */
-    --dm-blue-600: #00acc1;
-    --dm-blue-700: #0097a7;
-    --dm-blue-800: #00838f;
-    --dm-blue-900: #006064;
-    --dm-blue-950: #004d40;
-
-    /* Green (Success) */
-    --dm-green-500: #28a745;
-    --dm-green-400: #49cc61;
-    --dm-green-300: #6fd180;
-    --dm-green-600: #218838;
-
-    /* Red (Danger) */
-    --dm-red-500: #dc3545;
-    --dm-red-400: #e35a67;
-    --dm-red-300: #eb808a;
-    --dm-red-600: #c82333;
-
-    /* Amber (Warning) */
-    --dm-amber-500: #ffc107;
-    --dm-amber-400: #ffcd38;
-    --dm-amber-300: #ffd865;
-    --dm-amber-600: #e0a800;
-
-    /* Sky (Info - often similar to primary but distinct) */
-    --dm-sky-500: #17a2b8;
-    --dm-sky-400: #26d2e9;
-    --dm-sky-300: #51daec;
-    --dm-sky-600: #138496;
-
-    /* Semantic colors */
-    --dm-background: var(--dm-slate-900);
-    --dm-background-alt: var(--dm-slate-800);
-    --dm-surface: var(--dm-slate-800);
-    --dm-surface-raised: var(--dm-slate-700);
-    --dm-surface-overlay: rgba(0, 0, 0, 0.7);
-
-    /* Text */
-    --dm-text: var(--dm-slate-200);
-    --dm-text-secondary: var(--dm-slate-400);
-    --dm-text-muted: var(--dm-slate-500);
-    --dm-text-disabled: var(--dm-slate-600);
-    --dm-text-inverse: var(--dm-slate-900);
-
-    /* Borders */
-    --dm-border: var(--dm-slate-700);
-    --dm-border-light: var(--dm-slate-800);
-    --dm-border-dark: var(--dm-slate-600);
-    --dm-border-focus: var(--dm-blue-500); /* Use a vibrant blue for focus */
-    --dm-focus-ring: rgba(0, 188, 212, 0.3); /* Based on dm-blue-500 */
-    --dm-focus-ring-danger: rgba(220, 53, 69, 0.3); /* Based on dm-red-500 */
-
-    /* Interactive States */
-    --dm-hover-bg: rgba(255, 255, 255, 0.07);
-    --dm-active-bg: rgba(255, 255, 255, 0.1);
-    --dm-selected-bg: var(--dm-blue-600);
-    --dm-disabled-opacity: 0.4;
-
-    /* Brand Colors */
-    --dm-primary: var(--dm-blue-500);
-    --dm-primary-dark: var(--dm-blue-700);
-    --dm-primary-light: var(--dm-blue-300);
-    --dm-primary-hover: var(--dm-blue-400);
-    --dm-primary-active: var(--dm-blue-600);
-
-    --dm-secondary: var(--dm-slate-500);
-    --dm-secondary-hover: var(--dm-slate-400);
-    --dm-secondary-active: var(--dm-slate-300);
-
-    /* Status Colors */
-    --dm-success: var(--dm-green-500);
-    --dm-success-hover: var(--dm-green-400);
-    --dm-success-active: var(--dm-green-600);
-    --dm-success-light: rgba(40, 167, 69, 0.2);
-    --dm-success-dark: var(--dm-green-600);
-
-    --dm-danger: var(--dm-red-500);
-    --dm-danger-hover: var(--dm-red-400);
-    --dm-danger-active: var(--dm-red-600);
-    --dm-danger-light: rgba(220, 53, 69, 0.2);
-    --dm-danger-dark: var(--dm-red-600);
-
-    --dm-warning: var(--dm-amber-400);
-    --dm-warning-hover: var(--dm-amber-300);
-    --dm-warning-active: var(--dm-amber-500);
-    --dm-warning-text: var(--dm-amber-900);
-    --dm-warning-light: rgba(255, 193, 7, 0.2);
-    --dm-warning-dark: var(--dm-amber-600);
-
-    --dm-info: var(--dm-sky-500);
-    --dm-info-hover: var(--dm-sky-400);
-    --dm-info-active: var(--dm-sky-600);
-    --dm-info-light: rgba(23, 162, 184, 0.2);
-    --dm-info-dark: var(--dm-sky-600);
-
-    /* Background Tints */
-    --dm-primary-bg: rgba(0, 188, 212, 0.15);
-    --dm-secondary-bg: rgba(108, 117, 125, 0.15);
-    --dm-success-bg: rgba(40, 167, 69, 0.15);
-    --dm-danger-bg: rgba(220, 53, 69, 0.15);
-    --dm-warning-bg: rgba(255, 193, 7, 0.15);
-    --dm-info-bg: rgba(23, 162, 184, 0.15);
-
-    /* Semantic Surface Colors */
-    --dm-surface-secondary: var(--dm-slate-900);
-    --dm-card-bg: var(--dm-slate-800);
-    --dm-card-border: var(--dm-slate-700);
-
-    /* Legacy color names (kept for backwards compatibility) */
-    --dm-light: var(--dm-slate-200);
-    --dm-dark: var(--dm-slate-800);
-    --dm-white: #ffffff;
-    --dm-black: #000000;
-
-    /* Grays (mapped to Slate) */
-    --dm-gray-50: var(--dm-slate-50);
-    --dm-gray-100: var(--dm-slate-100);
-    --dm-gray-200: var(--dm-slate-200);
-    --dm-gray-300: var(--dm-slate-300);
-    --dm-gray-400: var(--dm-slate-400);
-    --dm-gray-500: var(--dm-slate-500);
-    --dm-gray-600: var(--dm-slate-600);
-    --dm-gray-700: var(--dm-slate-700);
-    --dm-gray-800: var(--dm-slate-800);
-    --dm-gray-900: var(--dm-slate-900);
-    --dm-gray-950: var(--dm-slate-950);
-
-    /* Component-specific variables */
-    --dm-input-bg: var(--dm-surface);
-    --dm-input-border: var(--dm-border-dark);
-    --dm-input-text: var(--dm-text);
-    --dm-input-placeholder: var(--dm-text-muted);
-    --dm-input-focus-border: var(--dm-primary);
-    --dm-input-disabled-bg: var(--dm-slate-800);
-
-    --dm-table-border: var(--dm-border);
-    --dm-table-hover-bg: var(--dm-hover-bg);
-    --dm-table-stripe-bg: rgba(255, 255, 255, 0.03);
-
-    --dm-navbar-bg: var(--dm-surface);
-    --dm-navbar-text: var(--dm-text);
-    --dm-navbar-border: var(--dm-border);
-
-    --dm-dropdown-bg: var(--dm-surface-raised);
-    --dm-dropdown-border: var(--dm-border);
-    --dm-dropdown-item-hover: var(--dm-hover-bg);
-    --dm-dropdown-item-active: var(--dm-selected-bg);
-
-    --dm-sidebar-bg: var(--dm-surface);
-    --dm-sidebar-border: var(--dm-border);
-    --dm-sidebar-item-hover: var(--dm-hover-bg);
-    --dm-sidebar-item-active: var(--dm-selected-bg);
-
-    --dm-autocomplete-bg: var(--dm-surface);
-    --dm-autocomplete-border: var(--dm-border);
-    --dm-autocomplete-shadow: var(--dm-shadow-md);
-    --dm-autocomplete-item-hover: var(--dm-hover-bg);
-    --dm-autocomplete-item-active: var(--dm-selected-bg);
-    --dm-autocomplete-highlight: var(--dm-primary-light);
-
-    --dm-pillbox-bg: var(--dm-surface);
-    --dm-pillbox-border: var(--dm-border);
-    --dm-pill-bg: var(--dm-gray-700); /* Darker pill background for dark theme */
-    --dm-pill-color: var(--dm-text);
-    --dm-pill-hover-bg: var(--dm-gray-600);
-
-    --dm-tab-border: var(--dm-border);
-    --dm-tab-hover-bg: var(--dm-hover-bg);
-    --dm-tab-active-border: var(--dm-primary);
-    --dm-tab-active-text: var(--dm-primary);
-
-    --dm-accordion-border: var(--dm-border);
-    --dm-accordion-header-hover: var(--dm-hover-bg);
-}
-
-/* Syntax highlighting tokens for grayve (assuming similar to dark theme) */
-.dm-theme-grayve .code-block .syntax-keyword {
-    color: #c792ea; /* Purple */
-    font-weight: 500;
-}
-
-.dm-theme-grayve .code-block .syntax-string,
-.dm-theme-grayve .code-block .syntax-template-string {
-    color: #c3e88d; /* Green */
-}
-
-.dm-theme-grayve .code-block .syntax-function {
-    color: #82aaff; /* Light Blue */
-}