vscode-ubuntu-theme

Ubuntu theme for VS code IDE

To use it

• Open your VS code
• Click on Ctrl + shift + p
• Enter and select Preferences: open Setting(JSON)
• Replace or add the json element workbench.colorCustomizations:

"workbench.colorCustomizations": {
        "activityBar.background": "#000",
        "activityBar.activeBackground": "#5E2750",
        "sideBar.background": "#10001e",
        "panel.background": "#0C001F",
        "editor.background": "#1C001E",
        "tab.inactiveBackground": "#0C001F",
        "editorGroupHeader.tabsBorder": "#9130c9",
        "editorGroup.dropBackground": "#5c05a871",
        "editorGroupHeader.tabsBackground": "#10001e",
        "titleBar.activeBackground": "#000",
        "titleBar.activeForeground": "#FFF"
},

to your setting.json file of your VS code.

• Save the file and restart the VS code.

Material Icon Theme

You can also install the famous Material Icon theme plugin from VS extensions, to customize your file icons display. It really gives a beautiful view helping detecting the files by its extensions quickly. Go to Extensions on your left (see screenshot below), and search for Material Icon theme and hit install. Restart the IDE opening one of your projects and enjoy the view 😉