Crea y comparte una paleta de colores

[Discourse]

Discourse ahora admite la importación de esquemas de color desde un repositorio remoto. Aquí demostraré cómo hacerlo.

Navega a los colores y agrega un esquema de color.

Dirígete a /admin/customize/colors en tu sitio y crea un esquema de color.

Consejos:

• Utilicé un complemento de Chrome (selector de color) para seleccionar colores de una imagen existente de una paleta en la web.

• Si creas un tema, asigna el esquema de color al tema y prévisualízalo; los cambios se reflejarán en tiempo real.

Crea un nuevo repositorio git con el esquema de color

mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json

Para about.json, agrega un archivo de configuración básico:

{
  "name": "Mis esquemas de color increíbles",
  "about_url": "",
  "license_url": "",
  "color_schemes": {}
}

Agrega un archivo LICENSE; yo suelo usar MIT.

vim LICENSE

Sube los cambios a GitHub

Confirma todos tus cambios:

git add LICENSE
git add about.json
git commit -am "first commit"

Crea una cuenta en GitHub.com y luego crea un nuevo repositorio.

(Opcional) Crea un tema en Discourse como espacio para discutir tus colores

Idealmente, deberías crear un tema en la categoría #plugin:theme con algunas capturas de pantalla de tu esquema de color. Usarás esto como tu about_url.

Completa la información faltante en tu archivo about.json

• Navega a tu página LICENSE en GitHub y 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 portapapeles en tu esquema de color 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"
    }
  }
}

Confirma el cambio y súbelo a GitHub:

git commit -am "added more details"
git push

Verifica que tu esquema de color sea correcto

• Elimina tu esquema de color local.
• En la pantalla admin/customize/theme, importa tu tema desde GitHub.

• Visita admin/customize/colors y asegúrate de que tu esquema de color se vea correctamente.

¡Ahora puedes compartir fácilmente tu esquema de color con otras personas!

Véase también:

Structure of themes and theme components

Discourse supports native themes that can be sourced from a .tar.gz archive or from a remote git repository including private repositories. [56] An example theme is at: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme · GitHub [32] The git repository will be checked for updates (once a day), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to foll…

---

Última revisión por @SaraDev el 2022-06-03T01:00:00Z

---

Este documento está bajo control de versiones: sugiere cambios en GitHub.

[j127]

@Discourse

{
  "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"
    }
  }
}

Creo que hay dos campos más que se pueden agregar allí: hover y selected.