My VSCode theme constantly changes. Following are the themes and customization I use currently.
(I’m using M+ 1m font, and the fontSize 17, and zoomLevel 1 for the following screenshots).
DARK:
Gruvbox Dark Medium
No customization
Monokai (Installed by default)
No customization
Brackets Dark
"workbench.colorCustomizations": {
"[Brackets Dark]": {
"panel.background": "#1b1d19",
"terminal.background": "#1d1f21",
"panel.border": "#404040",
},
}
Eva Dark Bold
"editor.tokenColorCustomizations": {
"[Eva Dark Bold]": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block",
"comment.block.documentation",
"comment.line",
"punctuation.definition.comment.elixir"
],
"settings": {
"foreground": "#676e956e",
},
},
{
"scope": [
"comment.wildcard.elixir",
"comment.unused.elixir"
],
"settings": {
"foreground": "#676e95"
}
}
]
},
}
Banner (rainglow)
"workbench.colorCustomizations": {
"[Banner (rainglow)]": {
"statusBar.background": "#181620"
},
}
Banner Contrast (rainglow)
"workbench.colorCustomizations": {
"[Banner Contrast (rainglow)]": {
"statusBar.background": "#070609"
}
}
SpaceCadet
"workbench.colorCustomizations": {
"[SpaceCadet]": {
"editorIndentGuide.background": "#444",
"editorIndentGuide.activeBackground": "#888",
"editorWhitespace.foreground": "#444",
"statusBar.background": "#2e1d2b",
"statusBar.foreground": "#dda4d3",
"titleBar.inactiveForeground": "#cccccc50",
}
}
"editor.tokenColorCustomizations": {
"[SpaceCadet]": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block",
"comment.block.documentation",
"comment.line",
"punctuation.definition.comment.elixir"
],
"settings": {
"foreground": "#484246"
}
},
{
"scope": [
"comment.wildcard.elixir",
"comment.unused.elixir"
],
"settings": {
"foreground": "#686467"
}
}
]
}
}
LIGHT:
GitHub Plus Elixir Adapted
No customization
NotepadPlusPlus Remixed
"editor.tokenColorCustomizations": {
"[NotepadPlusPlus Remixed Theme]": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block",
"comment.block.documentation",
"comment.line",
"punctuation.definition.comment.elixir"
],
"settings": {
"foreground": "#7aaa7f",
},
}
]
},
}
Netbeans
"workbench.colorCustomizations": {
"[NetBeans]": {
"editor.background": "#f5f5f5",
"editorIndentGuide.activeBackground": "#00aa00"
},
}
"editor.tokenColorCustomizations": {
"[NetBeans]": {
"textMateRules": [
{
"scope": "constant.other.symbol.elixir",
"settings": {
"foreground": "#009900"
}
}
]
}
}
Coda Classic
"workbench.colorCustomizations": {
"[Coda Classic]": {
"titleBar.inactiveForeground": "#555",
"editorGroupHeader.tabsBackground": "#ffffff",
"tab.inactiveBackground": "#dddddd",
"tab.activeBackground": "#83d48590",
"tab.border": "#f3f3f3",
"contrastBorder": "#ffffff",
"editorLineNumber.foreground": "#cccccc",
"editorLineNumber.activeForeground": "#629e63",
"scrollbarSlider.background": "#88888890",
"scrollbarSlider.hoverBackground": "#83d48590",
"scrollbarSlider.activeBackground": "#83d48590",
"panel.background": "#f3f3f3",
"terminal.background": "#ffffff",
"editorWhitespace.foreground": "#83d485",
"editorIndentGuide.background": "#83d485",
"editorIndentGuide.activeBackground": "#44a046"
},
}
"editor.tokenColorCustomizations": {
"[Coda Classic]": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block",
"comment.block.documentation",
"comment.line",
"punctuation.definition.comment.elixir"
],
"settings": {
"foreground": "#73b873",
},
}
]
},
}
Quiet Light (Installed by default)
"editor.tokenColorCustomizations": {
"[Quiet Light]": {
"textMateRules": [
{
"scope": [
"comment",
"comment.block",
"comment.block.documentation",
"comment.line",
"comment.documentation.string",
"punctuation.definition.comment.elixir"
],
"settings": {
"foreground": "#91b384",
"fontStyle": ""
}
}
]
},
}
Espresso Soda
No customization
Brackets Light
No Customization
Berba
No customization
)
