- I build this only for my eyes and my eyes only hahahhah
- I only copy the specific lines of codes to make this theme from their themes.json files
- https://github.com/tokyo-night/tokyo-night-vscode-theme
- https://github.com/Jaakkko/vscode-black-theme
- To recreate more foreground look with the Explorer this is would you need to do
-
prerequisites:
A. Download the extension Custom CSS and JS loader in vscode marketplace
B. Download JetBrains Font, and install them on your computer
-
Create a custom directory for vscode-custom.css, create an import on your settings.json
"vscode_custom_css.imports": [
"<path to your vscode-custom.css>",
],
- copy this code and paste it on your newly created vscode-custom.css
.composite.title h2 {
color: #FFFFFF !important;
font-weight: bold !important;
font-size: 12px !important;
}
.composite.title h2::before {
display: inline-block;
margin-right: 6px;
font-size: 1.1rem;
content: '🌌';
}
.monaco-list-rows {
color: #FFFFFF !important;
}
- You are welcome to customize your vscode base on your liking, Happy Coding!
Enjoy!