🙋♂️ Hello, this guide will help you to understand my theme and my color systems
- 👪 You can create your own DarkCode theme family
- 💁♂️ You can use
YThemeCretor
to generate more DarkCode Themes - 📦
YThemeCreator
is part ofypackage
python package - ⏬ Downlaod
ypackage
withpip install ypackage
- 🐣 After installation, just use
ythemecreator -h
command to more usage options - ⭐ For ex:
ythemecreator ./core/dark-settings.json
to create darkcode themes - ⭐ For ex:
ythemecreator ./core/light-settings.json
to create light themes
💁♂️ Light themes are generated with
invert.js
(from dark themes and ythemecreator)
- Install Nodejs
- Install vsce with
sudo npm install -g @vscode/vsce
command - Generate extension (
.vsix
) withvsce package
command - If u want to publish, use
vsce publish
command without packaging
- ⚖️ Every DarkCode color hex value has equivalent value in DarkCode Contrast
- 🧮 This formula is given in 📜 ./core/dark-settings.json file
- ➕ Plus themes has a few additional improvements that are given the below
⭐ Long story short, more yellow color features
- ✨ All
⭐ Normal
features and additional settings that are given the below
{
"editorSuggestWidget.border": "#413701",
"editorSuggestWidget.foreground": "#bb8b12",
"editorSuggestWidget.highlightForeground": "#ffbf40b4",
"editorSuggestWidget.selectedBackground": "#41370177",
"tab.activeBorderTop": "#FFC000",
"tab.hoverBackground": "#FFC00010",
"tab.hoverBorder": "#ffd90070",
}
- ✨ All
➕ One Plus
features and additional settings that are given the below
{
"editorHoverWidget.foreground": "#bb8b12",
"menu.foreground": "#bb8b12",
"titleBar.activeForeground": "#bb8b12"
}