naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redone 12.2 and update the header and footer colors to #2D3624

Browse Source
This commit is contained in:
Naser Mansour
2026-01-04 01:54:20 +02:00
parent b2ff6df18e
commit 1796bdb51e
7 changed files with 144 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/stories/epic-12-branding-refresh.md
+6 -6
View File
@@ -24,7 +24,7 @@ Update the LIBRA for Rights brand identity by implementing the new square logo w
| Color Name | Hex | Usage |
|------------|-----|-------|
| Primary (Dark Charcoal) | `#1B1D1A` | Header/Footer backgrounds |
| Primary (Dark Forest Green) | `#2D3624` | Header/Footer backgrounds |
| CTA (Warm Gold) | `#A68966` | Buttons, links, accents |
| Background (Warm Cream) | `#F4F1EA` | Main page background |
| Text (Forest Green) | `#2D322A` | Headings, body text |
@@ -35,7 +35,7 @@ Update the LIBRA for Rights brand identity by implementing the new square logo w
| Variant | Hex | Usage |
|---------|-----|-------|
| Primary Light | `#2D322A` | Primary hover state |
| Primary Light | `#3D4634` | Primary hover state |
| CTA Hover | `#8A7555` | Button hover state |
| CTA Light | `#C4A882` | Light accent |
| Active Hover | `#5A7030` | Active state hover |
@@ -116,8 +116,8 @@ Update brand documentation (`docs/brand.md`, `CLAUDE.md`, etc.) to reflect new c
### Color Values for Implementation
```css
/* New Dark Charcoal & Warm Gold Palette */
--color-primary: #1B1D1A; /* Dark Charcoal - Header/Footer backgrounds */
/* New Dark Forest Green & Warm Gold Palette */
--color-primary: #2D3624; /* Dark Forest Green - Header/Footer backgrounds */
--color-cta: #A68966; /* Warm Gold - Buttons, links, accents */
--color-background: #F4F1EA; /* Warm Cream - Main page background */
--color-text: #2D322A; /* Forest Green - Headings, body text */
@@ -125,7 +125,7 @@ Update brand documentation (`docs/brand.md`, `CLAUDE.md`, etc.) to reflect new c
--color-active: #4A5D23; /* Olive Green - Active states */
/* Color variants for UI states */
--color-primary-light: #2D322A; /* Primary hover state */
--color-primary-light: #3D4634; /* Primary hover state */
--color-cta-hover: #8A7555; /* Button hover state */
--color-cta-light: #C4A882; /* Light accent */
--color-active-hover: #5A7030; /* Active state hover */
@@ -135,7 +135,7 @@ Update brand documentation (`docs/brand.md`, `CLAUDE.md`, etc.) to reflect new c
| Element | Color | Hex |
|---------|-------|-----|
| Header/Footer Background | Primary | `#1B1D1A` |
| Header/Footer Background | Primary | `#2D3624` |
| Main Page Background | Background | `#F4F1EA` |
| Card Backgrounds | Card | `#FFFFFF` |
| CTA Buttons | CTA | `#A68966` |