GeneralBots/botui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add sentient-* bridge variables to ALL themes for Sheet/Docs/Slides support

Browse source 
- All 18 themes now include --sentient-* CSS variables
- Variables map theme HSL values to office suite apps
- Sheet, Docs, Slides will now respect all theme colors
- Includes: backgrounds, text, accents, borders, surfaces, inputs, status, shadows, radius
This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2026-01-11 20:53:44 -03:00
parent 0662099ed1
commit a389dc845e
18 changed files with 1198 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
ui/suite/public/themes/3dbevel.css
View file

@ -29,6 +29,69 @@
/* 3D Bevel specific - raised/sunken effects */
--bevel-light: 0 0% 100%; /* White highlight */
--bevel-dark: 0 0% 25%; /* Dark shadow */
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}
/* 3D Bevel effect for buttons and raised elements */

63
ui/suite/public/themes/arcadeflash.css
View file

@ -25,4 +25,67 @@
--chart-3: 60 100% 50%;
--chart-4: 0 100% 50%;
--chart-5: 300 100% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

121
ui/suite/public/themes/cyberpunk.css
View file

@ -1,28 +1,97 @@
:root {
/* CyberPunk Theme */
--background: 240 30% 5%;
--foreground: 60 100% 80%;
--card: 240 30% 8%;
--card-foreground: 60 100% 80%;
--popover: 240 30% 5%;
--popover-foreground: 60 100% 80%;
--primary: 330 100% 60%;
--primary-foreground: 240 30% 5%;
--secondary: 240 30% 15%;
--secondary-foreground: 60 100% 80%;
--muted: 240 30% 10%;
--muted-foreground: 60 100% 60%;
--accent: 180 100% 60%;
--accent-foreground: 240 30% 5%;
--destructive: 0 85% 60%;
--destructive-foreground: 0 0% 98%;
--border: 240 30% 15%;
--input: 240 30% 15%;
--ring: 330 100% 60%;
--radius: 0.5rem;
--chart-1: 330 100% 60%;
--chart-2: 180 100% 60%;
--chart-3: 60 100% 60%;
--chart-4: 0 100% 60%;
--chart-5: 270 100% 60%;
/* CyberPunk Theme */
--background: 240 30% 5%;
--foreground: 60 100% 80%;
--card: 240 30% 8%;
--card-foreground: 60 100% 80%;
--popover: 240 30% 5%;
--popover-foreground: 60 100% 80%;
--primary: 330 100% 60%;
--primary-foreground: 240 30% 5%;
--secondary: 240 30% 15%;
--secondary-foreground: 60 100% 80%;
--muted: 240 30% 10%;
--muted-foreground: 60 100% 60%;
--accent: 180 100% 60%;
--accent-foreground: 240 30% 5%;
--destructive: 0 85% 60%;
--destructive-foreground: 0 0% 98%;
--border: 240 30% 15%;
--input: 240 30% 15%;
--ring: 330 100% 60%;
--radius: 0.5rem;
--chart-1: 330 100% 60%;
--chart-2: 180 100% 60%;
--chart-3: 60 100% 60%;
--chart-4: 0 100% 60%;
--chart-5: 270 100% 60%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family:
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md:
0 4px 6px -1px hsla(var(--foreground) / 0.1),
0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg:
0 10px 15px -3px hsla(var(--foreground) / 0.1),
0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/discofever.css
View file

@ -25,4 +25,67 @@
--chart-3: 120 100% 60%;
--chart-4: 240 100% 60%;
--chart-5: 0 100% 60%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/grungeera.css
View file

@ -25,4 +25,67 @@
--chart-3: 90 70% 50%;
--chart-4: 300 70% 50%;
--chart-5: 30 70% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/jazzage.css
View file

@ -25,4 +25,67 @@
--chart-3: 350 80% 50%;
--chart-4: 140 80% 50%;
--chart-5: 260 80% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/mellowgold.css
View file

@ -25,4 +25,67 @@
--chart-3: 15 80% 50%;
--chart-4: 5 80% 50%;
--chart-5: 55 80% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/midcenturymod.css
View file

@ -25,4 +25,67 @@
--chart-3: 40 60% 40%;
--chart-4: 220 60% 40%;
--chart-5: 300 60% 40%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

120
ui/suite/public/themes/orange.css
View file

@ -1,27 +1,97 @@
:root {
--background: 0 0% 100%; /* White */
--foreground: 0 0% 13%; /* #212121 - near black */
--card: 0 0% 98%; /* #faf9f8 - light gray */
--card-foreground: 0 0% 13%; /* #212121 */
--popover: 0 0% 100%; /* White */
--popover-foreground: 0 0% 13%; /* #212121 */
--primary: 24 90% 54%; /* #d83b01 - Office orange */
--primary-foreground: 0 0% 100%; /* White */
--secondary: 210 36% 96%; /* #f3f2f1 - light blue-gray */
--secondary-foreground: 0 0% 13%; /* #212121 */
--muted: 0 0% 90%; /* #e1dfdd - muted gray */
--muted-foreground: 0 0% 40%; /* #666666 */
--accent: 207 90% 54%; /* #0078d4 - Office blue */
--accent-foreground: 0 0% 100%; /* White */
--destructive: 0 85% 60%; /* #e81123 - Office red */
--destructive-foreground: 0 0% 100%; /* White */
--border: 0 0% 85%; /* #d2d0ce - light border */
--input: 0 0% 100%; /* White */
--ring: 207 90% 54%; /* #0078d4 */
--radius: 0.25rem; /* Slightly less rounded */
--chart-1: 24 90% 54%; /* Office orange */
--chart-2: 207 90% 54%; /* Office blue */
--chart-3: 120 60% 40%; /* Office green */
--chart-4: 340 82% 52%; /* Office magenta */
--chart-5: 44 100% 50%; /* Office yellow */
/* Orange Theme - Microsoft Office inspired */
--background: 0 0% 100%; /* White */
--foreground: 0 0% 13%; /* #212121 - near black */
--card: 0 0% 98%; /* #faf9f8 - light gray */
--card-foreground: 0 0% 13%; /* #212121 */
--popover: 0 0% 100%; /* White */
--popover-foreground: 0 0% 13%; /* #212121 */
--primary: 24 90% 54%; /* #d83b01 - Office orange */
--primary-foreground: 0 0% 100%; /* White */
--secondary: 210 36% 96%; /* #f3f2f1 - light blue-gray */
--secondary-foreground: 0 0% 13%; /* #212121 */
--muted: 0 0% 90%; /* #e1dfdd - muted gray */
--muted-foreground: 0 0% 40%; /* #666666 */
--accent: 207 90% 54%; /* #0078d4 - Office blue */
--accent-foreground: 0 0% 100%; /* White */
--destructive: 0 85% 60%; /* #e81123 - Office red */
--destructive-foreground: 0 0% 100%; /* White */
--border: 0 0% 85%; /* #d2d0ce - light border */
--input: 0 0% 100%; /* White */
--ring: 207 90% 54%; /* #0078d4 */
--radius: 0.25rem; /* Slightly less rounded */
--chart-1: 24 90% 54%; /* Office orange */
--chart-2: 207 90% 54%; /* Office blue */
--chart-3: 120 60% 40%; /* Office green */
--chart-4: 340 82% 52%; /* Office magenta */
--chart-5: 44 100% 50%; /* Office yellow */
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family:
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md:
0 4px 6px -1px hsla(var(--foreground) / 0.1),
0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg:
0 10px 15px -3px hsla(var(--foreground) / 0.1),
0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/polaroidmemories.css
View file

@ -25,4 +25,67 @@
--chart-3: 50 80% 50%;
--chart-4: 140 80% 50%;
--chart-5: 260 80% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/retrowave.css
View file

@ -25,4 +25,67 @@
--chart-3: 190 90% 50%;
--chart-4: 280 89% 65%;
--chart-5: 80 75% 55%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/saturdaycartoons.css
View file

@ -25,4 +25,67 @@
--chart-3: 240 100% 55%;
--chart-4: 330 100% 55%;
--chart-5: 60 100% 55%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/seasidepostcard.css
View file

@ -25,4 +25,67 @@
--chart-3: 200 100% 55%;
--chart-4: 140 100% 55%;
--chart-5: 260 100% 55%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/typewriter.css
View file

@ -25,4 +25,67 @@
--chart-3: 0 0% 60%;
--chart-4: 0 0% 30%;
--chart-5: 0 0% 50%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/vapordream.css
View file

@ -25,4 +25,67 @@
--chart-3: 50 100% 60%;
--chart-4: 330 100% 70%;
--chart-5: 150 100% 60%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}

63
ui/suite/public/themes/xeroxui.css
View file

@ -27,6 +27,69 @@
--chart-5: 120 100% 25%; /* Green */
--border-light: 0 0% 100%; /* White for top/left border */
--border-dark: 240 100% 20%; /* Dark blue for bottom/right border */
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}
/* Windows 3.11 style border */

63
ui/suite/public/themes/xtreegold.css
View file

@ -68,6 +68,69 @@
--menu-bar: 240 100% 8%; /* Dark blue menu bar */
--menu-text: 60 100% 88%; /* Yellow menu text */
--menu-highlight: 180 100% 50%; /* Cyan menu highlight */
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}
/* Authentic XTree Gold Enhancement Classes */

63
ui/suite/public/themes/y2kglow.css
View file

@ -25,4 +25,67 @@
--chart-3: 80 75% 55%;
--chart-4: 334 89% 62%;
--chart-5: 41 99% 60%;
/* ============================================ */
/* SENTIENT BRIDGE VARIABLES */
/* For Sheet, Docs, Slides theme support */
/* ============================================ */
/* Backgrounds */
--sentient-bg-primary: hsl(var(--background));
--sentient-bg-secondary: hsl(var(--card));
--sentient-bg-tertiary: hsl(var(--muted));
--sentient-bg-hover: hsla(var(--primary) / 0.08);
--sentient-bg-active: hsla(var(--primary) / 0.15);
/* Text */
--sentient-text-primary: hsl(var(--foreground));
--sentient-text-secondary: hsl(var(--muted-foreground));
--sentient-text-tertiary: hsla(var(--muted-foreground) / 0.7);
--sentient-text-muted: hsla(var(--muted-foreground) / 0.5);
/* Accent Colors */
--sentient-accent: hsl(var(--primary));
--sentient-accent-hover: hsl(var(--primary) / 0.85);
--sentient-accent-light: hsla(var(--primary) / 0.1);
--sentient-accent-dark: hsl(var(--primary) / 0.7);
/* Borders */
--sentient-border: hsl(var(--border));
--sentient-border-light: hsla(var(--border) / 0.5);
--sentient-border-accent: hsla(var(--primary) / 0.3);
/* Surfaces */
--sentient-surface: hsl(var(--card));
--sentient-surface-hover: hsla(var(--primary) / 0.08);
--sentient-surface-active: hsla(var(--primary) / 0.15);
--sentient-surface-elevated: hsl(var(--popover));
/* Inputs */
--sentient-input-bg: hsl(var(--input));
--sentient-input-border: hsl(var(--border));
--sentient-input-focus: hsl(var(--ring));
/* Status Colors */
--sentient-success: hsl(142 76% 36%);
--sentient-success-bg: hsla(142 76% 36% / 0.15);
--sentient-warning: hsl(38 92% 50%);
--sentient-warning-bg: hsla(38 92% 50% / 0.15);
--sentient-error: hsl(var(--destructive));
--sentient-error-bg: hsla(var(--destructive) / 0.15);
/* Typography */
--sentient-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
/* Shadows */
--sentient-shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
--sentient-shadow-md: 0 4px 6px -1px hsla(var(--foreground) / 0.1), 0 2px 4px -1px hsla(var(--foreground) / 0.06);
--sentient-shadow-lg: 0 10px 15px -3px hsla(var(--foreground) / 0.1), 0 4px 6px -2px hsla(var(--foreground) / 0.05);
/* Border Radius */
--sentient-radius: var(--radius);
--sentient-radius-sm: calc(var(--radius) * 0.5);
--sentient-radius-md: var(--radius);
--sentient-radius-lg: calc(var(--radius) * 1.5);
--sentient-radius-xl: calc(var(--radius) * 2);
}