Discourse ahora admite la importación de esquemas de colores desde repositorios remotos. Aquí demostraré cómo hacerlo.
Navega a colores y añade un esquema de colores.
Dirígete a /admin/customize/colors en tu sitio y crea un esquema de colores.
Consejos:
-
Usé una extensión de Chrome (color picker) para seleccionar colores de una imagen existente de una paleta en la web.
-
Si creas un tema, asigna el esquema de colores al tema y prévisualízalo; los cambios se reflejarán en tiempo real.
Crea un nuevo repositorio git con el esquema de colores
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Para about.json añade un archivo de configuración básico
{
"name": "Mis esquemas de colores increíbles",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Añade un archivo LICENSE, yo suelo usar MIT
vim LICENSE
Envía los cambios a GitHub
Registra todos tus cambios:
git add LICENSE
git add about.json
git commit -am "primer commit"
Crea una cuenta en GitHub.com y luego crea un nuevo repositorio.
(Opcional) crea un tema en Discourse como lugar para discutir tus colores
Idealmente, crearías un tema en la categoría Customization > Theme con algunas capturas de pantalla de tu esquema de colores. Usarás esto como tu about_url
Completa la información faltante en tu archivo about.json
-
Navega a tu página de LICENSE en GitHub, completa esa URL como tu
license_url -
Usa ya sea la URL del proyecto de GitHub o la URL del tema de Discourse como tu
about_url -
Presiona
Copiar al portapapelesen tu esquema de colores y pégalo en la sección color_schemes
Al final del proceso, tu archivo about.json se verá algo así:
{
"name": "Solarized",
"about_url": "https://github.com/SamSaffron/discourse-solarized",
"license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
"color_schemes": {
"Solarized Light": {
"primary": "586E75",
"secondary": "EEE8D5",
"tertiary": "268BD2",
"quaternary": "CB4B16",
"header_background": "002B36",
"header_primary": "93A1A1",
"highlight": "B58900",
"danger": "CB4B16",
"success": "859900",
"love": "DC322F"
}
}
}
Registra el cambio y envíalo a GitHub
git commit -am "añadí más detalles"
git push
Comprueba que tu esquema de colores sea correcto
- Elimina tu esquema de colores local
- En la pantalla
admin/customize/themeimporta tu tema desde GitHub
- Visita
admin/customize/colorsy asegúrate de que tu esquema de colores se vea correcto.
¡Ahora puedes compartir fácilmente tu esquema de colores con otros!
Ver también:
Última revisión por @SaraDev en 2022-06-03T01:00:00Z
Este documento está controlado por versiones - sugiere cambios en github.