Sidebar etc. theming
Haroenv opened this issue · comments
Haroen Viaene commented
I'm not exactly sure where to put this, but I have this in my settings, it colours the sidebar and other vscode specific things as well:
{
"workbench.colorCustomizations": {
"activityBar.background": "#dcdcdc",
"activityBar.foreground": "#646464",
"activityBarBadge.background": "#424242",
"activityBarBadge.foreground": "#dcdcdc",
"statusBar.background": "#dcdcdc",
"statusBar.foreground": "#6c6c6c",
"statusBar.noFolderBackground": "#dcdcdc",
"statusBar.noFolderForeground": "#6c6c6c",
"button.background": "#646464",
"button.hoverBackground": "#424242",
"button.foreground": "#dcdcdc",
"notification.background": "#dcdcdc",
"notification.foreground": "#646464",
"notification.buttonBackground": "#646464",
"notification.buttonHoverBackground": "#424242",
"notification.buttonForeground": "#dcdcdc",
"notification.infoForeground": "#FFF",
"notification.errorForeground": "#FFF",
"notification.warningForeground": "#FFF"
}
}
full theme is thus:
{
"type": "light",
"colors": {
"button.foreground": "#dcdcdc",
"button.background": "#646464",
"button.hoverBackground": "#424242",
"editor.background": "#ffffff",
"editor.foreground": "#000000",
"editor.selectionBackground": "#bad6fd",
"editor.lineHighlightBackground": "#0000001a",
"editorCursor.foreground": "#000000",
"editorWhitespace.foreground": "#b3b3b3f4",
"statusBar.foreground": "#6c6c6c",
"statusBar.background": "#dcdcdc",
"statusBar.noFolderBackground": "#dcdcdc",
"statusBar.noFolderForeground": "#6c6c6c",
"activityBar.background": "#dcdcdc",
"activityBar.foreground": "#646464",
"activityBarBadge.background": "#424242",
"activityBarBadge.foreground": "#dcdcdc",
"notification.foreground": "#646464",
"notification.background": "#dcdcdc",
"notification.buttonBackground": "#646464",
"notification.buttonHoverBackground": "#424242",
"notification.buttonForeground": "#dcdcdc",
"notification.infoForeground": "#ffffff",
"notification.warningForeground": "#ffffff",
"notification.errorForeground": "#ffffff"
},
"tokenColors": [
{
"settings": {
"foreground": "#000000ff",
"background": "#ffffffff"
}
},
{
"name": "String",
"scope": "string",
"settings": {
"foreground": "#C41A16"
}
},
{
"name": "Number",
"scope": "constant.numeric",
"settings": {
"foreground": "#0086B3"
}
},
{
"name": "Keyword",
"scope": "keyword",
"settings": {
"foreground": "#A71D5D"
}
},
{
"name": "Operator",
"scope": "keyword.operator",
"settings": {
"foreground": "#000000"
}
},
{
"name": "Built-in constant",
"scope": "constant.language",
"settings": {
"foreground": "#0086B3"
}
},
{
"name": "Exception",
"scope": "support.class.exception",
"settings": {
"foreground": "#990000"
}
},
{
"name": "Function name",
"scope": "entity.name.function",
"settings": {
"foreground": "#000000"
}
},
{
"name": "Type name",
"scope": "entity.name.type",
"settings": {
"fontStyle": "bold underline"
}
},
{
"name": "Arguments",
"scope": "variable.parameter",
"settings": {
"fontStyle": "italic"
}
},
{
"name": "Comment",
"scope": "comment",
"settings": {
"foreground": "#969896"
}
},
{
"name": "Invalid",
"scope": "invalid",
"settings": {
"foreground": "#FF0000"
}
},
{
"name": "Trailing whitespace",
"scope": "invalid.deprecated.trailing-whitespace",
"settings": {
"background": "#E71A1100"
}
},
{
"name": "Embedded source",
"scope": "text source",
"settings": {
"background": "#FAFAFAFC",
"foreground": "#000000"
}
},
{
"name": "Tag",
"scope": "meta.tag, declaration.tag",
"settings": {
"foreground": "#AA0D91"
}
},
{
"name": "Support",
"scope": "support",
"settings": {
"fontStyle": "bold",
"foreground": "#000000"
}
},
{
"name": "Storage",
"scope": "storage",
"settings": {
"foreground": "#AA0D91"
}
},
{
"name": "Section name",
"scope": "entity.name.section",
"settings": {
"fontStyle": "bold underline"
}
},
{
"name": "Frame title",
"scope": "entity.name.function.frame",
"settings": {
"fontStyle": "bold",
"foreground": "#000000"
}
},
{
"name": "XML Declaration",
"scope": "meta.tag.preprocessor.xml",
"settings": {
"foreground": "#333333"
}
},
{
"name": "html attribute",
"scope": "entity.other.attribute-name",
"settings": {
"fontStyle": "italic",
"foreground": "#0A8585"
}
},
{
"name": "html tag punctuation",
"scope": "entity.name.tag",
"settings": {
"foreground": "#121289"
}
},
{
"name": "diff header from",
"scope": "meta.diff.header.from-file",
"settings": {
"background": "#FFDDDD",
"fontStyle": "",
"foreground": "#000000"
}
},
{
"name": "diff header to",
"scope": "meta.diff.header.to-file",
"settings": {
"background": "#DDFFDD",
"fontStyle": "",
"foreground": "#000000"
}
},
{
"name": "diff inserted",
"scope": "markup.inserted.diff",
"settings": {
"background": "#DDFFDD",
"fontStyle": ""
}
},
{
"name": "diff deleted",
"scope": "markup.deleted.diff",
"settings": {
"background": "#FFDDDD",
"fontStyle": "",
"foreground": "#000000"
}
},
{
"name": "BH Color",
"scope": "brackethighlighter.default",
"settings": {
"foreground": "#FF992244",
"fontStyle": "italic"
}
},
{
"scope": "token.info-token",
"settings": {
"foreground": "#316bcd"
}
},
{
"scope": "token.warn-token",
"settings": {
"foreground": "#cd9731"
}
},
{
"scope": "token.error-token",
"settings": {
"foreground": "#cd3131"
}
},
{
"scope": "token.debug-token",
"settings": {
"foreground": "#800080"
}
}
]
}