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

Последнее обновление 09.01.2023 — Алёна Кузнецова

Только экран @media и (минимальная ширина: 0 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659355908410-0_123456″] { минимальная ширина: 300 пикселей; минимальная высота: 250 пикселей; } } Только экран @media и (минимальная ширина: 640 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659355908410-0_123456″] { минимальная ширина: 728 пикселей; минимальная высота: 90 пикселей; } }

Начиная с версии 1.16 и выше, в Windows Terminal добавлена ​​поддержка создания пользовательских тем, но вам потребуются некоторые навыки работы с JSON, чтобы изменить внешний вид, потому что вам нужно будет кодировать тему в файле «settings.json».

Все это возможно благодаря новому глобальному свойству «темы», которое можно использовать для создания темы с пользовательскими цветами для вкладок, строки вкладок и окна приложения. Как только «settings.json» будет обновлен кодом, тема будет доступна в настройке «Тема» на странице «Внешний вид».

В этом руководстве вы узнаете, как создать пользовательскую тему и применить ее к терминалу Windows в Windows 11.

Создать пользовательскую тему для терминала Windows

Чтобы создать пользовательскую тему, которую можно применить к терминалу, выполните следующие действия:

Только экран @media и (минимальная ширина: 0 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659356193270-5_123456″] { минимальная ширина: 300 пикселей; минимальная высота: 250 пикселей; } } Только экран @media и (минимальная ширина: 640 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659356193270-5_123456″] { минимальная ширина: 120 пикселей; минимальная высота: 600 пикселей; } }

1. Откройте терминал Windows.

2. Нажмите кнопку меню (стрелка вниз) и выберите параметр «Настройки».

3. Нажмите «Открыть файл JSON».

4. В объекте «темы» раскройте скобки «[ ]” и закодируйте пользовательскую тему. Вот пример кода, который создает тему:

   "themes": 
   [
       {
           "name": "My Theme",
           "tab": 
           {
               "background": "#ffff00",
               "showCloseButton": "always",
               "unfocusedBackground": null
           },
           "tabRow": 
           {
               "background": "#fb0004",
               "unfocusedBackground": "#555555"
           },
           "window": 
           {
               "applicationTheme": "dark",
           }
       }
   ]

5. Используйте сочетание клавиш Ctrl + S, чтобы сохранить файл.

6. В настройках Терминала нажмите Внешний вид.

7. Выберите пользовательскую тему в настройках «Тема».

8. Нажмите кнопку Сохранить.

При создании пользовательской темы вы настраиваете собственные цвета для окна и вкладок. Если вы хотите настроить цвета фона, вы можете изменить цветовую схему в разделе «Цветовые схемы».

В коде темы tab объект поддерживает background, unfocusedBackgroundа также showCloseButton характеристики. background установит цвет фона вкладки, когда вкладка активна, и всегда будет отображать цвета при полной непрозрачности. unfocusedBackground устанавливает цвет, когда вкладка неактивна и showCloseButton переключает внешний вид кнопки закрытия на вкладке.

tabRow объект поддерживает background а также unfocusedBackground характеристики. background установит цвет фона строки вкладок, когда окно находится в фокусе. unfocusedBackground установит цвет фона строки вкладки, когда она не сфокусирована.

Наконец, можно изменить настройки, применяемые к окну, с помощью кнопки window объект. window объект поддерживает applicationTheme. applicationTheme применит цвета выбранной темы приложения к окну терминала, если не указаны другие цвета.

Если вы хотите создать вторую или третью тему, вам нужно написать код только после последней фигурной скобки «{}» первой темы и перед последней скобкой «[ ]» объекта «темы».

Только экран @media и (минимальная ширина: 0 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659356403005-2_123456″] { минимальная ширина: 300 пикселей; минимальная высота: 250 пикселей; } } Только экран @media и (минимальная ширина: 640 пикселей) и (минимальная высота: 0 пикселей) { div[id^=»bsa-zone_1659356403005-2_123456″] { минимальная ширина: 300 пикселей; минимальная высота: 250 пикселей; } }