![Preview in vscode.dev](https://img.shields.io/badge/preview%20in-vscode.dev-blue)
COMBINED WITH Tokyo Night Syntax Color & Jaakkko Black Color Theme ✨
Initial Demonstrations:
Initial Look 1: Php Language
![](https://github.com/tcker/Visual-Studio-Extension-Theme/raw/HEAD/InitialLook1.png)
Initial Look 2:
![](https://github.com/tcker/Visual-Studio-Extension-Theme/raw/HEAD/InitialLook2.png)
DESCRIPTION
- 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
Credits:
TO RECREATE MY OWN CUSTOM FILE LIST LOOK:
![](https://github.com/tcker/Visual-Studio-Extension-Theme/raw/HEAD/foreground.png)
- 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
![https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css](https://github.com/tcker/Visual-Studio-Extension-Theme/raw/HEAD/extension-need.png)
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!
| |