Как переопределить переменную цвета только для одной темы?

[smrtey]

Вот слишком подробные инструкции. Дайте знать, если что-то не работает, как описано.

1. Создайте аккаунт на GitHub, если у вас его ещё нет.

2. В Discourse экспортируйте вашу тему:
   Администрирование → Настройка → Выберите тему, которую хотите экспортировать
   

   
   
   Это сохранит тему в виде ZIP-файла на вашем компьютере.

3. Распакуйте файлы на вашем компьютере.

4. Перейдите на GitHub и создайте новый репозиторий:
   

   
   
   
   

5. Нажмите на «загрузить существующий файл»
   

   

6. Перетащите распакованные папки и файлы из экспортированной темы (что-то вроде):
   

   
   
   с вашего компьютера в репозиторий и нажмите «Commit Changes» (Зафиксировать изменения).

7. Теперь вы можете отредактировать файл about.json. Нажмите на имя файла.
   
   

Файл будет выглядеть примерно так:

{
  "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. Нажмите на иконку карандаша для редактирования.

Теперь вы можете его отредактировать. Я рекомендую изменить название цветовой схемы; в противном случае при повторном импорте темы на ваш сайт у вас окажется две разные цветовые схемы с одинаковым названием. Поэтому ниже я изменил "blue-light": { на "blue-lite": {

Просто добавьте ваши переопределения переменных цветов в конец цветовой схемы после love и убедитесь, что после значения 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. Нажмите на «Commit Changes» (Зафиксировать изменения).

10. Нажмите на название репозитория, чтобы вернуться на главную страницу репозитория.
    

    

11. Скопируйте ссылку для клонирования или загрузки.
    

    

12. В Discourse импортируйте вашу тему:
    Администрирование → Настройка → Установка → Из git-репозитория: Вставьте ссылку и нажмите «Установить».
    

    

13. Теперь вы можете редактировать эту тему так же, как и любую локальную тему, используя ваши собственные значения $primary-high, $primary-medium, $primary-low-mid и $primary-low.