git-branding/README.md

# git-branding

Temas de colores, paletas y iconos usados para el sitio git.openlat.dev

Este repositorio contiene todos los activos visuales, temas personalizados de git.openlat.dev, paleta de colores Material Design 3 y plantillas institucionales creadas para el proyecto **openlat.dev**.

## 📁 Estructura del Paquete `git-branding`

- **`color-palete.txt`**: Tokens oficiales de color M3 (Zafiro `#4A69AE`, Slate Teal `#3E6B74`, Obsidian Dark, Ice Light).
- **`themes/`**: Temas CSS para Forgejo (`openlatdev-brand-dark.css`, `openlatdev-brand-light.css`, `openlatdev-brand-auto.css`).
- **`icons/`**: Mascota "Guacamaya de Git" en vectores SVG translúcidos (`logo.svg`, `favicon.svg`) y PNGs en alta resolución.
- **`templates/`**: Plantilla personalizada limpia de la portada (`home.tmpl`).
- **`LICENSE`**: Licencia MIT de código/recursos abiertos.

---

## 🎨 Paleta de Colores 

### 1. Colores Principales (Primary & Secondary Accents)
| Nombre | Token | Código HEX | Muestra | Uso / Descripción |
| :--- | :--- | :---: | :---: | :--- |
| **Primary Base** | `--color-primary` | `#4A69AE` | ![](https://img.shields.net/badge/-%20-4A69AE?style=flat-square) | Zafiro base. Sobriedad y confianza |
| **Primary Dark** | `--color-primary-dark` | `#3B548C` | ![](https://img.shields.net/badge/-%20-3B548C?style=flat-square) | Estados hover/active en Tema Claro |
| **Primary Light** | `--color-primary-light` | `#6B87C8` | ![](https://img.shields.net/badge/-%20-6B87C8?style=flat-square) | Estados hover/active en Tema Oscuro |
| **Secondary Base** | `--color-secondary` | `#3E6B74` | ![](https://img.shields.net/badge/-%20-3E6B74?style=flat-square) | Slate Teal para insignias, pestañas y botones secundarios |
| **Secondary Light** | `--color-secondary-light` | `#568792` | ![](https://img.shields.net/badge/-%20-568792?style=flat-square) | Destacado de bordes e indicadores activos |

### 2. Tema Oscuro (Ink Obsidian Night)
| Elemento | Código HEX | Muestra | Descripción |
| :--- | :---: | :---: | :--- |
| **Body Canvas** | `#0E1217` | ![](https://img.shields.net/badge/-%20-0E1217?style=flat-square) | Fondo base ultra oscuro (Ink Obsidian) |
| **Header / Navbar** | `#12171E` | ![](https://img.shields.net/badge/-%20-12171E?style=flat-square) | Barra de navegación superior |
| **Card Header** | `#1E2530` | ![](https://img.shields.net/badge/-%20-1E2530?style=flat-square) | Cabecera elevada de cajas y contenedores |
| **Card Body** | `#161B23` | ![](https://img.shields.net/badge/-%20-161B23?style=flat-square) | Cuerpo del contenedor |
| **Text Primary** | `#F1F5F9` | ![](https://img.shields.net/badge/-%20-F1F5F9?style=flat-square) | Tipografía Slate-100 de alto contraste |
| **Text Muted** | `#94A3B8` | ![](https://img.shields.net/badge/-%20-94A3B8?style=flat-square) | Texto secundario y etiquetas Slate-400 |
| **Border Subtle** | `#2E3646` | ![](https://img.shields.net/badge/-%20-2E3646?style=flat-square) | Divisores y bordes sutiles |

### 3. Tema Claro (Material Ice & Snow)
| Elemento | Código HEX | Muestra | Descripción |
| :--- | :---: | :---: | :--- |
| **Body Canvas** | `#F8FAFC` | ![](https://img.shields.net/badge/-%20-F8FAFC?style=flat-square) | Fondo claro suave Slate-50 |
| **Header / Navbar** | `#0E1217` | ![](https://img.shields.net/badge/-%20-0E1217?style=flat-square) | Navbar oscuro contrastante |
| **Card Header** | `#F1F5F9` | ![](https://img.shields.net/badge/-%20-F1F5F9?style=flat-square) | Cabecera de contenedor Slate-100 |
| **Card Body** | `#FFFFFF` | ![](https://img.shields.net/badge/-%20-FFFFFF?style=flat-square) | Contenedor blanco puro |
| **Text Primary** | `#0F172A` | ![](https://img.shields.net/badge/-%20-0F172A?style=flat-square) | Tipografía Slate-900 |
| **Text Muted** | `#475569` | ![](https://img.shields.net/badge/-%20-475569?style=flat-square) | Texto secundario Slate-600 |
| **Border Subtle** | `#E2E8F0` | ![](https://img.shields.net/badge/-%20-E2E8F0?style=flat-square) | Bordes y divisores Slate-200 |

### 4. Colores Funcionales y de Estado
| Estado | Código HEX | Muestra | Nombre |
| :--- | :---: | :---: | :--- |
| **Success** | `#10B981` | ![](https://img.shields.net/badge/-%20-10B981?style=flat-square) | Emerald Green |
| **Warning** | `#F59E0B` | ![](https://img.shields.net/badge/-%20-F59E0B?style=flat-square) | Amber Yellow |
| **Danger** | `#EF4444` | ![](https://img.shields.net/badge/-%20-EF4444?style=flat-square) | Crimson Red |
| **Info** | `#3B82F6` | ![](https://img.shields.net/badge/-%20-3B82F6?style=flat-square) | Azure Blue |

---

## Contribuir
Antes de enviar un pull request, verifica que tus modificaciones no rompan el diseño en tema claro/oscuro y explica
por que consideras que deben ser integradas, nos encantará revisar tus sugerencias!


Licencia: MIT License (2026 openlat.dev)