Создайте и поделитесь цветовой схемой

[Discourse]

Discourse теперь поддерживает импорт цветовых схем из удалённых репозиториев. Здесь я покажу, как это сделать.

Перейдите к разделу цветов и добавьте цветовую схему.

Перейдите на /admin/customize/colors на вашем сайте и создайте цветовую схему.

Советы:

• Я использовал плагин для Chrome (Color Pick Eyedropper), чтобы выбрать цвета из существующей палитры на веб-сайте.

• Если вы создаёте тему, назначьте цветовую схему теме и просмотрите её — изменения будут отображаться в реальном времени.

Создайте новый Git-репозиторий с цветовой схемой

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

Для about.json добавьте шаблонный конфигурационный файл:

{
  "name": "My awesome color schemes",
  "about_url": "",
  "license_url": "",
  "color_schemes": {}
}

Добавьте файл LICENSE. Я обычно использую MIT.

vim LICENSE

Отправьте изменения на GitHub

Добавьте все ваши изменения:

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

Создайте учётную запись на GitHub.com, а затем создайте новый репозиторий.

(Необязательно) Создайте тему на Discourse как место для обсуждения ваших цветов

В идеале вы должны создать тему в категории #plugin:theme с несколькими скриншотами вашей цветовой схемы. Вы будете использовать её как about_url.

Заполните недостающую информацию в файле about.json

• Перейдите на страницу LICENSE на GitHub и укажите этот URL как license_url.

• Используйте либо URL проекта GitHub, либо URL темы Discourse в качестве about_url.

• Нажмите «Копировать в буфер обмена» на вашей цветовой схеме и вставьте содержимое в раздел color_schemes.

В конце процесса ваш файл about.json будет выглядеть примерно так:

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

Зафиксируйте изменения и отправьте их на GitHub:

git commit -am "added more details"
git push

Проверьте, что цветовая схема работает корректно

• Удалите локальную цветовую схему.
• На экране admin/customize/theme импортируйте тему из GitHub.

• Перейдите на admin/customize/colors и убедитесь, что цветовая схема отображается правильно.

Теперь вы можете легко делиться своей цветовой схемой с другими!

См. также:

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…

---

Последний обзор выполнен @SaraDev 2022-06-03T01:00:00Z

---

Этот документ находится под версионным контролем — предлагайте изменения на 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"
    }
  }
}

Кажется, туда можно добавить ещё два поля: hover и selected.