/* ============================================================ THEMES.CSS — Everyday theme (the only active theme) Include AFTER palette.css. Overrides --s-* and --ws-* variables. ============================================================ */ /* Early-apply on to prevent white flash before body class */ html.theme-everyday { background: #f8f5f2; } /* Apply Everyday variables on html immediately (theme-loader sets html class before body exists) */ html.theme-everyday { --s-bg: #f8f5f2; --s-surface: #ffffff; --s-surface-2: #faf7f4; --s-border: #e8dfd5; --s-border-hover: #d4c8b8; --s-text: #3d3530; --s-text-mid: #8a7d72; --s-text-muted: #b5a99b; --s-accent: #a88bc2; --s-accent-light: #f3eef8; --s-teal: #6dafa5; --s-teal-bg: #e8f4f2; --s-gold: #c89b3c; --s-gold-bg: #fdf4dc; --s-sidebar-bg: #f0ebe4; } /* ═══════════════════════════════════════════════════════════ EVERYDAY — Human dominant, warm pastels, orange accent Feels like: warm paper, café, Sunday morning ═══════════════════════════════════════════════════════════ */ body.theme-everyday { /* Surfaces */ --s-bg: #f8f5f2; --s-surface: #ffffff; --s-surface-2: #faf7f4; /* Borders */ --s-border: #e8dfd5; --s-border-hover: #d4c8b8; /* Text */ --s-text: #3d3530; --s-text-mid: #8a7d72; --s-text-muted: #b5a99b; /* Accent — warm lilac */ --s-accent: #a88bc2; --s-accent-light: #f3eef8; /* Semantic pastels stay warm */ --s-teal: #6dafa5; --s-teal-bg: #e8f4f2; --s-gold: #c89b3c; --s-gold-bg: #fdf4dc; /* Workspace overrides */ --ws-bg: #f8f5f2; --ws-surface: #ffffff; --ws-border: #e8dfd5; --ws-text: #3d3530; --ws-mid: #8a7d72; --ws-muted: #b5a99b; --ws-accent: #a88bc2; --ws-accent-bg: #f3eef8; /* Settings overrides */ --set-bg: #f8f5f2; --set-surface: #ffffff; --set-border: #e8dfd5; --set-text: #3d3530; --set-mid: #8a7d72; --set-muted: #b5a99b; --set-accent: #a88bc2; --set-accent-bg: #f3eef8; } /* Page background — override hardcoded colors */ body.theme-everyday { background: #f8f5f2 !important; } body.theme-everyday .content { background: #f8f5f2 !important; } body.theme-everyday .chat-welcome-container { background: #f8f5f2 !important; } body.theme-everyday .chat-messages-area { background: #f8f5f2 !important; } body.theme-everyday .page-content-wrapper { background: #f8f5f2 !important; } /* Sidebar — warm sand */ html.theme-everyday .page-sidebar, body.theme-everyday .page-sidebar { background: #f0ebe4 !important; } html.theme-everyday .page-sidebar .menu-title, body.theme-everyday .page-sidebar .menu-title { color: #b5a99b !important; } html.theme-everyday .page-sidebar .menu-items li a .title, body.theme-everyday .page-sidebar .menu-items li a .title { color: #6b5e50 !important; } html.theme-everyday .page-sidebar .menu-items li .icon-thumbnail, body.theme-everyday .page-sidebar .menu-items li .icon-thumbnail { color: #b5a99b !important; } html.theme-everyday .page-sidebar .menu-items li.active a .title, body.theme-everyday .page-sidebar .menu-items li.active a .title { color: #a88bc2 !important; } html.theme-everyday .page-sidebar .menu-items li.active .icon-thumbnail, body.theme-everyday .page-sidebar .menu-items li.active .icon-thumbnail { color: #a88bc2 !important; } html.theme-everyday .page-sidebar .brand, body.theme-everyday .page-sidebar .brand { color: #3d3530 !important; } html.theme-everyday .page-sidebar .brand span, body.theme-everyday .page-sidebar .brand span { color: #a88bc2 !important; } html.theme-everyday .page-sidebar .sidebar-header-controls, body.theme-everyday .page-sidebar .sidebar-header-controls { color: #8a7d72 !important; } /* Chat input — warm shadow */ body.theme-everyday .chat-wrapper { box-shadow: 0 4px 20px rgba(140,120,100,.08); } /* User bubbles */ body.theme-everyday .ws-msg-bubble-user { background: #a88bc2; } /* Header */ body.theme-everyday .header, body.theme-everyday .ws-header, body.theme-everyday .set-header { background: #ffffff !important; border-bottom-color: #e8dfd5 !important; } body.theme-everyday .header .brand { color: #3d3530; } /* Home chat */ body.theme-everyday .suggestion-card { border-color: #e8dfd5; } body.theme-everyday .suggestion-card:hover { border-color: #a88bc2; } body.theme-everyday .chat-box { border-color: #e8dfd5; } body.theme-everyday .chat-input::placeholder { color: #b5a99b; } /* Welcome greeting */ body.theme-everyday .welcome-greeting h1, body.theme-everyday .ws-welcome-title { color: #3d3530; } /* Send button */ body.theme-everyday .ws-send { background: #a88bc2; }