mirror of
https://github.com/mudler/LocalAGI.git
synced 2026-07-23 18:55:52 -04:00
Ettore Di Giacinto
95 lines
2.9 KiB
HTML
95 lines
2.9 KiB
HTML
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
/* LocalAGI Theme - CSS Variables System */
|
|
:root {
|
|
/* Background Colors */
|
|
--color-bg-primary: #0F172A;
|
|
--color-bg-secondary: #1E293B;
|
|
--color-bg-tertiary: #1E293B;
|
|
--color-bg-overlay: rgba(15, 23, 42, 0.8);
|
|
|
|
/* Brand Colors - Primary Palette */
|
|
--color-primary: #38BDF8;
|
|
--color-primary-hover: #0EA5E9;
|
|
--color-primary-active: #0284C7;
|
|
--color-primary-text: #FFFFFF;
|
|
--color-primary-light: rgba(56, 189, 248, 0.08);
|
|
--color-primary-border: rgba(56, 189, 248, 0.15);
|
|
|
|
/* Secondary Colors */
|
|
--color-secondary: #14B8A6;
|
|
--color-secondary-hover: #0D9488;
|
|
--color-secondary-light: rgba(20, 184, 166, 0.1);
|
|
|
|
/* Accent Colors */
|
|
--color-accent: #8B5CF6;
|
|
--color-accent-hover: #7C3AED;
|
|
--color-accent-light: rgba(139, 92, 246, 0.1);
|
|
--color-accent-purple: #A78BFA;
|
|
--color-accent-teal: #2DD4BF;
|
|
|
|
/* Text Colors */
|
|
--color-text-primary: #E5E7EB;
|
|
--color-text-secondary: #94A3B8;
|
|
--color-text-muted: #64748B;
|
|
--color-text-disabled: #475569;
|
|
--color-text-inverse: #0F172A;
|
|
|
|
/* Border Colors */
|
|
--color-border: rgba(148, 163, 184, 0.12);
|
|
--color-border-subtle: rgba(148, 163, 184, 0.08);
|
|
--color-border-strong: rgba(56, 189, 248, 0.2);
|
|
--color-border-focus: rgba(56, 189, 248, 0.3);
|
|
|
|
/* Status Colors */
|
|
--color-success: #14B8A6;
|
|
--color-success-light: rgba(20, 184, 166, 0.1);
|
|
--color-warning: #F59E0B;
|
|
--color-warning-light: rgba(245, 158, 11, 0.1);
|
|
--color-error: #EF4444;
|
|
--color-error-light: rgba(239, 68, 68, 0.1);
|
|
--color-info: #38BDF8;
|
|
--color-info-light: rgba(56, 189, 248, 0.1);
|
|
|
|
/* Gradient Definitions */
|
|
--gradient-primary: linear-gradient(135deg, #38BDF8 0%, #8B5CF6 50%, #14B8A6 100%);
|
|
--gradient-subtle: linear-gradient(135deg, rgba(56, 189, 248, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
|
|
--gradient-text: linear-gradient(135deg, #38BDF8 0%, #8B5CF6 50%, #14B8A6 100%);
|
|
|
|
/* Shadows */
|
|
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
|
|
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
|
|
--shadow-glow: 0 0 0 1px rgba(56, 189, 248, 0.1), 0 0 8px rgba(56, 189, 248, 0.15);
|
|
|
|
/* Animation Timing */
|
|
--duration-fast: 150ms;
|
|
--duration-normal: 200ms;
|
|
--duration-slow: 300ms;
|
|
--ease-default: cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
/* Border Radius */
|
|
--radius-sm: 4px;
|
|
--radius-md: 6px;
|
|
--radius-lg: 8px;
|
|
--radius-xl: 12px;
|
|
--radius-full: 9999px;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
background-color: var(--color-bg-primary);
|
|
color: var(--color-text-primary);
|
|
line-height: 1.5;
|
|
}
|
|
</style>
|