diff --git a/ui/suite/public/themes/3dbevel.css b/ui/suite/public/themes/3dbevel.css index 75e22ae..775dedc 100644 --- a/ui/suite/public/themes/3dbevel.css +++ b/ui/suite/public/themes/3dbevel.css @@ -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 */ diff --git a/ui/suite/public/themes/arcadeflash.css b/ui/suite/public/themes/arcadeflash.css index 5c79b0a..269b2a5 100644 --- a/ui/suite/public/themes/arcadeflash.css +++ b/ui/suite/public/themes/arcadeflash.css @@ -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); } diff --git a/ui/suite/public/themes/cyberpunk.css b/ui/suite/public/themes/cyberpunk.css index 3c7a959..edb90dc 100644 --- a/ui/suite/public/themes/cyberpunk.css +++ b/ui/suite/public/themes/cyberpunk.css @@ -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); } diff --git a/ui/suite/public/themes/discofever.css b/ui/suite/public/themes/discofever.css index d5e06d9..bc7a72c 100644 --- a/ui/suite/public/themes/discofever.css +++ b/ui/suite/public/themes/discofever.css @@ -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); } diff --git a/ui/suite/public/themes/grungeera.css b/ui/suite/public/themes/grungeera.css index 140e7d5..c20082e 100644 --- a/ui/suite/public/themes/grungeera.css +++ b/ui/suite/public/themes/grungeera.css @@ -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); } diff --git a/ui/suite/public/themes/jazzage.css b/ui/suite/public/themes/jazzage.css index fe6857b..2b1bdf4 100644 --- a/ui/suite/public/themes/jazzage.css +++ b/ui/suite/public/themes/jazzage.css @@ -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); } diff --git a/ui/suite/public/themes/mellowgold.css b/ui/suite/public/themes/mellowgold.css index 2534635..9aa4984 100644 --- a/ui/suite/public/themes/mellowgold.css +++ b/ui/suite/public/themes/mellowgold.css @@ -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); } diff --git a/ui/suite/public/themes/midcenturymod.css b/ui/suite/public/themes/midcenturymod.css index a56dcd4..41fa312 100644 --- a/ui/suite/public/themes/midcenturymod.css +++ b/ui/suite/public/themes/midcenturymod.css @@ -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); } diff --git a/ui/suite/public/themes/orange.css b/ui/suite/public/themes/orange.css index d7fc303..58ab173 100644 --- a/ui/suite/public/themes/orange.css +++ b/ui/suite/public/themes/orange.css @@ -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); } diff --git a/ui/suite/public/themes/polaroidmemories.css b/ui/suite/public/themes/polaroidmemories.css index 88cbe31..13a2c5b 100644 --- a/ui/suite/public/themes/polaroidmemories.css +++ b/ui/suite/public/themes/polaroidmemories.css @@ -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); } diff --git a/ui/suite/public/themes/retrowave.css b/ui/suite/public/themes/retrowave.css index 529746b..9d4bcc3 100644 --- a/ui/suite/public/themes/retrowave.css +++ b/ui/suite/public/themes/retrowave.css @@ -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); } diff --git a/ui/suite/public/themes/saturdaycartoons.css b/ui/suite/public/themes/saturdaycartoons.css index 054f1f5..631d012 100644 --- a/ui/suite/public/themes/saturdaycartoons.css +++ b/ui/suite/public/themes/saturdaycartoons.css @@ -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); } diff --git a/ui/suite/public/themes/seasidepostcard.css b/ui/suite/public/themes/seasidepostcard.css index 208415b..f68437e 100644 --- a/ui/suite/public/themes/seasidepostcard.css +++ b/ui/suite/public/themes/seasidepostcard.css @@ -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); } diff --git a/ui/suite/public/themes/typewriter.css b/ui/suite/public/themes/typewriter.css index 9efbc47..56494ae 100644 --- a/ui/suite/public/themes/typewriter.css +++ b/ui/suite/public/themes/typewriter.css @@ -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); } diff --git a/ui/suite/public/themes/vapordream.css b/ui/suite/public/themes/vapordream.css index 07fdb79..6127ca2 100644 --- a/ui/suite/public/themes/vapordream.css +++ b/ui/suite/public/themes/vapordream.css @@ -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); } diff --git a/ui/suite/public/themes/xeroxui.css b/ui/suite/public/themes/xeroxui.css index ef174c2..ab249f6 100644 --- a/ui/suite/public/themes/xeroxui.css +++ b/ui/suite/public/themes/xeroxui.css @@ -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 */ diff --git a/ui/suite/public/themes/xtreegold.css b/ui/suite/public/themes/xtreegold.css index aa3d889..6c2f045 100644 --- a/ui/suite/public/themes/xtreegold.css +++ b/ui/suite/public/themes/xtreegold.css @@ -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 */ diff --git a/ui/suite/public/themes/y2kglow.css b/ui/suite/public/themes/y2kglow.css index 64dcaf0..5048a63 100644 --- a/ui/suite/public/themes/y2kglow.css +++ b/ui/suite/public/themes/y2kglow.css @@ -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); }