GeneralBots/botserver
2
1
Fork 0
Code Issues Pull requests Projects Releases 323 Packages Wiki Activity Actions
botserver/ui/desktop/css/app.css

769 lines
19 KiB
CSS
Raw Normal View History

I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* General Bots Desktop - Unified Theme System with HSL Bridge */
/* This file bridges shadcn-style HSL theme variables with working CSS properties */
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* ============================================ */
/* DEFAULT THEME (Light Mode Base) */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* Uses shadcn/ui HSL format for theme files */
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
:root {
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* Shadcn-style HSL theme variables (can be overridden by theme files) */
--background: 0 0% 100%;
--foreground: 222 47% 11%;
--card: 0 0% 98%;
--card-foreground: 222 47% 11%;
--popover: 0 0% 100%;
--popover-foreground: 222 47% 11%;
--primary: 217 91% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 214 32% 91%;
--secondary-foreground: 222 47% 11%;
--muted: 214 32% 91%;
--muted-foreground: 215 16% 47%;
--accent: 214 32% 91%;
--accent-foreground: 222 47% 11%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 214 32% 91%;
--input: 214 32% 91%;
--ring: 217 91% 60%;
--radius: 0.5rem;
--chart-1: 217 91% 60%;
--chart-2: 142 76% 36%;
--chart-3: 47 96% 53%;
--chart-4: 280 83% 57%;
--chart-5: 27 87% 67%;
/* Bridge: Convert HSL to working CSS variables */
--primary-bg: hsl(var(--background));
--primary-fg: hsl(var(--foreground));
--secondary-bg: hsl(var(--card));
--secondary-fg: hsl(var(--muted-foreground));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Glass Morphism */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--glass-bg: hsla(var(--background) / 0.7);
--glass-border: hsla(var(--border) / 0.8);
--glass-shadow: hsla(var(--foreground) / 0.05);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Text Colors */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--text-primary: hsl(var(--foreground));
--text-secondary: hsl(var(--muted-foreground));
--text-tertiary: hsla(var(--muted-foreground) / 0.7);
--text-muted: hsla(var(--muted-foreground) / 0.5);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Accent Colors */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--accent-color: hsl(var(--primary));
--accent-hover: hsl(var(--primary) / 0.9);
--accent-light: hsla(var(--primary) / 0.1);
--accent-gradient: linear-gradient(
135deg,
hsl(var(--primary)) 0%,
hsl(var(--accent)) 100%
);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Border Colors */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--border-color: hsl(var(--border));
--border-light: hsla(var(--border) / 0.5);
--border-dark: hsl(var(--muted-foreground));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Background States */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--bg-hover: hsla(var(--primary) / 0.08);
--bg-active: hsla(var(--primary) / 0.15);
--bg-disabled: hsl(var(--muted));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Message Bubbles */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--user-message-bg: hsl(var(--primary));
--user-message-fg: hsl(var(--primary-foreground));
--bot-message-bg: hsl(var(--card));
--bot-message-fg: hsl(var(--card-foreground));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Sidebar */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--sidebar-bg: hsla(var(--card) / 0.95);
--sidebar-border: hsl(var(--border));
--sidebar-item-hover: hsla(var(--primary) / 0.1);
--sidebar-item-active: hsl(var(--primary));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Status Colors */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--success-color: hsl(142 76% 36%);
--warning-color: hsl(38 92% 50%);
--error-color: hsl(var(--destructive));
--info-color: hsl(var(--primary));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Shadows */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--shadow-sm: 0 1px 2px 0 hsla(var(--foreground) / 0.05);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
--shadow-md:
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
0 4px 6px -1px hsla(var(--foreground) / 0.1),
0 2px 4px -1px hsla(var(--foreground) / 0.06);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
--shadow-lg:
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
0 10px 15px -3px hsla(var(--foreground) / 0.1),
0 4px 6px -2px hsla(var(--foreground) / 0.05);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
--shadow-xl:
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
0 20px 25px -5px hsla(var(--foreground) / 0.1),
0 10px 10px -5px hsla(var(--foreground) / 0.04);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Spacing */
--space-xs: 4px;
--space-sm: 8px;
--space-md: 16px;
--space-lg: 24px;
--space-xl: 32px;
--space-2xl: 48px;
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* Border Radius (use theme radius or fallback) */
--radius-sm: calc(var(--radius) * 0.5);
--radius-md: var(--radius);
--radius-lg: calc(var(--radius) * 1.5);
--radius-xl: calc(var(--radius) * 2);
--radius-2xl: calc(var(--radius) * 3);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
--radius-full: 9999px;
/* Transitions */
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-smooth: 300ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
/* Header */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--header-bg: hsla(var(--background) / 0.8);
--header-border: hsla(var(--border) / 0.8);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
--header-height: 64px;
/* Input Fields */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--input-bg: hsl(var(--input));
--input-border: hsl(var(--border));
--input-focus-border: hsl(var(--ring));
--input-placeholder: hsl(var(--muted-foreground));
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Scrollbar */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
--scrollbar-track: hsl(var(--muted));
--scrollbar-thumb: hsla(var(--muted-foreground) / 0.3);
--scrollbar-thumb-hover: hsla(var(--muted-foreground) / 0.5);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Z-Index Layers */
--z-dropdown: 1000;
--z-sticky: 1020;
--z-fixed: 1030;
--z-modal-backdrop: 1040;
--z-modal: 1050;
--z-popover: 1060;
--z-tooltip: 1070;
}
/* ============================================ */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* DARK MODE DETECTION */
/* Auto-apply dark theme if system prefers dark */
/* (Can be overridden by theme files) */
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
--background: 222 47% 11%;
--foreground: 213 31% 91%;
--card: 217 33% 17%;
--card-foreground: 213 31% 91%;
--popover: 222 47% 11%;
--popover-foreground: 213 31% 91%;
--primary: 217 91% 60%;
--primary-foreground: 222 47% 11%;
--secondary: 217 33% 17%;
--secondary-foreground: 213 31% 91%;
--muted: 223 47% 11%;
--muted-foreground: 215 20% 65%;
--accent: 217 33% 17%;
--accent-foreground: 213 31% 91%;
--destructive: 0 63% 31%;
--destructive-foreground: 213 31% 91%;
--border: 217 33% 17%;
--input: 217 33% 17%;
--ring: 224 76% 48%;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
}
/* ============================================ */
/* GLOBAL RESETS */
/* ============================================ */
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
* {
margin: 0;
padding: 0;
box-sizing: border-box;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
html {
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
body {
font-family:
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
"Inter",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen,
Ubuntu,
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
sans-serif;
background: var(--primary-bg);
color: var(--primary-fg);
height: 100vh;
overflow: hidden;
transition:
background var(--transition-smooth),
color var(--transition-smooth);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* LAYOUT STRUCTURE */
/* ============================================ */
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
#main-content {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
height: 100vh;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
width: 100vw;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
overflow: hidden;
position: relative;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.section {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
height: 100%;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
width: 100%;
overflow: hidden;
display: none;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.section.active {
display: flex;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* FLOATING HEADER */
/* ============================================ */
.float-header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--header-height);
background: var(--header-bg);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border-bottom: 1px solid var(--header-border);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 var(--space-lg);
z-index: var(--z-sticky);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
box-shadow: var(--shadow-sm);
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
transition: all var(--transition-smooth);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.header-left {
display: flex;
align-items: center;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
gap: var(--space-md);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.header-right {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
display: flex;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
align-items: center;
gap: var(--space-sm);
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.logo-wrapper {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
display: flex;
align-items: center;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
gap: var(--space-sm);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
cursor: pointer;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
padding: var(--space-sm);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
border-radius: var(--radius-md);
transition: all var(--transition-fast);
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
background: var(--glass-bg);
border: 1px solid var(--glass-border);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.logo-wrapper:hover {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
background: var(--bg-hover);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
transform: scale(1.02);
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
border-color: var(--accent-color);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.logo-icon {
width: 36px;
height: 36px;
background: url("https://pragmatismo.com.br/icons/general-bots.svg")
center/contain no-repeat;
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
border-radius: var(--radius-sm);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.logo-text {
font-size: 18px;
font-weight: 700;
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
color: var(--text-primary);
transition: color var(--transition-fast);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* ICON BUTTONS (Apps, Theme, User) */
/* ============================================ */
.icon-button {
width: 40px;
height: 40px;
border-radius: var(--radius-full);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
display: flex;
align-items: center;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
justify-content: center;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
cursor: pointer;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
border: 1px solid var(--border-color);
background: var(--glass-bg);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
color: var(--text-primary);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
transition: all var(--transition-fast);
backdrop-filter: blur(10px);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.icon-button:hover {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
background: var(--bg-hover);
border-color: var(--accent-color);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
transform: translateY(-2px);
box-shadow: var(--shadow-md);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.icon-button:active {
transform: translateY(0);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.icon-button svg {
width: 20px;
height: 20px;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* THEME DROPDOWN */
/* ============================================ */
.theme-dropdown {
padding: 8px 16px;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
background: var(--glass-bg);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
border: 1px solid var(--border-color);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
border-radius: var(--radius-lg);
color: var(--text-primary);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
font-family: inherit;
font-size: 14px;
font-weight: 500;
cursor: pointer;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
transition: all var(--transition-fast);
backdrop-filter: blur(10px);
outline: none;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.theme-dropdown:hover {
border-color: var(--accent-color);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
box-shadow: var(--shadow-sm);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.theme-dropdown:focus {
border-color: var(--accent-color);
box-shadow: 0 0 0 3px var(--accent-light);
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
.theme-dropdown option {
background: var(--primary-bg);
color: var(--text-primary);
padding: 8px;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* APPS DROPDOWN MENU */
/* ============================================ */
.apps-dropdown {
position: absolute;
top: calc(100% + 8px);
right: 60px;
width: 280px;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
background: var(--glass-bg);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
border: 1px solid var(--glass-border);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
border-radius: var(--radius-xl);
box-shadow: var(--shadow-xl);
padding: var(--space-md);
opacity: 0;
transform: translateY(-10px) scale(0.95);
pointer-events: none;
transition: all var(--transition-smooth);
z-index: var(--z-dropdown);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.apps-dropdown.show {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: all;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.apps-dropdown-title {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--text-tertiary);
margin-bottom: var(--space-md);
padding-left: var(--space-sm);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-sm);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-item {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
display: flex;
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
flex-direction: column;
align-items: center;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
gap: var(--space-sm);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
padding: var(--space-md);
border-radius: var(--radius-lg);
text-decoration: none;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
color: var(--text-primary);
transition: all var(--transition-fast);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
cursor: pointer;
border: 1px solid transparent;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-item:hover {
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
background: var(--bg-hover);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
border-color: var(--border-color);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
transform: translateY(-2px);
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-item.active {
background: var(--accent-light);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
border-color: var(--accent-color);
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-icon {
font-size: 28px;
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
filter: drop-shadow(0 2px 4px hsla(var(--foreground) / 0.1));
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.app-item span {
font-size: 13px;
font-weight: 500;
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
color: var(--text-primary);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* USER AVATAR */
/* ============================================ */
.user-avatar {
width: 40px;
height: 40px;
border-radius: var(--radius-full);
background: var(--accent-gradient);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
font-size: 16px;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
cursor: pointer;
transition: all var(--transition-fast);
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
box-shadow: var(--shadow-sm);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.user-avatar:hover {
transform: scale(1.1);
box-shadow: var(--shadow-md);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* LOADING OVERLAY */
/* ============================================ */
.loading-overlay {
position: fixed;
inset: 0;
background: var(--primary-bg);
display: flex;
align-items: center;
justify-content: center;
z-index: var(--z-modal);
transition:
opacity var(--transition-smooth),
visibility var(--transition-smooth);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.loading-overlay.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.loading-spinner {
width: 48px;
height: 48px;
border: 4px solid var(--border-color);
border-top-color: var(--accent-color);
border-radius: var(--radius-full);
animation: spin 0.8s linear infinite;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
@keyframes spin {
to {
transform: rotate(360deg);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
/* ============================================ */
/* CONNECTION STATUS */
/* ============================================ */
.connection-status {
position: fixed;
top: 72px;
left: 50%;
transform: translateX(-50%);
padding: 8px 16px;
border-radius: var(--radius-lg);
font-size: 13px;
font-weight: 500;
z-index: var(--z-fixed);
box-shadow: var(--shadow-lg);
transition: all var(--transition-smooth);
opacity: 0;
pointer-events: none;
}
.connection-status.disconnected {
background: var(--error-color);
color: white;
opacity: 1;
}
.connection-status.connecting {
background: var(--warning-color);
color: white;
opacity: 1;
}
.connection-status.connected {
background: var(--success-color);
color: white;
opacity: 0;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* SCROLLBAR STYLING */
/* ============================================ */
::-webkit-scrollbar {
width: 8px;
height: 8px;
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
::-webkit-scrollbar-track {
background: var(--scrollbar-track);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: var(--radius-full);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover);
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* UTILITY CLASSES */
/* ============================================ */
.fade-in {
animation: fadeIn var(--transition-smooth) ease-out;
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
feat: add actix-files dependency for file serving support Added actix-files and its dependencies (http-range, mime_guess, unicase, v_htmlescape) to enable static file functionality in the botserver. This will allow serving static assets and files through the web server. The change includes all required transitive dependencies for proper file handling and MIME type detection.
2025-11-15 19:08:26 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.slide-in {
animation: slideIn var(--transition-smooth) ease-out;
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Add public assets route and improve chat initialization - Add /public static file route for themes and shared assets - Fix chat app initialization for dynamic script loading - Add ThemeManager with dropdown selector for 19 theme variants - Improve module lazy loading with better retry logic - Add loading overlay for smoother app startup - Refactor app.css to use unified theme variables - Format code and organize imports consistently
2025-11-20 20:39:20 -03:00
@keyframes slideIn {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.glass-panel {
background: var(--glass-bg);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border: 1px solid var(--glass-border);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
.button-primary {
background: var(--accent-color);
color: hsl(var(--primary-foreground));
border: none;
padding: 10px 20px;
border-radius: var(--radius-md);
font-weight: 600;
cursor: pointer;
transition: all var(--transition-fast);
}
.button-primary:hover {
background: var(--accent-hover);
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.button-secondary {
background: var(--secondary-bg);
color: var(--text-primary);
border: 1px solid var(--border-color);
padding: 10px 20px;
border-radius: var(--radius-md);
font-weight: 600;
cursor: pointer;
transition: all var(--transition-fast);
}
.button-secondary:hover {
background: var(--bg-hover);
border-color: var(--accent-color);
}
.card {
background: hsl(var(--card));
color: hsl(var(--card-foreground));
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
padding: var(--space-lg);
box-shadow: var(--shadow-sm);
transition: all var(--transition-fast);
}
.card:hover {
box-shadow: var(--shadow-md);
border-color: var(--accent-color);
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
/* ============================================ */
/* RESPONSIVE DESIGN */
/* ============================================ */
@media (max-width: 768px) {
.float-header {
padding: 0 var(--space-md);
}
.logo-text {
display: none;
}
.theme-dropdown {
padding: 8px 12px;
font-size: 13px;
}
.apps-dropdown {
right: var(--space-md);
width: calc(100vw - 32px);
max-width: 280px;
}
}
@media (max-width: 480px) {
.float-header {
height: 56px;
padding: 0 var(--space-sm);
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
:root {
--header-height: 56px;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
.icon-button {
width: 36px;
height: 36px;
}
.user-avatar {
width: 36px;
height: 36px;
font-size: 14px;
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
.logo-icon {
width: 32px;
height: 32px;
}
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
}
/* ============================================ */
/* PRINT STYLES */
/* ============================================ */
@media print {
.float-header,
.loading-overlay,
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
.apps-dropdown,
.icon-button,
.theme-dropdown,
.user-avatar {
Refactor chat module to use unified theme system Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
2025-11-20 21:09:23 -03:00
display: none !important;
}
I've completed a comprehensive rebuild of the General Bots Desktop UI to properly integrate the theme system. Here's what was accomplished: - ✅ Converted all color variables to HSL format compatible with theme files - ✅ Created a two-layer bridge system: - **Layer 1**: Base HSL variables (from theme files: `--primary: 217 91% 60%`) - **Layer 2**: Working CSS variables (auto-derived: `--accent-color: hsl(var(--primary))`) - ✅ Added support for alpha transparency: `hsla(var(--primary) / 0.1)`
2025-11-21 07:42:20 -03:00
body {
overflow: visible;
}
#main-content {
overflow: visible;
}
}
/* ============================================ */
/* ACCESSIBILITY */
/* ============================================ */
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
*:focus-visible {
outline: 2px solid var(--accent-color);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
feat: consolidate assets and improve navigation structure - Consolidated CSS and JS assets by moving them to local files (app.css, gsap.min.js, marked.min.js) - Removed livekit-client CDN dependency as it appears unused - Moved navbar logic to separate layout.js file for better organization - Changed navigation links to use hash-based routing (#chat, #drive, etc) - Removed redundant navbar template fetching in favor of static inclusion - Simplified HTML structure by removing commented code and redundant elements These changes improve maintainability and performance by reducing external dependencies and better organizing frontend assets.
2025-11-15 10:16:09 -03:00
}
Reference in a new issue Copy permalink