Как превратить VS Code в эстетичный IDE будущего с помощью Islands Dark

Знаете это чувство, когда штатная тема VS Code начинает казаться слишком плоской и однообразной? Я провожу в редакторе по 8-10 часов в день, и со временем взгляд замыливается. Хочется чего-то более объемного, живого, но при этом не выжигающего глаза неоновыми цветами. Недавно я наткнулся на проект vscode-dark-islands, который меняет не только цвета текста, но и саму структуру интерфейса.

Что это за зверь

Islands Dark — это не просто очередной файл с палитрой цветов. Автор вдохновлялся концептами easemate и темой JetBrains Islands. Основная фишка тут в «островном» подходе: вместо единого монолитного окна редактор превращается в набор плавающих панелей с закругленными углами и мягкими тенями.

Честно говоря, поначалу кажется, что это просто картинка из Dribbble, которую невозможно использовать в реальности. Но проект вполне рабочий, хотя и требует чуть больше усилий при установке, чем обычное нажатие кнопки «Install» в маркетплейсе.

Чем он отличается от сотен других тем

Главное отличие — работа с CSS. Стандартными средствами VS Code нельзя сделать панели плавающими или добавить глубокие тени под сайдбаром. Автор обошел это ограничение, используя расширение Custom UI Style.

Вот что вы получите на выходе:

• Глубокий темный фон холста (Hex: #131217), на котором «лежит» код.
• Эффект стеклянных границ у панелей. Верхняя и левая грани чуть подсвечены, имитируя падение света.
• Скругления везде: от вкладок и уведомлений до палитры команд.
• Анимации. Например, кнопки закрытия вкладок или хлебные крошки плавно проявляются только при наведении. Это чистит визуальный шум, когда вы просто пишете код.
• Специфический «glow» эффект для иконок файлов, если использовать их вместе с сетом Seti Folder.

Как это завести на своей машине

Установка тут не самая тривиальная, потому что тема правит runtime-стили редактора. Есть два пути.

Если вы на macOS или Linux и не боитесь терминала, можно бахнуть установку одной командой:

curl -fsSL https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/bootstrap.sh | bash

Для Windows-пользователей заготовлен скрипт на PowerShell:

irm https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/bootstrap.ps1 | iex

Скрипты сами подтянут нужные расширения, шрифты (Bear Sans UI) и создадут бэкап ваших настроек. Кстати, про шрифты: автор рекомендует IBM Plex Mono для самого кода и FiraCode Nerd Font для терминала.

Если автоматика пугает, можно все сделать руками. Нужно будет склонировать репозиторий, поставить расширение Custom UI Style и вручную мержить настройки из settings.json проекта в свои.

Тонкая настройка под себя

Мне понравилось, что автор вынес все основные параметры в CSS-переменные прямо в начале конфига. Если вам кажется, что закругление в 24px — это слишком «по-дизайнерски», его легко поправить.

В settings.json ищите блок .monaco-workbench. Там можно подкрутить:

• --islands-panel-radius: радиус панелей.
• --islands-panel-gap: расстояние между редактором и сайдбаром.
• --islands-bg-canvas: цвет того самого «подстилающего» фона.

Если выставить все радиусы в 8px, интерфейс станет намного строже, но сохранит объем и современный вид.

Есть ли подводные камни

Будьте готовы к тому, что VS Code начнет ругаться на «поврежденную установку» (Corrupt installation). Это стандартная реакция редактора на вмешательство в его CSS-потроха. Пугаться не стоит, нужно просто нажать на шестеренку в уведомлении и выбрать «Don't Show Again».

Еще один момент: если вы раньше использовали расширение «Custom CSS and JS Loader», стили могут конфликтовать. Автор советует снести старое расширение и оставить только Custom UI Style.

Стоит ли пробовать

Islands Dark точно зайдет тем, кто любит эстетику macOS, эффект матового стекла и устал от плоского материального дизайна. Это хороший способ освежить рабочее окружение, если стандартные темы вроде One Dark или Dracula уже приелись.

Особенно проект оценят пользователи NixOS — для них в репозитории есть готовый Flake, который запускает преднастроенный экземпляр VS Code со всеми шрифтами и плагинами одной командой.

Конечно, для больших энтерпрайз-проектов, где важен каждый пиксель рабочего пространства, лишние отступы (gaps) между панелями могут показаться расточительством. Но их всегда можно уменьшить до минимума в настройках, сохранив при этом общую красоту интерфейса.

Попробовать стоит хотя бы ради того, чтобы увидеть, насколько пластичным может быть VS Code, если выйти за рамки настроек из коробки.