diff --git a/README.md b/README.md index 9ead852..c51a04c 100644 --- a/README.md +++ b/README.md @@ -8,52 +8,52 @@ Este repositorio contiene todos los activos visuales, temas personalizados de gi - **`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. +- **`icons/`**: Mascota "Guacamaya de Git" en SVG (`logo.svg`, `favicon.svg`), PNGs en alta resoluci贸n y muestras vectoriales de color (`icons/colors/`). - **`templates/`**: Plantilla personalizada limpia de la portada (`home.tmpl`). - **`LICENSE`**: Licencia MIT de c贸digo/recursos abiertos. --- -## 馃帹 Paleta de Colores +## 馃帹 Paleta de Colores (Material Design 3) ### 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 | +| **Primary Base** | `--color-primary` | `#4A69AE` | ![](./icons/colors/4A69AE.svg) | Zafiro base. Sobriedad y confianza | +| **Primary Dark** | `--color-primary-dark` | `#3B548C` | ![](./icons/colors/3B548C.svg) | Estados hover/active en Tema Claro | +| **Primary Light** | `--color-primary-light` | `#6B87C8` | ![](./icons/colors/6B87C8.svg) | Estados hover/active en Tema Oscuro | +| **Secondary Base** | `--color-secondary` | `#3E6B74` | ![](./icons/colors/3E6B74.svg) | Slate Teal para insignias, pesta帽as y botones secundarios | +| **Secondary Light** | `--color-secondary-light` | `#568792` | ![](./icons/colors/568792.svg) | 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 | +| **Body Canvas** | `#0E1217` | ![](./icons/colors/0E1217.svg) | Fondo base ultra oscuro (Ink Obsidian) | +| **Header / Navbar** | `#12171E` | ![](./icons/colors/12171E.svg) | Barra de navegaci贸n superior | +| **Card Header** | `#1E2530` | ![](./icons/colors/1E2530.svg) | Cabecera elevada de cajas y contenedores | +| **Card Body** | `#161B23` | ![](./icons/colors/161B23.svg) | Cuerpo del contenedor | +| **Text Primary** | `#F1F5F9` | ![](./icons/colors/F1F5F9.svg) | Tipograf铆a Slate-100 de alto contraste | +| **Text Muted** | `#94A3B8` | ![](./icons/colors/94A3B8.svg) | Texto secundario y etiquetas Slate-400 | +| **Border Subtle** | `#2E3646` | ![](./icons/colors/2E3646.svg) | 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 | +| **Body Canvas** | `#F8FAFC` | ![](./icons/colors/F8FAFC.svg) | Fondo claro suave Slate-50 | +| **Header / Navbar** | `#0E1217` | ![](./icons/colors/0E1217.svg) | Navbar oscuro contrastante | +| **Card Header** | `#F1F5F9` | ![](./icons/colors/F1F5F9.svg) | Cabecera de contenedor Slate-100 | +| **Card Body** | `#FFFFFF` | ![](./icons/colors/FFFFFF.svg) | Contenedor blanco puro | +| **Text Primary** | `#0F172A` | ![](./icons/colors/0F172A.svg) | Tipograf铆a Slate-900 | +| **Text Muted** | `#475569` | ![](./icons/colors/475569.svg) | Texto secundario Slate-600 | +| **Border Subtle** | `#E2E8F0` | ![](./icons/colors/E2E8F0.svg) | 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 | +| **Success** | `#10B981` | ![](./icons/colors/10B981.svg) | Emerald Green | +| **Warning** | `#F59E0B` | ![](./icons/colors/F59E0B.svg) | Amber Yellow | +| **Danger** | `#EF4444` | ![](./icons/colors/EF4444.svg) | Crimson Red | +| **Info** | `#3B82F6` | ![](./icons/colors/3B82F6.svg) | Azure Blue | --- diff --git a/icons/colors/0E1217.svg b/icons/colors/0E1217.svg new file mode 100644 index 0000000..56b20a8 --- /dev/null +++ b/icons/colors/0E1217.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/0F172A.svg b/icons/colors/0F172A.svg new file mode 100644 index 0000000..1ea6b4f --- /dev/null +++ b/icons/colors/0F172A.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/10B981.svg b/icons/colors/10B981.svg new file mode 100644 index 0000000..f265f8b --- /dev/null +++ b/icons/colors/10B981.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/12171E.svg b/icons/colors/12171E.svg new file mode 100644 index 0000000..daa47df --- /dev/null +++ b/icons/colors/12171E.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/161B23.svg b/icons/colors/161B23.svg new file mode 100644 index 0000000..ee258c0 --- /dev/null +++ b/icons/colors/161B23.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/1E2530.svg b/icons/colors/1E2530.svg new file mode 100644 index 0000000..888133d --- /dev/null +++ b/icons/colors/1E2530.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/2E3646.svg b/icons/colors/2E3646.svg new file mode 100644 index 0000000..85e1c90 --- /dev/null +++ b/icons/colors/2E3646.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/3B548C.svg b/icons/colors/3B548C.svg new file mode 100644 index 0000000..5a66dd3 --- /dev/null +++ b/icons/colors/3B548C.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/3B82F6.svg b/icons/colors/3B82F6.svg new file mode 100644 index 0000000..4237ced --- /dev/null +++ b/icons/colors/3B82F6.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/3E6B74.svg b/icons/colors/3E6B74.svg new file mode 100644 index 0000000..bfd9c3d --- /dev/null +++ b/icons/colors/3E6B74.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/475569.svg b/icons/colors/475569.svg new file mode 100644 index 0000000..fc650f2 --- /dev/null +++ b/icons/colors/475569.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/4A69AE.svg b/icons/colors/4A69AE.svg new file mode 100644 index 0000000..dff3eb0 --- /dev/null +++ b/icons/colors/4A69AE.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/568792.svg b/icons/colors/568792.svg new file mode 100644 index 0000000..890cf26 --- /dev/null +++ b/icons/colors/568792.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/6B87C8.svg b/icons/colors/6B87C8.svg new file mode 100644 index 0000000..4904bf9 --- /dev/null +++ b/icons/colors/6B87C8.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/94A3B8.svg b/icons/colors/94A3B8.svg new file mode 100644 index 0000000..ed97beb --- /dev/null +++ b/icons/colors/94A3B8.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/E2E8F0.svg b/icons/colors/E2E8F0.svg new file mode 100644 index 0000000..f8fe60d --- /dev/null +++ b/icons/colors/E2E8F0.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/EF4444.svg b/icons/colors/EF4444.svg new file mode 100644 index 0000000..5c9327b --- /dev/null +++ b/icons/colors/EF4444.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/F1F5F9.svg b/icons/colors/F1F5F9.svg new file mode 100644 index 0000000..10d3c78 --- /dev/null +++ b/icons/colors/F1F5F9.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/F59E0B.svg b/icons/colors/F59E0B.svg new file mode 100644 index 0000000..384b667 --- /dev/null +++ b/icons/colors/F59E0B.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/F8FAFC.svg b/icons/colors/F8FAFC.svg new file mode 100644 index 0000000..8639c5e --- /dev/null +++ b/icons/colors/F8FAFC.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/colors/FFFFFF.svg b/icons/colors/FFFFFF.svg new file mode 100644 index 0000000..f1e7d96 --- /dev/null +++ b/icons/colors/FFFFFF.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file