<aside> ⚠️ Вся кастомизация вс кода завязана на плагине Background, он обязателен для установки!

</aside>

Плагины

• В своей личной кастомизации я использую очень большое количество плагинов, они достаточно сильно кушают оперативу, поэтому здесь я расскажу лишь про основные плагины которые я юзаю:

1. Background — основа моей кастомизации, этот плагин даёт вам возможность изменить прозрачность редактора кода и поставить на задний фон изображение, будь то gif или jpeg файл

2. Frosted Glass Theme — этот плагин делает элементы интерфейса вашего vs-code полупрозрачными и заблюренными, а так же добавляет к ним анимацию их появления

3. indent-rainbow — не знаю как у всех, но конкретно у меня vs-code не подсвечивает табуляцию, я мириться с этим дерьмом не стал и просто поставил плагин который добавит мне её, так ещё и будет делать её разноцветной чтоб не путаться

4. IntelliCode и IntelliCode API Usage Examples — эти плагины не столько влияют на внешний вид, сколько просто добавляют удобные подсказки для комфортного написания кода

5. Color Highlight и Color Picker — база для вэб разработчиков и не только. Два этих плагина занимаются подсветкой цветов, которые вы сами прописали в коде, будь то hex коды и прочее, Color Picker так же даёт возможность самому натыкать цвет

Для некоторых плагинов я писал настройки в user json settings file, вот настройки

//плагин background
"background.windowBackgrounds": [
        //<ПУТЬ_ДО_ВЫШЕГО_ФОНОВОГО_ИЗОБРАЖЕНИЯ>
    ],
    "background.backgroundBlur": [
        "10px",
        "10px",
        "10px",
        "10px"
    ],
    "background.backgroundOpacity": [
        0.7,
        0.7,
        0.7,
        0.7
    ],
    "background.autoInstall": true,
    
    //плагин frosted-glass-theme
    "frosted-glass-theme.revealEffect.enabled": true,
    
    //плагин indentRainbow
    "indentRainbow.indicatorStyle": "light",
    "indentRainbow.lightIndicatorStyleLineWidth": 2,
    "indentRainbow.excludedLanguages": [
        "plaintext"
    ],

Графический интерфейс

• Я фанат vima и считаю что во время работы с проектом, вам нужно видеть только код и ничего лишнего, максимум включить проводник слева, чтобы пододвинуть ваш код ближе к центру экрана. Собственно исходя из моих предпочтений я скрыл большую часть интерфейс

"window.commandCenter": false,
"workbench.editor.editorActionsLocation": "hidden",
"workbench.layoutControl.enabled": false,
"window.titleBarStyle": "custom",
"workbench.activityBar.location": "hidden",
"workbench.statusBar.visible": false,
"search.defaultViewMode": "list",
"window.menuBarVisibility": "hidden",
"workbench.editor.showTabs": "single",
"breadcrumbs.enabled": false,
"editor.glyphMargin": false,
"editor.minimap.autohide": true,
"diffEditor.renderMarginRevertIcon": false,
"editor.stickyScroll.enabled": true,
"window.restoreWindows": "none",
"editor.guides.indentation": false,
"explorer.confirmDelete": false,

//здесь кусочек настроек касающихся автосохранения вашего файла
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,

Тема

• так как мой фон текстового редактора достаточно тёмный, но красочный, методом проб и ошибок я выяснил что лучше всего он будет сочетаться с полу ярким фиолетовым цветом. короче я использую тему purple-vampire. Да название у неё кринжовое, но сделана она хорошо

• вот ссылка на тему:

Итог

по итогу я имею вот такой загрузочный файл с настройками:

{
    "extensions.experimental.affinity": {
        "asvetliakov.vscode-neovim": 1
    },

    
    "editor.fontFamily": "Hack Nerd Font",
    "window.commandCenter": false,
    "workbench.editor.editorActionsLocation": "hidden",

    "workbench.layoutControl.enabled": false,
    "window.titleBarStyle": "custom",

    //"vscode_vibrancy.opacity": 0.5,
    //"vscode_vibrancy.refreshInterval": 10,
    //"vscode_vibrancy.type": "acrylic",
    "workbench.activityBar.location": "hidden",
    "workbench.statusBar.visible": false,
    "search.defaultViewMode": "list",
    "window.menuBarVisibility": "hidden",
    "workbench.editor.showTabs": "single",
    "breadcrumbs.enabled": false,
    "editor.glyphMargin": false,
    "editor.minimap.autohide": true,
    "diffEditor.renderMarginRevertIcon": false,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 1000,
    "editor.stickyScroll.enabled": true,

    "window.restoreWindows": "none",
    "editor.guides.indentation": false,
    "tabnine.experimentalAutoImports": true,
    "explorer.confirmDelete": false,
    "background.windowBackgrounds": [
        "MyMainGifWallpaper.gif"
    ],
    "background.backgroundBlur": [
        "10px",
        "10px",
        "10px",
        "10px"
    ],
    "background.backgroundOpacity": [
        0.7,
        0.7,
        0.7,
        0.7
    ],
    "background.autoInstall": true,
    "workbench.colorTheme": "purple vampire",
    "cmake.showOptionsMovedNotification": false,
    "frosted-glass-theme.revealEffect.enabled": true,
    "indentRainbow.indicatorStyle": "light",
    "indentRainbow.lightIndicatorStyleLineWidth": 2,
    "indentRainbow.excludedLanguages": [
        "plaintext"
    ],
    "solidity.telemetry": true,
}