openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: rebrand accent color to Violet #6c3aed

Browse Source 
Replace Amber brand color with Violet (#6c3aed) across the entire app.

- tokens.css: accent palette → Violet (light #6c3aed, dark #a78bfa)
- Logo, favicon, PWA icons, Apple touch icon regenerated
- GitHub Pages (index.html, install.html): accent + inline SVG updated
- generate-icons.js: gradient updated for future icon generation
- Semantic colors (warning, notes, meals) intentionally unchanged
This commit is contained in:
Ulas Kalayci
2026-05-06 16:06:43 +02:00
parent 3603a946c4
commit 9883abda79
11 changed files with 75 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/install.html
+11 -11
View File
@@ -28,10 +28,10 @@
--text-1: #181620;
--text-2: #5E5C6B;
--text-3: #8F8D9A;
--accent: #92400E;
--accent-hover: #78350F;
--accent-soft: #FEF3C7;
--accent-glow: rgba(146, 64, 14, 0.12);
--accent: #6c3aed;
--accent-hover: #5b2fd4;
--accent-soft: #ede9fe;
--accent-glow: rgba(108, 58, 237, 0.12);
--success: #15803D;
--success-bg: #F0FDF4;
--warning: #B45309;
@@ -51,10 +51,10 @@
--text-1: #F5F4F1;
--text-2: #AEADB0;
--text-3: #8E8D89;
--accent: #FBBF24;
--accent-hover: #F59E0B;
--accent-soft: #2C1E00;
--accent-glow: rgba(251, 191, 36, 0.15);
--accent: #a78bfa;
--accent-hover: #9066f5;
--accent-soft: #1e1040;
--accent-glow: rgba(167, 139, 250, 0.15);
--code-bg: #141413;
--code-text: #E2E1DC;
--shadow-card: 0 1px 3px rgba(0,0,0,0.25);
@@ -65,8 +65,8 @@
:root:not([data-theme="light"]) {
--bg: #1A1A18; --bg-alt: #141413; --surface: #222220; --border: #2A2A28;
--text-1: #F5F4F1; --text-2: #AEADB0; --text-3: #8E8D89;
--accent: #FBBF24; --accent-hover: #F59E0B; --accent-soft: #2C1E00;
--accent-glow: rgba(251, 191, 36, 0.15);
--accent: #a78bfa; --accent-hover: #9066f5; --accent-soft: #1e1040;
--accent-glow: rgba(167, 139, 250, 0.15);
--code-bg: #141413; --code-text: #E2E1DC;
--shadow-card: 0 1px 3px rgba(0,0,0,0.25); --shadow-lg: 0 8px 24px rgba(0,0,0,0.45);
}
@@ -464,7 +464,7 @@
<div class="container-wide">
<a href="index.html" class="nav-logo" aria-label="Oikos Home">
<svg viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<defs><linearGradient id="navbg" x1="0" y1="0" x2="160" y2="160" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#B45309"/><stop offset="100%" stop-color="#92400E"/></linearGradient></defs>
<defs><linearGradient id="navbg" x1="0" y1="0" x2="160" y2="160" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#8b5cf6"/><stop offset="100%" stop-color="#6c3aed"/></linearGradient></defs>
<rect width="160" height="160" rx="36" fill="url(#navbg)"/>
<path d="M80 36L36 72V120C36 122.2 37.8 124 40 124H68V96H92V124H120C122.2 124 124 122.2 124 120V72L80 36Z" fill="white"/>
<rect x="100" y="46" width="12" height="22" rx="2" fill="white"/>