¿Cómo anular una variable de color solo para un tema?

[smrtey]

Aquí están las instrucciones excesivamente detalladas. Avísame si no funcionan como se anuncia.

1. Crea una cuenta en GitHub si aún no tienes una.

2. En Discourse, exporta tu tema:
   Administración → Personalizar → Selecciona el tema que deseas exportar
   

   
   
   Esto guardará el tema como un archivo .zip en tu computadora.

3. Extrae los archivos en tu computadora.

4. Ve a GitHub y crea un nuevo repositorio:
   

   
   
   
   

5. Haz clic en “subir un archivo existente”
   

   

6. Arrastra las carpetas y archivos descomprimidos del tema que exportaste (algo como esto):
   

   
   
   desde tu computadora a tu repositorio y haz clic en “Confirmar cambios”.

7. Ahora puedes editar el archivo about.json. Haz clic en el nombre del archivo.
   
   

El archivo se verá algo así:

{
  "name": "Default",
  "component": false,
  "license_url": null,
  "about_url": null,
  "authors": null,
  "theme_version": null,
  "minimum_discourse_version": null,
  "maximum_discourse_version": null,
  "assets": {
    "badge": "assets/badge.png"
  },
  "color_schemes": {
    "blue-light": {
      "primary": "22262a",
      "secondary": "fefefe",
      "tertiary": "2572e4",
      "quaternary": "518ee9",
      "header_background": "1550a7",
      "header_primary": "fcfcfc",
      "highlight": "9edaf5",
      "danger": "ff7114",
      "success": "85cc54",
      "love": "de0100"    
    }
  },
  "learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
}

8. Haz clic en el icono del lápiz de edición.

Ahora puedes editarlo. Recomiendo cambiar el nombre del esquema de colores; de lo contrario, cuando importes el tema de nuevo a tu sitio, terminarás con dos esquemas de colores diferentes con el mismo nombre. Así que a continuación he cambiado "blue-light": { por "blue-lite": {.

Simplemente agrega tus sobrescrituras de variables de color al final del esquema de colores después de love y asegúrate de incluir una coma después del valor de love.

  "name": "Default",
  "component": false,
  "license_url": null,
  "about_url": null,
  "authors": null,
  "theme_version": null,
  "minimum_discourse_version": null,
  "maximum_discourse_version": null,
  "assets": {
    "badge": "assets/badge.png"
  },
  "color_schemes": {
    "blue-lite": {
      "primary": "22262a",
      "secondary": "fefefe",
      "tertiary": "2572e4",
      "quaternary": "518ee9",
      "header_background": "1550a7",
      "header_primary": "fcfcfc",
      "highlight": "9edaf5",
      "danger": "ff7114",
      "success": "85cc54",
      "love": "de0100",
      "primary-high": "333333",
      "primary-medium": "666666",
      "primary-low-mid": "999999",
      "primary-low": "cccccc"    
    }
  },
  "learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
}

9. Haz clic en “Confirmar cambios”.

10. Haz clic en el nombre del repositorio para volver a la página principal del repositorio.
    

    

11. Copia el enlace de Clonar o Descargar.
    

    

12. En Discourse, importa tu tema:
    Administración → Personalizar → Instalar → Desde un repositorio git: Pega el enlace e instala.
    

    

13. Ahora puedes editar este tema tal como lo harías con cualquier tema local, utilizando tus valores personalizados $primary-high, $primary-medium, $primary-low-mid y $primary-low.