After Work Theme
Publisher: Maximilian SauerThemes in package: 3
Simple global useable theme
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.background#252525
- activityBar.border#252525
- activityBar.dropBackground#6ab7ff
- activityBar.foreground#AFAFAF
- activityBarBadge.background#6ab7ff
- activityBarBadge.foreground#222
- badge.background#6ab7ff
- badge.foreground#000000
- button.background#303030
- button.foreground#AFAFAF
- button.hoverBackground#404040
- debugToolBar.background#252525
- diffEditor.insertedTextBackground#689f3890
- diffEditor.insertedTextBorder#689f3890
- diffEditor.removedTextBackground#e64a1990
- diffEditor.removedTextBorder#e64a1990
- dropdown.background#303030
- dropdown.border#303030
- dropdown.foreground#AFAFAF
- editor.background#202020
- editor.findMatchBackground#505050
- editor.findMatchHighlightBackground#505050
- editor.findRangeHighlightBackground#505050
- editor.foreground#F0F0F0
- editor.hoverHighlightBackground#006bd0
- editor.inactiveSelectionBackground#303030
- editor.lineHighlightBackground#202020
- editor.lineHighlightBorder#404040
- editor.rangeHighlightBackground#7c7c7c
- editor.selectionBackground#505050
- editor.selectionHighlightBackground#404040
- editor.wordHighlightBackground#505050
- editor.wordHighlightStrongBackground#006bd0
- editorBracketMatch.background#303030
- editorBracketMatch.border#6ab7ff
- editorCursor.background#202020
- editorCursor.foreground#F0F0F0
- editorGroup.background#252525
- editorGroup.border#252525
- editorGroup.dropBackground#6ab7ff
- editorGroupHeader.noTabsBackground#252525
- editorGroupHeader.tabsBackground#252525
- editorGroupHeader.tabsBorder#252525
- editorHoverWidget.background#252525
- editorHoverWidget.border#252525
- editorIndentGuide.background#303030
- editorLineNumber.foreground#404040
- editorLink.activeForeground#006bd0
- editorOverviewRuler.addedForeground#8bc34a
- editorOverviewRuler.border#252525
- editorOverviewRuler.deletedForeground#f44336
- editorOverviewRuler.errorForeground#f44336
- editorOverviewRuler.rangeHighlightForeground#6ab7ff
- editorRuler.foreground#FAFAFA
- editorWhitespace.foreground#303030
- editorWidget.background#252525
- editorWidget.border#252525
- extensionButton.prominentBackground#6ab7ff
- extensionButton.prominentForeground#FAFAFA
- extensionButton.prominentHoverBackground#6ec6ff
- focusBorder#AFAFAF
- input.background#303030
- input.border#303030
- input.foreground#AFAFAF
- input.placeholderForeground#6F6F6F
- inputOption.activeBorder#303030
- inputValidation.errorBackground#f44336
- inputValidation.errorBorder#f44336
- inputValidation.infoBackground#6ab7ff
- inputValidation.infoBorder#6ab7ff
- inputValidation.warningBackground#ffaaaa
- inputValidation.warningBorder#ffaaaa
- list.activeSelectionBackground#404040
- list.activeSelectionForeground#F0F0F0
- list.dropBackground#595959
- list.focusBackground#595959
- list.focusForeground#F0F0F0
- list.highlightForeground#ffffff
- list.hoverBackground#303030
- list.hoverForeground#F0F0F0
- list.inactiveFocusBackground#404040
- list.inactiveFocusForeground#F0F0F0
- list.inactiveSelectionBackground#404040
- list.inactiveSelectionForeground#F0F0F0
- list.invalidItemForeground#f44336
- notification.background#252525
- notification.buttonBackground#303030
- notification.buttonForeground#AFAFAF
- notification.buttonHoverBackground#404040
- notification.errorBackground#f44336
- notification.errorForeground#FAFAFA
- notification.foreground#FAFAFA
- notification.infoBackground#6ab7ff
- notification.infoForeground#FAFAFA
- notification.warningBackground#ff5722
- notification.warningForeground#FAFAFA
- panel.background#252525
- panel.border#252525
- panel.dropBackground#6ab7ff
- panelTitle.activeBorder#252525
- panelTitle.activeForeground#FAFAFA
- panelTitle.inactiveForeground#AFAFAF
- peekView.border#252525
- peekViewEditor.background#252525
- peekViewEditor.matchHighlightBackgroundrgba(106,183,255,0.3)
- peekViewEditorGutter.background#252525
- peekViewResult.background#252525
- peekViewResult.fileForeground#AFAFAF
- peekViewResult.lineForeground#AFAFAF
- peekViewResult.matchHighlightBackgroundrgba(106,183,255,0.3)
- peekViewResult.selectionBackground#404040
- peekViewResult.selectionForeground#FAFAFA
- progressBar.background#6ab7ff
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#505050
- scrollbarSlider.background#cccccc90
- scrollbarSlider.hoverBackground#ffffff90
- selection.background#AFAFAF
- sideBar.background#252525
- sideBar.border#252525
- sideBar.dropBackground#6ab7ff
- sideBar.foreground#AFAFAF
- sideBarSectionHeader.background#202020
- sideBarSectionHeader.foreground#AFAFAF
- sideBarTitle.foreground#6ab7ff
- statusBar.background#404040
- statusBar.border#404040
- statusBar.debuggingBackground#f44336
- statusBar.debuggingBorder#f44336
- statusBar.debuggingForeground#FAFAFA
- statusBar.foreground#AFAFAF
- statusBar.noFolderBackground#404040
- statusBar.noFolderBorder#404040
- statusBar.noFolderForeground#AFAFAF
- statusBarItem.activeBackground#ffffff22
- statusBarItem.hoverBackground#ffffff22
- statusBarItem.prominentBackground#ffffff22
- statusBarItem.prominentHoverBackground#ffffff22
- tab.activeBackground#404040
- tab.activeBorder#404040
- tab.activeForeground#F0F0F0
- tab.border#252525
- tab.inactiveBackground#252525
- tab.inactiveForeground#AFAFAF
- tab.unfocusedActiveBorder#404040
- tab.unfocusedActiveForeground#F0F0F0
- tab.unfocusedInactiveForeground#AFAFAF
- terminal.ansiBlack#8F8F8F
- terminal.ansiBlue#1565c0
- terminal.ansiBrightBlack#AFAFAF
- terminal.ansiBrightBlue#5e92f3
- terminal.ansiBrightCyan#6ec6ff
- terminal.ansiBrightGreen#aee571
- terminal.ansiCyan#6ab7ff
- terminal.ansiGreen#7cb342
- terminal.background#252525
- terminal.foreground#FAFAFA
- titleBar.activeBackground#004466
- titleBar.activeForeground#6ab7ff
- titleBar.border#004466
- titleBar.inactiveBackground#004466
- titleBar.inactiveForeground#006688
- walkThrough.embeddedEditorBackground#101010
- welcomePage.buttonBackground#303030
- welcomePage.buttonHoverBackground#404040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #AFAFAF | — |
| keyword.package.go, keyword.import.go, keyword.var.go, keyword.const.go, keyword.function.go, keyword.other.namespace.php, keyword.other.use.php, storage.modifier.final.php, storage.modifier.php, storage.modifier.extends.php, storage.type.class.php, storage.type.php, meta.class.js | #1976d2 | none |
| entity.name.type.class.php, entity.other.inherited-class.php, entity.name.type.class.js | — | italic |
| meta.function.php, keyword.control.return.php, keyword.control.exception.php, keyword.other.new.php, support.function.construct.output.php, keyword.control, keyword.operator, storage.type.js, keyword.control.flow.js, keyword.operator.expression.typeof.js | #63a4ff | italic |
| support.function.construct.php, support.function.var.php, support.function.array.php, support.function.network.php, support.function.json.php, support.function.mysqli.php, support.function.curl.php, keyword.control.die.php, keyword.control.exit.php, support.function.dom.js, support.function.console.js, storage.type.function.js | #fbc02d | italic |
| constant.language.php, constant.language.boolean.false.js, constant.language.boolean.true.js, constant.language.null.js, constant.language.undefined.js | #63a4ff | — |
| support.function.go, entity.name.function, support.function.magic.php, meta.function-call.php, support.type.property-name.css | #fbc02d | none |
| variable.language.this.php, variable.other.global.safer.php, constant.other.php, support.constant.property-value.css | #6ab7ff | italic |
| variable.other.assignment.go, source.go, punctuation.definition.variable.php, variable.other.class.php, variable.other.php, variable.other.property.php, variable.other.readwrite.js, variable.other.object.js, variable.other.object.property.js, variable.other.property.js, entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.id.css, support.type.property-name.json | #8ec8ff | none |
| keyword.operator.class.php | #e1e1e1 | italic |
| string.quoted.single, string.quoted.double | #99d066 | — |
| entity.name.package.go, support.class.php, support.class.builtin.php, support.class.console.js, support.other.namespace.php, entity.name.type.class.php, entity.other.inherited-class.php, entity.name.type.js, entity.name.type.namespace.php, entity.name.type.class.js, entity.other.inherited-class.js | #bebebe | italic |
| punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.definition.begin.bracket.round.php, punctuation.definition.end.bracket.round.php, punctuation.definition.parameters.begin.bracket.round.php, punctuation.definition.parameters.end.bracket.round.php, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.separator.delimiter.php | #f0f0f0 | none |
| keyword.operator.assignment.php, keyword.operator.assignment.js | #f0f0f0 | none |
| keyword.operator.comparison.php, keyword.operator.logical.php, keyword.operator.comparison.js | #f0f0f0 | bold |
| punctuation.definition.end.bracket.curly.php, punctuation.definition.begin.bracket.curly.php, punctuation.definition.class.end.bracket.curly.php, punctuation.definition.class.begin.bracket.curly.php, punctuation.definition.block.js, punctuation.definition.dictionary.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.array.end.json, punctuation.definition.array.begin.json | #afafaf | — |
| punctuation.section.array.begin.php, punctuation.section.array.end.php, keyword.operator.string.php | #f0f0f0 | none |
| comment.block.documentation.phpdoc.php, comment.line.number-sign, comment.line.double-slash, comment.block, comment.line.double-dash | #558b2f | italic |
| keyword.other.phpdoc.php | — | underline |
| support.class.builtin.php, support.class.console.js | afafaf | italic |
| variable.parameter.js | #6ab7ff | underline |
| keyword.operator.error-control.php, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #d32f2f | bold |
| constant.numeric | #00b0ff | — |
| meta.tag.preprocessor.xml, punctuation.definition.tag.html, entity.name.tag.structure.any.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag.html | #99d066 | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.id.html, entity.other.attribute-name.html | #fbc02d | italic |
| string.quoted.double.xml, string.quoted.single.xml, string.quoted.double.html, string.quoted.single.html | #63a4ff | — |
| meta.tag.sgml.doctype.html | #f57c00 | — |
| comment.block.html | #afafaf | — |
| keyword.other.DML.sql, keyword.other.alias.sql, keyword.other.DDL.create.II.sql | #ff6e40 | bold |
| constant.other.table-name.sql, constant.other.database-name.sql | #8ec8ff | none |
| keyword.other.sql | #fbc02d | none |