Оригинальная ссылкаВы можете любить / пост / специальность / день ...Пожалуйста, укажите источник

1 Установите пользовательские плагины JS и CSS

2 Установите тему свечения

3 Добавьте профиль стиля

В каталог установки VSCode (вы можете выбрать любую папку самостоятельно) поместите следующие файлы. Для удобства скачивания файлы разбиты наGithub-Jinkeycode/vscode-transparent-glow, добро пожаловать звезда.

enable-electron-vibrancy.jsВключить поддержку электронной прозрачности

vscode-vibrancy-style.css

synthwave84.cssСтиль освещения текста, пожалуйста, получите стиль на Github. Если вы хотите не светящийся, вы можете использоватьsynthwave84-noglow.css. можно смотретьGitHub.com/Robb0Ask/Так…Будьте в курсе уведомлений.

toolbar.cssПосле введения конфигурации стилей вышеперечисленных богов некоторые заголовки в левой панели навигации по-прежнему не прозрачны.Я сам модифицировал конфигурацию и импортировал ее.

terminal.cssСделать терминал, встроенный в vscode, прозрачным

Цвет курсора терминала изменяется с помощью@manonlokiпоставка

.panel.integrated-terminal .xterm-cursor,
.xterm-cursor-block {
  background: rgb(210, 0, 252) !important;
}

4 Измените файл конфигурации VSCode

Нажмите на изображение выше在 setting.json 中编辑, и добавьте конфигурацию после открытия (брекеты не нужны, напрямую добавьте ключ-значение в исходный json):

5 перезагрузить

Нажмите Ctrl + Shift + P, запустите «Перезагрузить пользовательский CSS и JS» и перезапустите vscode. Если будет предложеноVSCode 已经损坏, выберите шестеренку в правом верхнем углу, «Больше не предлагать».

Некоторые компьютеры сообщают, что перезагрузка не удалась, запустите vscode в режиме администратора.

sudo code --user-data-dir="~/.vscode-root"

6 Резюме

Эффект готового продукта показан на рисунке.Если вы не понимаете, вы можете добавить маленького помощника WeChat udujjb, чтобы он тянул вас в группу, чтобы спросить

Вышеупомянутое руководство основано на MacOS. Для пользователей Linux см., как включить прозрачность; Windows Electron не поддерживает режим вибрации, вы можете использовать подключаемый модульGlassIt-VSCУстановите прозрачный.

Пользовательская конфигурация загрузчика CSS и JS

Линукс прозрачное окно

Окна могут быть только прозрачными + светящимися

1. Установите плагин:

1.SynthWave '84

2.Custom CSS and JS

3.GlassIt-VSC

2. Загрузите файл конфигурации (выберите один из двух способов):

1. установка команды git git клонGitHub.com/код ключа jin/…

2. Доступ через браузеркод load.GitHub.com/jin key code/…

3. Измените файл конфигурации settings.json vscode (добавьте следующий код в файл settings.json):

"vscode_custom_css.imports":[
        "file:///C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/synthwave84.css",
    ]

Замените «C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/» на расположение файла, загруженного на шаге 2.

В-четвертых, сделайте так, чтобы конфигурация вступила в силу Нажмите Ctrl + Shift + P, запустите «Перезагрузить пользовательский CSS и JS» и перезапустите vscode.