- Install this extension: Custom CSS and JS Loader
- Create
vscodestyle.css
file somewhere on your system with this content:
.monaco-workbench .part.titlebar {
position: relative;
}
.monaco-workbench .part.titlebar::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(0%, -50%);
width: 200px;
height: 100px;
background: radial-gradient(
circle,
rgba(85, 255, 85, 0.15),
rgba(0, 0, 0, 0.05)
);
border-radius: 50%;
filter: blur(10px);
}
- Add this to your
settings.json
, type a path to your vscodestyle.css
file like below:
{
"vscode_custom_css.imports": [
"file://C:/Users/Admin/Documents/vscodestyle.css"
]
}
- Press
ctrl
+shift
+p
on windows or shift
+cmd
+p
on mac and select Reload Custom CSS and JS
.
- Reload vs code window, if it complains about that it is corrupted, simply click “Don't show again”.