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/index.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);
--code-bg: #1C1B22;
--code-text: #E2E1EC;
--radius: 16px;
@@ -48,10 +48,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);
@@ -63,8 +63,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);
--shadow-hero: 0 20px 60px rgba(0,0,0,0.55);
@@ -331,7 +331,7 @@
<nav>
<div class="wrap">
<a href="#" class="nav-logo">
<svg viewBox="0 0 160 160" fill="none"><defs><linearGradient id="g" x1="0" y1="0" x2="160" y2="160" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#B45309"></stop><stop offset="100%" stop-color="#92400E"></stop></linearGradient></defs><rect width="160" height="160" rx="36" fill="url(#g)"></rect><path d="M80 36L36 72V120C36 122.2 37.8 124 40 124H68V96H92V124H120C122.2 124 124 122.2 124 120V72L80 36Z" fill="white"></path><rect x="100" y="46" width="12" height="22" rx="2" fill="white"></rect></svg>
<svg viewBox="0 0 160 160" fill="none"><defs><linearGradient id="g" x1="0" y1="0" x2="160" y2="160" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#6c3aed"></stop></linearGradient></defs><rect width="160" height="160" rx="36" fill="url(#g)"></rect><path d="M80 36L36 72V120C36 122.2 37.8 124 40 124H68V96H92V124H120C122.2 124 124 122.2 124 120V72L80 36Z" fill="white"></path><rect x="100" y="46" width="12" height="22" rx="2" fill="white"></rect></svg>
Oikos
</a>
<div class="nav-right">