Como sobrescrever uma variável de cor apenas para um tema?

[smrtey]

Aqui estão as instruções excessivamente detalhadas. Me avise se não funcionar conforme o anunciado.

1. Crie uma conta no GitHub, caso ainda não tenha uma.

2. No Discourse, exporte seu tema:
   Admin → Personalizar → Selecione o tema que deseja exportar
   

   
   
   Isso salva o tema como um arquivo .zip no seu computador.

3. Extraia os arquivos no seu computador.

4. Acesse o GitHub e crie um novo repositório:
   

   
   
   
   

5. Clique em “uploading an existing file” (carregar um arquivo existente)
   

   

6. Arraste as pastas e arquivos descompactados do tema que você exportou (algo como):
   

   

Do seu computador para o seu repositório e clique em “Commit Changes” (Confirmar alterações).

7. Agora você pode editar o arquivo about.json. Clique no nome do arquivo.
   
   

O arquivo será algo como:

{
  "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. Clique no ícone de lápis de edição.

Agora você pode editá-lo. Recomendo alterar o nome do esquema de cores; caso contrário, ao importar o tema de volta para seu site, você acabará com dois esquemas de cores diferentes com o mesmo nome. Então, abaixo, mudei "blue-light": { para "blue-lite": {

Basta adicionar suas substituições de variáveis de cor ao final do esquema de cores após love e certifique-se de incluir uma vírgula após o 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. Clique em “Commit Changes” (Confirmar alterações).

10. Clique no nome do repositório para voltar à página principal do repositório.
    

    

11. Copie o link de Clone ou Download.
    

    

12. No Discourse, importe seu tema:
    Admin → Personalizar → Instalar → De um repositório git: Cole o link e instale.
    

    

13. Agora você pode editar este tema exatamente como faria com qualquer tema local, usando seus valores personalizados $primary-high, $primary-medium, $primary-low-mid e $primary-low.