Wise Owl Material Theme
Publisher: WaseemAkhterThemes in package: 4
A custom theme combining Night Owl background colors with Material foreground colors
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#009688
- activityBar.background#20292e
- activityBar.foreground#a7b6b8
- activityBarBadge.background#009688
- debugToolBar.background#232e33
- diffEditor.insertedTextBackground#00ff001a
- diffEditor.removedTextBackground#ff00001a
- dropdown.background#20292e
- editor.background#263238
- editor.findMatchBackground#0096887a
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#212b30
- editor.selectionBackground#00968880
- editor.selectionHighlightBackground#00968860
- editorBracketMatch.background#354044
- editorBracketMatch.border#009688
- editorCursor.foreground#009688
- editorGroup.dropBackground#00968828
- editorGroupHeader.tabsBackground#232e33
- editorLineNumber.foreground#3e4b50
- editorOverviewRuler.findMatchForeground#0000ff80
- editorSuggestWidget.background#29363d
- editorSuggestWidget.border#29363d
- editorSuggestWidget.foreground#e6f5f3
- editorSuggestWidget.highlightForeground#e6f5f3
- editorSuggestWidget.selectedBackground#009688
- editorWidget.background#232e33
- editorWidget.border#29363d
- focusBorder#2c383d
- gitDecoration.conflictingResourceForeground#f69864
- gitDecoration.deletedResourceForeground#EF5350
- gitDecoration.ignoredResourceForeground#6a777a
- gitDecoration.modifiedResourceForeground#FFCA28
- gitDecoration.untrackedResourceForeground#8BC34A
- input.background#20292e
- input.foreground#ffffff
- input.placeholderForeground#717e82
- list.activeSelectionBackground#009688
- list.activeSelectionForeground#dff5f3
- list.dropBackground#009688
- list.focusBackground#076b61
- list.highlightForeground#eeffff
- list.hoverBackground#2c383d
- list.hoverForeground#a7b6b8
- list.inactiveFocusBackground#009688
- list.inactiveSelectionBackground#2c383d
- list.inactiveSelectionForeground#dff5f3
- panel.background#273237
- panel.border#232e33
- panelTitle.activeBorder#009688
- pickerGroup.border#009688
- pickerGroup.foreground#009688
- scrollbar.shadow#263238
- scrollbarSlider.activeBackground#a7b6b840
- scrollbarSlider.background#20292e7f
- scrollbarSlider.hoverBackground#20292ebf
- sideBar.background#232e33
- sideBar.foreground#a7b6b8
- sideBarSectionHeader.background#20292e
- sideBarSectionHeader.foreground#a7b6b8
- sideBarTitle.foreground#bbbbbb
- statusBar.background#232e33
- statusBar.foreground#a7b6b8
- tab.activeBackground#232e33
- tab.activeBorder#009688
- tab.activeForeground#eeffff
- tab.border#232e33
- tab.inactiveBackground#232e33
- tab.inactiveForeground#a1b0b2
- terminal.ansiBlack#313131
- terminal.ansiBlue#4fb6f7
- terminal.ansiBrightBlack#708284
- terminal.ansiBrightBlue#4fb6f7
- terminal.ansiBrightCyan#00b9cc
- terminal.ansiBrightGreen#cddc39
- terminal.ansiBrightMagenta#e23673
- terminal.ansiBrightRed#ff5d4e
- terminal.ansiBrightWhite#e6e5e5
- terminal.ansiBrightYellow#ffcb43
- terminal.ansiCyan#00b9cc
- terminal.ansiGreen#cddc39
- terminal.ansiMagenta#e23673
- terminal.ansiRed#ff5d4e
- terminal.ansiWhite#e6e5e5
- terminal.ansiYellow#ffcb43
- terminal.background#273237
- terminal.foreground#d4d4d4
- titleBar.activeBackground#222d32
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, punctuation.definition.dictionary, punctuation.separator.dictionary.pair, variable.other, variable.assignment, entity.name.type.instance, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.constant.css, constant.other.color, support.constant.color, meta.property-name.css, meta.property-value.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.separator.list.comma.css, meta.paragraph.markdown, text.html.markdown, text.html.basic, punctuation.definition.variable.less, variable.other.object, text.jade, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, variable.interpolation.scss, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, string.other.link.description.title.markdown, constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.parameters.js, punctuation.separator.comma.js | #EEFFFF | — |
| punctuation, keyword.operator, meta.brace, support.constant, support.type.object.module.js, meta.group.regexp, string.regexp.js, source.js-ignored-vscode | #89DDF3 | — |
| support.type.property-name, string.quoted, meta.object-literal.key, source.coffee.embedded.source, entity.name.section.markdown, punctuation.definition.heading.markdown, string.unquoted.plain.out.yaml, string.template.js, string.interpolated.jade, support.type.builtin.graphql | #C3E88D | — |
| constant.numeric, variable.parameter.function, keyword.other.unit | #F78C6A | — |
| constant.language, entity.name.tag.html, entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, constant.other.table-name.sql, constant.other.database-name.sql, entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.yaml, entity.name.tag.style.html, entity.name.tag.other.html, support.variable.property.js, entity.name.tag.jade, constant.name.attribute.tag.jade, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.class.component.html | #F07178 | — |
| comment, punctuation.definition.comment | #4f6875 | italic |
| storage.type, keyword.control, keyword.other.important.css, punctuation.definition.keyword, punctuation.definition.directive, storage.modifier.cs, keyword.other.class.cs, keyword.type.cs, markup.italic.markdown, punctuation.definition.italic.markdown, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, meta.tag.sgml.doctype.html, storage.modifier.java, punctuation.definition.storage.type.objc, storage.modifier.perl, keyword.other.DML.sql, keyword.other.alias.sql, storage.modifier.async.js, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.other.definition.ini, punctuation.definition.block.tag.jsdoc, storage.modifier.js, storage.modifier.ts, storage.modifier.tsx, keyword.type.graphql, keyword.other.default | #C792EA | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | italic |
| entity.name.function, support.function, variable.other.property, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown, meta.function-call.generic.python, keyword.other.special-method.ruby, entity.name.type.js, variable.other.object.property.js, entity.name.section.group-title.ini, support.variable.property.dom.js, support.variable.property.dom.ts, entity.name.type.ts, entity.name.type.tsx, variable.graphql | #82AAFF | — |
| markup.quote.markdown | #82AAFF | italic |
| support.class, entity.name.type.class, constant.numeric.css, entity.other.attribute-name, support.variable.object.node.js, support.variable.object.process.js, support.variable.property.process.js, support.variable.dom.js, support.constant.json.js, entity.other.inherited-class, support.variable.dom.ts, support.type.primitive.ts, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, support.variable.dom.tsx, support.type.graphql | #FFCB6B | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FFCB6B | bold |
| variable.language.super, punctuation.definition.metadata.markdown, variable.language.special.self.python, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, variable.language.this.js, variable.language.this.ts | #FF5370 | — |
| entity.name.tag | #B2CCD6 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.constant.parity.css, meta.object-literal.key.js, meta.object-literal.key.ts | #73d1c8 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #ff869a | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#011627
- activityBar.border#01162700
- activityBar.foreground#d6deeb
- activityBar.inactiveForeground#464e5799
- activityBarBadge.background#82aaff
- activityBarBadge.foreground#011627
- breadcrumb.activeSelectionForeground#d6deeb
- breadcrumb.background#011627
- breadcrumb.focusForeground#d6deeb
- breadcrumb.foreground#464e5799
- button.background#82aaff
- button.foreground#011627
- button.hoverBackground#5f7cc4
- dropdown.background#011627
- dropdown.border#1e293366
- dropdown.foreground#d6deeb
- editor.background#011627
- editor.foreground#d6deeb
- editor.lineHighlightBackground#1e293399
- editor.selectionBackground#82aaff40
- editor.selectionHighlightBackground#82aaff30
- editorBracketMatch.background#1e293366
- editorBracketMatch.border#80a4c2
- editorCursor.foreground#80a4c2
- editorError.foreground#ff5874
- editorGroup.border#01162700
- editorGroupHeader.border#01162700
- editorGroupHeader.tabsBackground#011627
- editorGroupHeader.tabsBorder#01162700
- editorIndentGuide.activeBackground1#464e57
- editorIndentGuide.background1#464e5755
- editorLineNumber.activeForeground#d6deeb
- editorLineNumber.foreground#464e57
- editorWarning.foreground#ecc48d
- editorWhitespace.foreground#464e5755
- editorWidget.background#011627
- editorWidget.border#1e293366
- editorWidget.foreground#d6deeb
- input.background#011627
- input.border#1e293366
- input.foreground#d6deeb
- input.placeholderForeground#464e5799
- inputOption.activeBackground#1e293366
- inputOption.activeBorder#82aaff
- list.activeSelectionBackground#1e293366
- list.activeSelectionForeground#d6deeb
- list.focusBackground#1e293366
- list.focusForeground#d6deeb
- list.hoverBackground#1e293366
- list.hoverForeground#d6deeb
- list.inactiveSelectionBackground#1e293366
- list.inactiveSelectionForeground#d6deeb
- menu.background#011627
- menu.border#01162700
- menu.foreground#d6deeb
- menu.selectionBackground#1e293366
- menu.selectionForeground#d6deeb
- menubar.selectionBackground#1e293366
- menubar.selectionForeground#d6deeb
- panel.background#011627
- panel.border#01162700
- panelTitle.activeBorder#82aaff
- panelTitle.activeForeground#d6deeb
- panelTitle.inactiveForeground#464e5799
- searchEditor.textInputBorder#1e293366
- sideBar.background#011627
- sideBar.border#01162700
- sideBar.foreground#d6deeb
- sideBarSectionHeader.background#011627
- sideBarSectionHeader.border#01162700
- sideBarSectionHeader.foreground#d6deeb
- sideBarTitle.foreground#d6deeb
- statusBar.background#011627
- statusBar.border#01162700
- statusBar.debuggingBackground#011627
- statusBar.foreground#d6deeb
- statusBar.noFolderBackground#011627
- statusBarItem.hoverBackground#1e293366
- tab.activeBackground#011627
- tab.activeBorder#00000000
- tab.activeBorderTop#82aaff
- tab.activeForeground#d6deeb
- tab.border#01162700
- tab.hoverBackground#1e293366
- tab.inactiveBackground#011627
- tab.inactiveForeground#464e5799
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#464e5799
- tab.unfocusedHoverBackground#1e293366
- terminal.ansiBlack#011627
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#464e57
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fdbca
- terminal.ansiBrightGreen#22da6f
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#ff5874
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ecc48d
- terminal.ansiCyan#7fdbca
- terminal.ansiGreen#22da6f
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff5874
- terminal.ansiWhite#d6deeb
- terminal.ansiYellow#ecc48d
- terminal.background#011627
- terminal.foreground#d6deeb
- titleBar.activeBackground#011627
- titleBar.activeForeground#d6deeb
- titleBar.border#01162700
- titleBar.inactiveBackground#011627
- titleBar.inactiveForeground#464e5799
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, punctuation.definition.dictionary, punctuation.separator.dictionary.pair, variable.other, variable.assignment, entity.name.type.instance, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.constant.css, constant.other.color, support.constant.color, meta.property-name.css, meta.property-value.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.separator.list.comma.css, meta.paragraph.markdown, text.html.markdown, text.html.basic, punctuation.definition.variable.less, variable.other.object, text.jade, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, variable.interpolation.scss, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, string.other.link.description.title.markdown, constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.parameters.js, punctuation.separator.comma.js | #EEFFFF | — |
| punctuation, keyword.operator, meta.brace, support.constant, support.type.object.module.js, meta.group.regexp, string.regexp.js, source.js-ignored-vscode | #89DDF3 | — |
| support.type.property-name, string.quoted, meta.object-literal.key, source.coffee.embedded.source, entity.name.section.markdown, punctuation.definition.heading.markdown, string.unquoted.plain.out.yaml, string.template.js, string.interpolated.jade, support.type.builtin.graphql | #C3E88D | — |
| constant.numeric, variable.parameter.function, keyword.other.unit | #F78C6A | — |
| constant.language, entity.name.tag.html, entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, constant.other.table-name.sql, constant.other.database-name.sql, entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.yaml, entity.name.tag.style.html, entity.name.tag.other.html, support.variable.property.js, entity.name.tag.jade, constant.name.attribute.tag.jade, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.class.component.html | #F07178 | — |
| comment, punctuation.definition.comment | #4f6875 | italic |
| storage.type, keyword.control, keyword.other.important.css, punctuation.definition.keyword, punctuation.definition.directive, storage.modifier.cs, keyword.other.class.cs, keyword.type.cs, markup.italic.markdown, punctuation.definition.italic.markdown, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, meta.tag.sgml.doctype.html, storage.modifier.java, punctuation.definition.storage.type.objc, storage.modifier.perl, keyword.other.DML.sql, keyword.other.alias.sql, storage.modifier.async.js, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.other.definition.ini, punctuation.definition.block.tag.jsdoc, storage.modifier.js, storage.modifier.ts, storage.modifier.tsx, keyword.type.graphql, keyword.other.default | #C792EA | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | italic |
| entity.name.function, support.function, variable.other.property, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown, meta.function-call.generic.python, keyword.other.special-method.ruby, entity.name.type.js, variable.other.object.property.js, entity.name.section.group-title.ini, support.variable.property.dom.js, support.variable.property.dom.ts, entity.name.type.ts, entity.name.type.tsx, variable.graphql | #82AAFF | — |
| markup.quote.markdown | #82AAFF | italic |
| support.class, entity.name.type.class, constant.numeric.css, entity.other.attribute-name, support.variable.object.node.js, support.variable.object.process.js, support.variable.property.process.js, support.variable.dom.js, support.constant.json.js, entity.other.inherited-class, support.variable.dom.ts, support.type.primitive.ts, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, support.variable.dom.tsx, support.type.graphql | #FFCB6B | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FFCB6B | bold |
| variable.language.super, punctuation.definition.metadata.markdown, variable.language.special.self.python, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, variable.language.this.js, variable.language.this.ts | #FF5370 | — |
| entity.name.tag | #B2CCD6 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.constant.parity.css, meta.object-literal.key.js, meta.object-literal.key.ts | #73d1c8 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #ff869a | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#000000
- activityBar.border#ffffff
- activityBar.foreground#d6deeb
- activityBar.inactiveForeground#464e5799
- activityBarBadge.background#00ffff
- activityBarBadge.foreground#000000
- breadcrumb.activeSelectionForeground#d6deeb
- breadcrumb.background#000000
- breadcrumb.focusForeground#d6deeb
- breadcrumb.foreground#464e5799
- button.background#00ffff
- button.foreground#000000
- button.hoverBackground#00bfff
- dropdown.background#000000
- dropdown.border#ffffff
- dropdown.foreground#d6deeb
- editor.background#000000
- editor.foreground#d6deeb
- editor.lineHighlightBackground#ffffff1a
- editor.selectionBackground#ffff0066
- editor.selectionHighlightBackground#ffff0044
- editorBracketMatch.background#ffff0033
- editorBracketMatch.border#ffff00
- editorCursor.foreground#80a4c2
- editorError.foreground#ff5874
- editorGroup.border#ffffff
- editorGroupHeader.border#ffffff
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#ffffff
- editorIndentGuide.activeBackground1#ffff00
- editorIndentGuide.background1#ffffff33
- editorLineNumber.activeForeground#d6deeb
- editorLineNumber.foreground#464e57
- editorWarning.foreground#ecc48d
- editorWhitespace.foreground#464e5755
- editorWidget.background#000000
- editorWidget.border#ffff00
- editorWidget.foreground#d6deeb
- input.background#000000
- input.border#ffffff
- input.foreground#d6deeb
- input.placeholderForeground#464e5799
- list.activeSelectionBackground#ffff0033
- list.activeSelectionForeground#d6deeb
- list.focusBackground#ffff0033
- list.focusForeground#d6deeb
- list.hoverBackground#ffff0033
- list.hoverForeground#d6deeb
- list.inactiveSelectionBackground#ffff0033
- list.inactiveSelectionForeground#d6deeb
- menu.background#000000
- menu.border#ffffff
- menu.foreground#d6deeb
- menu.selectionBackground#ffff0033
- menu.selectionForeground#d6deeb
- menubar.selectionBackground#ffff0033
- menubar.selectionForeground#d6deeb
- panel.background#000000
- panel.border#ffffff
- panelTitle.activeBorder#ffff00
- panelTitle.activeForeground#d6deeb
- panelTitle.inactiveForeground#464e5799
- searchEditor.textInputBorder#ffff00
- sideBar.background#000000
- sideBar.border#ffffff
- sideBar.foreground#d6deeb
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#ffffff
- sideBarSectionHeader.foreground#d6deeb
- sideBarTitle.foreground#d6deeb
- statusBar.background#000000
- statusBar.border#ffffff
- statusBar.debuggingBackground#000000
- statusBar.foreground#d6deeb
- statusBar.noFolderBackground#000000
- statusBarItem.hoverBackground#ffff0033
- tab.activeBackground#000000
- tab.activeBorder#00000000
- tab.activeBorderTop#ffff00
- tab.activeForeground#d6deeb
- tab.border#666666
- tab.hoverBackground#ffff0033
- tab.inactiveBackground#000000
- tab.inactiveForeground#464e5799
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#ffffff33
- tab.unfocusedHoverBackground#ffff0033
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#464e57
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fdbca
- terminal.ansiBrightGreen#22da6f
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#ff5874
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ecc48d
- terminal.ansiCyan#7fdbca
- terminal.ansiGreen#22da6f
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff5874
- terminal.ansiWhite#d6deeb
- terminal.ansiYellow#ecc48d
- terminal.background#000000
- terminal.foreground#d6deeb
- titleBar.activeBackground#000000
- titleBar.activeForeground#d6deeb
- titleBar.border#ffffff
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#464e5799
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #00ff00 | italic |
| string | #ffff00 | — |
| constant.numeric | #ff6b6b | — |
| constant.language | #ff1493 | — |
| constant.character, constant.other | #ff1493 | — |
| variable | — | |
| keyword | #00ffff | — |
| storage | #00ffff | — |
| storage.type | #00ffff | — |
| entity.name.class | #ffff00 | underline bold |
| entity.other.inherited-class | #00ff7f | italic underline bold |
| entity.name.function | #00bfff | bold |
| variable.parameter | #ff6b6b | italic bold |
| entity.name.tag | #ff1493 | bold |
| entity.name.tag.html.h1, entity.name.tag.html.h2, entity.name.tag.html.h3, entity.name.tag.html.h4, entity.name.tag.html.h5, entity.name.tag.html.h6 | #ffffff | bold |
| entity.other.attribute-name | #ffff00 | bold |
| entity.other.attribute-name.html.className, entity.other.attribute-name.jsx, support.other.attribute-name.jsx, meta.attribute.jsx | #ffff00 | bold |
| support.function | #00ff7f | bold |
| support.constant | #00ff7f | bold |
| support.type, support.class | #00ffff | italic bold |
| support.other.variable | — | |
| invalid | #ff0000 | bold |
| invalid.deprecated | #ff00ff | bold |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#ffffff
- activityBar.foreground#333333
- activityBar.inactiveForeground#99999966
- activityBarBadge.background#0066cc
- activityBarBadge.foreground#ffffff
- button.background#0066cc
- button.foreground#ffffff
- button.hoverBackground#0052a3
- dropdown.background#ffffff
- dropdown.border#cccccc
- dropdown.foreground#333333
- editor.background#f5f5f5
- editor.foreground#333333
- editor.lineHighlightBackground#f0f0f099
- editor.selectionBackground#4f46e580
- editor.selectionHighlightBackground#4f46e560
- editorBracketMatch.background#e0e6ff66
- editorBracketMatch.border#0066cc
- editorCursor.foreground#0066cc
- editorError.foreground#e91e63
- editorIndentGuide.activeBackground1#999999
- editorIndentGuide.background1#e0e0e055
- editorLineNumber.activeForeground#333333
- editorLineNumber.foreground#999999
- editorWarning.foreground#f39c12
- editorWhitespace.foreground#e0e0e055
- editorWidget.background#f5f5f5
- editorWidget.border#e0e6ff66
- editorWidget.foreground#333333
- input.background#ffffff
- input.border#cccccc
- input.foreground#333333
- input.placeholderForeground#99999966
- list.activeSelectionBackground#e0e6ff66
- list.activeSelectionForeground#333333
- list.focusBackground#e0e6ff66
- list.focusForeground#333333
- list.hoverBackground#e0e6ff66
- list.hoverForeground#333333
- list.inactiveSelectionBackground#e0e6ff66
- list.inactiveSelectionForeground#333333
- menu.background#ffffff
- menu.foreground#333333
- menu.selectionBackground#e0e6ff66
- menu.selectionForeground#333333
- menubar.selectionBackground#e0e6ff66
- menubar.selectionForeground#333333
- panel.background#f5f5f5
- panel.border#e0e0e0
- panelTitle.activeBorder#0066cc
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#99999966
- searchEditor.textInputBorder#e0e6ff66
- sideBar.background#ffffff
- sideBar.border#e0e0e0
- sideBar.foreground#333333
- sideBarSectionHeader.background#f5f5f5
- sideBarSectionHeader.border#e0e0e0
- sideBarSectionHeader.foreground#333333
- statusBar.background#f5f5f5
- statusBar.foreground#333333
- statusBarItem.hoverBackground#e0e6ff66
- tab.activeBackground#ffffff
- tab.activeBorder#0066cc
- tab.activeForeground#333333
- tab.border#e0e0e0
- tab.hoverBackground#e0e6ff66
- tab.inactiveBackground#f5f5f5
- tab.inactiveForeground#99999966
- tab.unfocusedActiveBorder#cccccc
- tab.unfocusedHoverBackground#e0e6ff66
- terminal.ansiBlack#333333
- terminal.ansiBlue#0066cc
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#0066cc
- terminal.ansiBrightCyan#16a085
- terminal.ansiBrightGreen#27ae60
- terminal.ansiBrightMagenta#8e44ad
- terminal.ansiBrightRed#e91e63
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f39c12
- terminal.ansiCyan#16a085
- terminal.ansiGreen#27ae60
- terminal.ansiMagenta#8e44ad
- terminal.ansiRed#e91e63
- terminal.ansiWhite#f5f5f5
- terminal.ansiYellow#f39c12
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#333333
- titleBar.inactiveBackground#f5f5f5
- titleBar.inactiveForeground#99999966
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|