Перейти к содержанию

Создание цветовых тем

Koda CLI позволяет создавать собственные пользовательские цветовые темы, указывая их в файле settings.json. Это даёт полный контроль над цветовой палитрой, используемой в CLI.

Как определить пользовательскую тему

Добавьте блок customThemes в ваш пользовательский, проектный или системный файл settings.json. Каждая пользовательская тема определяется как объект с уникальным именем и набором цветовых ключей:

.kodacli/settings.json
{
  "customThemes": {
    "MyCustomTheme": {
      "name": "MyCustomTheme",
      "type": "custom",
      "Background": "#181818",
      "Foreground": "#F8F8F2",
      "LightBlue": "#82AAFF",
      "AccentBlue": "#61AFEF",
      "AccentPurple": "#C678DD",
      "AccentCyan": "#56B6C2",
      "AccentGreen": "#98C379",
      "AccentYellow": "#E5C07B",
      "AccentRed": "#E06C75",
      "Comment": "#5C6370",
      "Gray": "#ABB2BF",
      "DiffAdded": "#A6E3A1",
      "DiffRemoved": "#F38BA8",
      "DiffModified": "#89B4FA",
      "GradientColors": ["#4796E4", "#847ACE", "#C3677F"]
    }
  }
}

Обязательные ключи:

  • name (должно совпадать с ключом в объекте customThemes и быть уникальной строкой);
  • type (должно быть строкой "custom");
  • Background;
  • Foreground;
  • LightBlue;
  • AccentBlue;
  • AccentPurple;
  • AccentCyan;
  • AccentGreen;
  • AccentYellow;
  • AccentRed;
  • Comment;
  • Gray.

Опциональные ключи:

  • DiffAdded — для добавленных строк в diff;
  • DiffRemoved — для удалённых строк в diff;
  • DiffModified — для изменённых строк в diff;
  • GradientColors — массив цветов для градиента.

Вы можете использовать либо шестнадцатеричные коды (например, #FF0000), либо стандартные имена цветов CSS (например, coral, teal, blue) для любого цветового значения.

Полный список цветов доступен в справочнике Mozilla Developer Network

Вы можете определить несколько пользовательских тем, добавляя больше записей в объект customThemes.

Использование вашей пользовательской темы

  • Выберите вашу пользовательскую тему с помощью команды /theme в Koda CLI — она появится в диалоге выбора темы.
  • Или установите её по умолчанию, добавив "theme": "MyCustomTheme" в ваш settings.json.
  • Пользовательские темы могут быть установлены на пользовательском, проектном или системном уровне.