Patczatowicz Theme Mixin'
Publisher: PatczatowiczThemes in package: 4
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.activeBackground#001a2a
- activityBar.background#000d15
- activityBar.border#000d15
- activityBar.foreground#006db8
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#022336
- activityBarBadge.foreground#ffffff
- badge.background#002338
- badge.foreground#009eff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#000d15
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#009eff
- button.background#004773
- button.foreground#009eff
- button.hoverBackground#007fcd
- button.secondaryBackground#002b45
- button.secondaryForeground#009eff
- button.secondaryHoverBackground#003251
- checkbox.background#000d15
- checkbox.border#001726
- checkbox.foreground#009eff
- debugExceptionWidget.background#000d15
- debugExceptionWidget.border#000d15
- debugToolBar.background#000d15
- debugToolBar.border#000d15
- diffEditor.border#000d15
- diffEditor.insertedTextBackground#000d15
- diffEditor.insertedTextBorder#002b45
- diffEditor.removedTextBackground#001a2a
- diffEditor.removedTextBorder#001c2e
- dropdown.background#000d15
- dropdown.border#001726
- dropdown.foreground#009eff
- editor.background#000d15
- editor.findMatchBackground#000d15
- editor.findMatchBorder#009eff
- editor.findMatchHighlightBackground#004773
- editor.findMatchHighlightBorder#009eff
- editor.findRangeHighlightBackground#00304d
- editor.findRangeHighlightBorder#00304d
- editor.foldBackground#002236
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#00385a
- editor.inactiveSelectionBackground#001f32
- editor.lineHighlightBackground#001928
- editor.lineHighlightBorder#002f4b
- editor.rangeHighlightBackground#005082
- editor.rangeHighlightBorder#009eff
- editor.selectionBackground#002b45
- editor.selectionHighlightBackground#003251
- editor.selectionHighlightBorder#009eff
- editor.wordHighlightBackground#003658
- editor.wordHighlightBorder#000d15
- editor.wordHighlightStrongBackground#00304d
- editor.wordHighlightStrongBorder#000d15
- editorBracketMatch.background#003556
- editorBracketMatch.border#009eff
- editorCodeLens.foreground#009eff
- editorCursor.background#000d15
- editorCursor.foreground#009eff
- editorError.background#000d15
- editorError.border#000d15
- editorError.foreground#ff2b00
- editorGroup.border#000d15
- editorGroup.emptyBackground#000d15
- editorGroupHeader.border#000d15
- editorGroupHeader.tabsBackground#000d15
- editorGroupHeader.tabsBorder#009eff
- editorGutter.addedBackground#587c0c
- editorGutter.background#000d15
- editorGutter.commentRangeForeground#009eff
- editorGutter.deletedBackground#ff000c
- editorGutter.foldingControlForeground#009eff
- editorGutter.modifiedBackground#009eff
- editorHoverWidget.background#000d15
- editorHoverWidget.border#000d15
- editorHoverWidget.foreground#009eff
- editorIndentGuide.activeBackground#ffffff
- editorIndentGuide.background#009eff
- editorInfo.background#000d15
- editorInfo.border#000d15
- editorInfo.foreground#009eff
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#009eff
- editorLink.activeForeground#009eff
- editorMarkerNavigation.background#000d15
- editorMarkerNavigationError.background#ff2b00
- editorMarkerNavigationInfo.background#009eff
- editorMarkerNavigationWarning.background#cca700
- editorOverviewRuler.background#00273f
- editorOverviewRuler.border#000d15
- editorRuler.foreground#009eff
- editorSuggestWidget.background#000d15
- editorSuggestWidget.border#000d15
- editorSuggestWidget.foreground#004f80
- editorSuggestWidget.highlightForeground#009eff
- editorSuggestWidget.selectedBackground#001e30
- editorWarning.background#000d15
- editorWarning.border#000d15
- editorWarning.foreground#cca700
- editorWhitespace.foreground#009eff
- editorWidget.background#000d15
- editorWidget.foreground#004671
- editorWidget.resizeBorder#009eff
- focusBorder#003356
- foreground#cccccc
- gitDecoration.addedResourceForeground#00ff2e
- gitDecoration.conflictingResourceForeground#0000ff
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#4b4b4b
- gitDecoration.modifiedResourceForeground#ff9900
- gitDecoration.stageDeletedResourceForeground#ff2600
- gitDecoration.stageModifiedResourceForeground#ff9900
- gitDecoration.submoduleResourceForeground#0084ff
- gitDecoration.untrackedResourceForeground#00ff59
- icon.foreground#cccccc
- input.background#000d15
- input.border#001726
- input.foreground#009eff
- input.placeholderForeground#007ac4
- inputOption.activeBackground#009eff
- inputOption.activeBorder#002b45
- inputOption.activeForeground#000d15
- list.activeSelectionBackground#00456f
- list.activeSelectionForeground#009eff
- list.dropBackground#00263d
- list.focusBackground#02385a
- list.focusForeground#009eff
- list.highlightForeground#009eff
- list.hoverBackground#002943
- list.hoverForeground#009eff
- list.inactiveSelectionBackground#002338
- list.inactiveSelectionForeground#009eff
- listFilterWidget.background#002d49
- listFilterWidget.noMatchesOutline#000d15
- listFilterWidget.outline#000d15
- menu.background#000d15
- menu.border#000d15
- menu.foreground#009eff
- menu.selectionBackground#002c47
- menu.selectionBorder#000d15
- menu.selectionForeground#009eff
- menu.separatorBackground#009eff
- menubar.selectionBackground#003251
- menubar.selectionBorder#000d15
- menubar.selectionForeground#009eff
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- minimap.background#000d15
- minimap.errorHighlight#ff2b00
- minimap.findMatchHighlight#000d15
- minimap.selectionHighlight#002b45
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#587c0c
- minimapGutter.deletedBackground#ff000c
- minimapGutter.modifiedBackground#009eff
- notificationCenter.border#000d15
- notificationCenterHeader.background#000d15
- notificationCenterHeader.foreground#009eff
- notifications.background#000d15
- notifications.border#029fff
- notifications.foreground#009eff
- notificationsErrorIcon.foreground#ff2b00
- notificationsInfoIcon.foreground#009eff
- notificationsWarningIcon.foreground#ffd100
- notificationToast.border#000d15
- panel.background#000d15
- panel.border#000d15
- panelSection.border#009eff
- panelTitle.activeBorder#009eff
- panelTitle.activeForeground#009eff
- panelTitle.inactiveForeground#009eff
- peekView.border#007acc
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ff8f00
- peekViewEditorGutter.background#001f33
- peekViewResult.background#000d15
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ff64004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#000d15
- peekViewTitleDescription.foreground#009eff
- peekViewTitleLabel.foreground#009eff
- pickerGroup.border#000d15
- pickerGroup.foreground#009eff
- progressBar.background#003356
- scrollbar.shadow#003356
- scrollbarSlider.activeBackground#007bc7
- scrollbarSlider.background#001c2e
- scrollbarSlider.hoverBackground#00426b
- selection.background#003356
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#cccccc
- sideBar.background#000d15
- sideBar.border#000d15
- sideBar.dropBackground#00263d
- sideBar.foreground#035182
- sideBarSectionHeader.background#002236
- sideBarSectionHeader.border#002841
- sideBarSectionHeader.foreground#009eff
- sideBarTitle.foreground#019eff
- statusBar.background#00273f
- statusBar.border#000d15
- statusBar.debuggingBackground#02283f
- statusBar.debuggingBorder#000d15
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#009eff
- statusBar.noFolderBackground#00263d
- statusBar.noFolderBorder#000d15
- statusBar.noFolderForeground#009eff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#006eb2
- statusBarItem.remoteBackground#001f32
- statusBarItem.remoteForeground#009eff
- tab.activeBackground#00263d
- tab.activeBorder#004875
- tab.activeBorderTop#000d15
- tab.activeForeground#009eff
- tab.border#009eff
- tab.hoverBackground#002943
- tab.hoverBorder#000d15
- tab.hoverForeground#009eff
- tab.inactiveBackground#000d15
- tab.inactiveForeground#009eff
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#009eff
- terminal.foreground#009eff
- terminal.selectionBackground#002236
- terminalCursor.background#00263d
- terminalCursor.foreground#001928
- textLink.foreground#009eff
- titleBar.activeBackground#000d15
- titleBar.activeForeground#009eff
- titleBar.border#000d15
- titleBar.inactiveBackground#000d15
- titleBar.inactiveForeground#012e49
- tree.indentGuidesStroke#009eff
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#000d15
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #ab2e38 | — |
| variable.other.generic-type.haskell | #a436c4 | — |
| storage.type.haskell | #ea994d | — |
| support.variable.magic.python | #ab2e38 | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #d4d4d4 | — |
| variable.parameter.function.language.special.self.python | #ffcf74 | — |
| storage.modifier.lifetime.rust | #d4d4d4 | — |
| support.function.std.rust | #008cff | — |
| entity.name.lifetime.rust | #ffcf74 | — |
| variable.language.rust | #ab2e38 | — |
| support.constant.edge | #a436c4 | — |
| constant.other.character-class.regexp | #ab2e38 | — |
| keyword.operator.quantifier.regexp | #ea994d | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #7eb656 | — |
| variable.parameter.function | #d4d4d4 | — |
| comment markup.link | #8792a7 | — |
| markup.changed.diff | #ffcf74 | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #008cff | — |
| markup.inserted.diff | #7eb656 | — |
| markup.deleted.diff | #ab2e38 | — |
| meta.function.c,meta.function.cpp | #ab2e38 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #d4d4d4 | — |
| punctuation.separator.key-value | #d4d4d4 | — |
| keyword.operator.expression.import | #008cff | — |
| support.constant.math | #ffcf74 | — |
| support.constant.property.math | #ea994d | — |
| variable.other.constant | #ffcf74 | — |
| storage.type.annotation.java, storage.type.object.array.java | #ffcf74 | — |
| source.java | #ab2e38 | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #d4d4d4 | — |
| meta.method.java | #008cff | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #ffcf74 | — |
| keyword.operator.instanceof.java | #a436c4 | — |
| meta.definition.variable.name.java | #ab2e38 | — |
| keyword.operator.logical | #56bac7 | — |
| keyword.operator.bitwise | #56bac7 | — |
| keyword.operator.channel | #56bac7 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #ea994d | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #56bac7 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #ea994d | — |
| punctuation.separator.list.comma.css | #d4d4d4 | — |
| support.constant.color.w3c-standard-color-name.css | #ea994d | — |
| support.type.vendored.property-name.css | #56bac7 | — |
| support.module.node,support.type.object.module,support.module.node | #ffcf74 | — |
| entity.name.type.module | #ffcf74 | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #ab2e38 | — |
| support.constant.json | #ea994d | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #a436c4 | — |
| support.type.object.console | #ab2e38 | — |
| support.variable.property.process | #ea994d | — |
| entity.name.function,support.function.console | #008cff | — |
| keyword.operator.misc.rust | #d4d4d4 | — |
| keyword.operator.sigil.rust | #a436c4 | — |
| keyword.operator.delete | #a436c4 | — |
| support.type.object.dom | #56bac7 | — |
| support.variable.dom,support.variable.property.dom | #ab2e38 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #56bac7 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #a436c4 | — |
| punctuation.separator.delimiter | #d4d4d4 | — |
| punctuation.separator.c,punctuation.separator.cpp | #a436c4 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #56bac7 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #a436c4 | — |
| variable.parameter.function.language.python | #ea994d | — |
| support.type.python | #56bac7 | — |
| keyword.operator.logical.python | #a436c4 | — |
| variable.parameter.function.python | #ea994d | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #d4d4d4 | — |
| meta.function-call.generic.python | #008cff | — |
| constant.character.format.placeholder.other.python | #ea994d | — |
| keyword.operator | #d4d4d4 | — |
| keyword.operator.assignment.compound | #a436c4 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #56bac7 | — |
| keyword | #a436c4 | — |
| entity.name.namespace | #ffcf74 | — |
| variable | #ab2e38 | — |
| variable.c | #d4d4d4 | — |
| variable.language | #ffcf74 | — |
| token.variable.parameter.java | #d4d4d4 | — |
| import.storage.java | #ffcf74 | — |
| token.package.keyword | #a436c4 | — |
| token.package | #d4d4d4 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #008cff | — |
| entity.name.type.namespace | #ffcf74 | — |
| support.class, entity.name.type.class | #ffcf74 | — |
| entity.name.class.identifier.namespace.type | #ffcf74 | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #ffcf74 | — |
| variable.other.class.php | #ab2e38 | — |
| entity.name.type | #ffcf74 | — |
| keyword.control | #a436c4 | — |
| control.elements, keyword.operator.less | #ea994d | — |
| keyword.other.special-method | #008cff | — |
| storage | #a436c4 | — |
| token.storage | #a436c4 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #a436c4 | — |
| token.storage.type.java | #ffcf74 | — |
| support.function | #56bac7 | — |
| support.type.property-name | #d4d4d4 | — |
| support.constant.property-value | #d4d4d4 | — |
| support.constant.font-name | #ea994d | — |
| meta.tag | #d4d4d4 | — |
| string | #7eb656 | — |
| entity.other.inherited-class | #ffcf74 | — |
| constant.other.symbol | #56bac7 | — |
| constant.numeric | #ea994d | — |
| constant | #ea994d | — |
| punctuation.definition.constant | #ea994d | — |
| entity.name.tag | #ab2e38 | — |
| entity.other.attribute-name | #ea994d | — |
| entity.other.attribute-name.id | #008cff | normal |
| entity.other.attribute-name.class.css | #ea994d | normal |
| meta.selector | #a436c4 | — |
| markup.heading | #ab2e38 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #008cff | — |
| keyword.other.unit | #ab2e38 | — |
| markup.bold,todo.bold | #ea994d | — |
| punctuation.definition.bold | #ffcf74 | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #a436c4 | — |
| emphasis md | #a436c4 | — |
| entity.name.section.markdown | #ab2e38 | — |
| punctuation.definition.heading.markdown | #ab2e38 | — |
| punctuation.definition.list.begin.markdown | #ab2e38 | — |
| markup.heading.setext | #d4d4d4 | — |
| punctuation.definition.bold.markdown | #ea994d | — |
| markup.inline.raw.markdown | #7eb656 | — |
| markup.inline.raw.string.markdown | #7eb656 | — |
| punctuation.definition.list.markdown | #ab2e38 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #ab2e38 | — |
| beginning.punctuation.definition.list.markdown | #ab2e38 | — |
| punctuation.definition.metadata.markdown | #ab2e38 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #a436c4 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #008cff | — |
| string.regexp | #56bac7 | — |
| constant.character.escape | #56bac7 | — |
| punctuation.section.embedded, variable.interpolation | #ab2e38 | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #a436c4 | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #d4d4d4 | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #ab2e38 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #ab2e38 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #7eb656 | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #56bac7 | — |
| support.type.property-name.json | #ab2e38 | — |
| support.type.property-name.json punctuation | #ab2e38 | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #a436c4 | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #a436c4 | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #ffcf74 | — |
| keyword.operator.error-control.php | #a436c4 | — |
| keyword.operator.type.php | #a436c4 | — |
| punctuation.section.array.begin.php | #d4d4d4 | — |
| punctuation.section.array.end.php | #d4d4d4 | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #ffcf74 | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #008cff | — |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #d4d4d4 | — |
| support.constant.core.rust | #ea994d | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #ea994d | — |
| entity.name.goto-label.php,support.other.php | #008cff | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #56bac7 | — |
| keyword.operator.regexp.php | #a436c4 | — |
| keyword.operator.comparison.php | #56bac7 | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #a436c4 | — |
| meta.function.decorator.python | #008cff | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #56bac7 | — |
| function.parameter | #d4d4d4 | — |
| function.brace | #d4d4d4 | — |
| function.parameter.ruby, function.parameter.cs | #d4d4d4 | — |
| constant.language.symbol.ruby | #56bac7 | — |
| rgb-value | #56bac7 | — |
| inline-color-decoration rgb-value | #ea994d | — |
| less rgb-value | #ea994d | — |
| selector.sass | #ab2e38 | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #ffcf74 | — |
| block.scope.end,block.scope.begin | #d4d4d4 | — |
| storage.type.cs | #ffcf74 | — |
| entity.name.variable.local.cs | #ab2e38 | — |
| token.info-token | #008cff | — |
| token.warn-token | #ea994d | — |
| token.error-token | #f44747 | — |
| token.debug-token | #a436c4 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #a436c4 | — |
| meta.template.expression | #d4d4d4 | — |
| keyword.operator.module | #a436c4 | — |
| support.type.type.flowtype | #008cff | — |
| support.type.primitive | #ffcf74 | — |
| meta.property.object | #ab2e38 | — |
| variable.parameter.function.js | #ab2e38 | — |
| keyword.other.template.begin | #7eb656 | — |
| keyword.other.template.end | #7eb656 | — |
| keyword.other.substitution.begin | #7eb656 | — |
| keyword.other.substitution.end | #7eb656 | — |
| keyword.operator.assignment | #56bac7 | — |
| keyword.operator.assignment.go | #ffcf74 | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #a436c4 | — |
| entity.name.package.go | #ffcf74 | — |
| support.type.prelude.elm | #56bac7 | — |
| support.constant.elm | #ea994d | — |
| punctuation.quasi.element | #a436c4 | — |
| constant.character.entity | #ab2e38 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #56bac7 | — |
| entity.global.clojure | #ffcf74 | — |
| meta.symbol.clojure | #ab2e38 | — |
| constant.keyword.clojure | #56bac7 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #ab2e38 | — |
| source.ini | #7eb656 | — |
| meta.scope.prerequisites.makefile | #ab2e38 | — |
| source.makefile | #ffcf74 | — |
| storage.modifier.import.groovy | #ffcf74 | — |
| meta.method.groovy | #008cff | — |
| meta.definition.variable.name.groovy | #ab2e38 | — |
| meta.definition.class.inherited.classes.groovy | #7eb656 | — |
| support.variable.semantic.hlsl | #ffcf74 | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #a436c4 | — |
| text.variable, text.bracketed | #ab2e38 | — |
| support.type.swift, support.type.vb.asp | #ffcf74 | — |
| entity.name.function.xi | #ffcf74 | — |
| entity.name.class.xi | #56bac7 | — |
| constant.character.character-class.regexp.xi | #ab2e38 | — |
| constant.regexp.xi | #a436c4 | — |
| keyword.control.xi | #56bac7 | — |
| invalid.xi | #d4d4d4 | — |
| beginning.punctuation.definition.quote.markdown.xi | #7eb656 | — |
| beginning.punctuation.definition.list.markdown.xi | #8792a7 | — |
| constant.character.xi | #008cff | — |
| accent.xi | #008cff | — |
| wikiword.xi | #ea994d | — |
| constant.other.color.rgb-value.xi | #ffffff | — |
| punctuation.definition.tag.xi | #8792a7 | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #ffcf74 | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #ab2e38 | — |
| meta.brace.square | #d4d4d4 | — |
| comment, punctuation.definition.comment | #8792a7 | italic |
| markup.quote.markdown | #8792a7 | — |
| punctuation.definition.block.sequence.item.yaml | #d4d4d4 | — |
| constant.language.symbol.elixir | #56bac7 | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |
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.activeBackground#001d01
- activityBar.background#002601
- activityBar.border#002601
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#008804
- activityBarBadge.background#003b02
- activityBarBadge.foreground#00db06
- badge.background#002c02
- badge.foreground#00ff0b
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#001701
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#00ff0b
- button.background#005403
- button.foreground#00ff09
- button.hoverBackground#006d04
- button.secondaryBackground#002e02
- button.secondaryForeground#009605
- button.secondaryHoverBackground#003602
- checkbox.background#003002
- checkbox.border#001d01
- checkbox.foreground#00e208
- debugExceptionWidget.background#001701
- debugExceptionWidget.border#001701
- debugToolBar.background#001701
- debugToolBar.border#001701
- diffEditor.border#001501
- diffEditor.insertedTextBackground#003f03
- diffEditor.insertedTextBorder#003f03
- diffEditor.removedTextBackground#001f01
- diffEditor.removedTextBorder#001f01
- dropdown.background#003002
- dropdown.border#001d01
- dropdown.foreground#00e208
- editor.background#001501
- editor.findMatchBackground#006605
- editor.findMatchBorder#001501
- editor.findMatchHighlightBackground#002e02
- editor.findMatchHighlightBorder#001501
- editor.findRangeHighlightBackground#001d01
- editor.findRangeHighlightBorder#001d01
- editor.foldBackground#002402
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#004903
- editor.inactiveSelectionBackground#002c02
- editor.lineHighlightBackground#002402
- editor.lineHighlightBorder#002102
- editor.rangeHighlightBackground#003d03
- editor.rangeHighlightBorder#007305
- editor.selectionBackground#003f03
- editor.selectionHighlightBackground#004303
- editor.selectionHighlightBorder#001501
- editor.wordHighlightBackground#003002
- editor.wordHighlightBorder#001501
- editor.wordHighlightStrongBackground#003803
- editor.wordHighlightStrongBorder#001501
- editorBracketMatch.background#003603
- editorBracketMatch.border#003d03
- editorCodeLens.foreground#007906
- editorCursor.background#004103
- editorCursor.foreground#00ff0c
- editorError.background#001501
- editorError.border#001501
- editorError.foreground#ff0000
- editorGroup.border#001501
- editorGroup.emptyBackground#001501
- editorGroupHeader.border#001701
- editorGroupHeader.tabsBackground#001501
- editorGroupHeader.tabsBorder#001701
- editorGutter.addedBackground#00ff0c
- editorGutter.background#001501
- editorGutter.commentRangeForeground#006b05
- editorGutter.deletedBackground#ff0000
- editorGutter.foldingControlForeground#006b05
- editorGutter.modifiedBackground#00ff0c
- editorHoverWidget.background#001501
- editorHoverWidget.border#00ff0c
- editorHoverWidget.foreground#009d07
- editorIndentGuide.activeBackground#00ff0c
- editorIndentGuide.background#004b04
- editorInfo.background#001501
- editorInfo.border#06ff12
- editorInfo.foreground#00ff0c
- editorLineNumber.activeForeground#00ff0c
- editorLineNumber.foreground#008806
- editorLink.activeForeground#00ff0c
- editorMarkerNavigation.background#001301
- editorMarkerNavigationError.background#ff0000
- editorMarkerNavigationInfo.background#00ff0c
- editorMarkerNavigationWarning.background#ffa700
- editorOverviewRuler.background#001f01
- editorOverviewRuler.border#001501
- editorRuler.foreground#003d03
- editorSuggestWidget.background#012102
- editorSuggestWidget.border#002802
- editorSuggestWidget.foreground#007d06
- editorSuggestWidget.highlightForeground#00ff0c
- editorSuggestWidget.selectedBackground#005804
- editorWarning.background#001501
- editorWarning.border#001501
- editorWarning.foreground#ffd100
- editorWhitespace.foreground#00ff0c
- editorWidget.background#252526
- editorWidget.foreground#006204
- editorWidget.resizeBorder#003b03
- focusBorder#14ff00
- foreground#868686
- gitDecoration.addedResourceForeground#00ff0b
- gitDecoration.conflictingResourceForeground#003d03
- gitDecoration.deletedResourceForeground#ffffff
- gitDecoration.ignoredResourceForeground#003202
- gitDecoration.modifiedResourceForeground#39883c
- gitDecoration.stageDeletedResourceForeground#ffffff
- gitDecoration.stageModifiedResourceForeground#347937
- gitDecoration.submoduleResourceForeground#686868
- gitDecoration.untrackedResourceForeground#414141
- icon.foreground#868686
- input.background#003002
- input.border#001d01
- input.foreground#00e208
- input.placeholderForeground#006f04
- inputOption.activeBackground#007b04
- inputOption.activeBorder#007b04
- inputOption.activeForeground#00ff09
- list.activeSelectionBackground#004f03
- list.activeSelectionForeground#00d507
- list.dropBackground#002a01
- list.focusBackground#006003
- list.focusForeground#00b206
- list.highlightForeground#00ff09
- list.hoverBackground#002801
- list.hoverForeground#00ff09
- list.inactiveSelectionBackground#002601
- list.inactiveSelectionForeground#00b806
- listFilterWidget.background#001d01
- listFilterWidget.noMatchesOutline#320000
- listFilterWidget.outline#001d01
- menu.background#001d01
- menu.border#001d01
- menu.foreground#007d04
- menu.selectionBackground#003202
- menu.selectionBorder#003202
- menu.selectionForeground#00ff09
- menu.separatorBackground#004302
- menubar.selectionBackground#004f03
- menubar.selectionBorder#001d01
- menubar.selectionForeground#00ff09
- merge.commonContentBackground#002102
- merge.commonHeaderBackground#002102
- merge.currentContentBackground#008606
- merge.currentHeaderBackground#008606
- merge.incomingContentBackground#003402
- merge.incomingHeaderBackground#003402
- minimap.background#001501
- minimap.errorHighlight#ff0000
- minimap.findMatchHighlight#006605
- minimap.selectionHighlight#003f03
- minimap.warningHighlight#ffd100
- minimapGutter.addedBackground#00ff0c
- minimapGutter.deletedBackground#ff0000
- minimapGutter.modifiedBackground#00ff0c
- notificationCenter.border#001701
- notificationCenterHeader.background#002a02
- notificationCenterHeader.foreground#00ff0b
- notifications.background#001701
- notifications.border#003202
- notifications.foreground#00ff0b
- notificationsErrorIcon.foreground#ff2b00
- notificationsInfoIcon.foreground#00ff0b
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#001701
- panel.background#001701
- panel.border#004903
- panelSection.border#002402
- panelTitle.activeBorder#00ff0b
- panelTitle.activeForeground#00ff0b
- panelTitle.inactiveForeground#007505
- peekView.border#001501
- peekViewEditor.background#003803
- peekViewEditor.matchHighlightBackground#006005
- peekViewEditor.matchHighlightBorder#009d07
- peekViewEditorGutter.background#001f01
- peekViewResult.background#002802
- peekViewResult.fileForeground#007706
- peekViewResult.lineForeground#009907
- peekViewResult.matchHighlightBackground#004d04
- peekViewResult.selectionBackground#001501
- peekViewResult.selectionForeground#00ff0c
- peekViewTitle.background#002802
- peekViewTitleDescription.foreground#00ff0c
- peekViewTitleLabel.foreground#00ff0c
- pickerGroup.border#001701
- pickerGroup.foreground#00ff0b
- progressBar.background#38ff00
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#005104
- scrollbarSlider.background#001701
- scrollbarSlider.hoverBackground#002802
- selection.background#1ab81c
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#868686
- sideBar.background#001d01
- sideBar.border#001d01
- sideBar.dropBackground#002a01
- sideBar.foreground#007d04
- sideBarSectionHeader.background#002e02
- sideBarSectionHeader.border#002e02
- sideBarSectionHeader.foreground#007b04
- sideBarTitle.foreground#00ff09
- statusBar.background#001d01
- statusBar.border#001d01
- statusBar.debuggingBackground#005a03
- statusBar.debuggingBorder#005a03
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#00ff09
- statusBar.noFolderBackground#001d01
- statusBar.noFolderBorder#001d01
- statusBar.noFolderForeground#00ff09
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#004702
- statusBarItem.remoteBackground#005103
- statusBarItem.remoteForeground#00ff09
- tab.activeBackground#001701
- tab.activeBorder#001701
- tab.activeBorderTop#001701
- tab.activeForeground#00ff0b
- tab.border#001701
- tab.hoverBackground#002402
- tab.hoverBorder#001701
- tab.hoverForeground#00ff0b
- tab.inactiveBackground#001501
- tab.inactiveForeground#008806
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#002402
- terminal.foreground#00ff0b
- terminal.selectionBackground#001f01
- terminalCursor.background#002602
- terminalCursor.foreground#00ff0b
- textLink.foreground#00ff09
- titleBar.activeBackground#001d01
- titleBar.activeForeground#00a306
- titleBar.border#001d01
- titleBar.inactiveBackground#001d01
- titleBar.inactiveForeground#00a306
- tree.indentGuidesStroke#006604
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#001701
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #d7505b | — |
| variable.other.generic-type.haskell | #a951c2 | — |
| storage.type.haskell | #d19a66 | — |
| support.variable.magic.python | #d7505b | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #d4d4d4 | — |
| variable.parameter.function.language.special.self.python | #dbb05f | — |
| storage.modifier.lifetime.rust | #d4d4d4 | — |
| support.function.std.rust | #4aaeff | — |
| entity.name.lifetime.rust | #dbb05f | — |
| variable.language.rust | #d7505b | — |
| support.constant.edge | #a951c2 | — |
| constant.other.character-class.regexp | #d7505b | — |
| keyword.operator.quantifier.regexp | #d19a66 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #8abc65 | — |
| variable.parameter.function | #d4d4d4 | — |
| comment markup.link | #7f848e | — |
| markup.changed.diff | #dbb05f | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #4aaeff | — |
| markup.inserted.diff | #8abc65 | — |
| markup.deleted.diff | #d7505b | — |
| meta.function.c,meta.function.cpp | #d7505b | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #d4d4d4 | — |
| punctuation.separator.key-value | #d4d4d4 | — |
| keyword.operator.expression.import | #4aaeff | — |
| support.constant.math | #dbb05f | — |
| support.constant.property.math | #d19a66 | — |
| variable.other.constant | #dbb05f | — |
| storage.type.annotation.java, storage.type.object.array.java | #dbb05f | — |
| source.java | #d7505b | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #d4d4d4 | — |
| meta.method.java | #4aaeff | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #dbb05f | — |
| keyword.operator.instanceof.java | #a951c2 | — |
| meta.definition.variable.name.java | #d7505b | — |
| keyword.operator.logical | #56b6c2 | — |
| keyword.operator.bitwise | #56b6c2 | — |
| keyword.operator.channel | #56b6c2 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #d19a66 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #56b6c2 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #d19a66 | — |
| punctuation.separator.list.comma.css | #d4d4d4 | — |
| support.constant.color.w3c-standard-color-name.css | #d19a66 | — |
| support.type.vendored.property-name.css | #56b6c2 | — |
| support.module.node,support.type.object.module,support.module.node | #dbb05f | — |
| entity.name.type.module | #dbb05f | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #d7505b | — |
| support.constant.json | #d19a66 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #a951c2 | — |
| support.type.object.console | #d7505b | — |
| support.variable.property.process | #d19a66 | — |
| entity.name.function,support.function.console | #4aaeff | — |
| keyword.operator.misc.rust | #d4d4d4 | — |
| keyword.operator.sigil.rust | #a951c2 | — |
| keyword.operator.delete | #a951c2 | — |
| support.type.object.dom | #56b6c2 | — |
| support.variable.dom,support.variable.property.dom | #d7505b | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #56b6c2 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #a951c2 | — |
| punctuation.separator.delimiter | #d4d4d4 | — |
| punctuation.separator.c,punctuation.separator.cpp | #a951c2 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #56b6c2 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #a951c2 | — |
| variable.parameter.function.language.python | #d19a66 | — |
| support.type.python | #56b6c2 | — |
| keyword.operator.logical.python | #a951c2 | — |
| variable.parameter.function.python | #d19a66 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #d4d4d4 | — |
| meta.function-call.generic.python | #4aaeff | — |
| constant.character.format.placeholder.other.python | #d19a66 | — |
| keyword.operator | #d4d4d4 | — |
| keyword.operator.assignment.compound | #a951c2 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #56b6c2 | — |
| keyword | #a951c2 | — |
| entity.name.namespace | #dbb05f | — |
| variable | #d7505b | — |
| variable.c | #d4d4d4 | — |
| variable.language | #dbb05f | — |
| token.variable.parameter.java | #d4d4d4 | — |
| import.storage.java | #dbb05f | — |
| token.package.keyword | #a951c2 | — |
| token.package | #d4d4d4 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #4aaeff | — |
| entity.name.type.namespace | #dbb05f | — |
| support.class, entity.name.type.class | #dbb05f | — |
| entity.name.class.identifier.namespace.type | #dbb05f | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #dbb05f | — |
| variable.other.class.php | #d7505b | — |
| entity.name.type | #dbb05f | — |
| keyword.control | #a951c2 | — |
| control.elements, keyword.operator.less | #d19a66 | — |
| keyword.other.special-method | #4aaeff | — |
| storage | #a951c2 | — |
| token.storage | #a951c2 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #a951c2 | — |
| token.storage.type.java | #dbb05f | — |
| support.function | #56b6c2 | — |
| support.type.property-name | #d4d4d4 | — |
| support.constant.property-value | #d4d4d4 | — |
| support.constant.font-name | #d19a66 | — |
| meta.tag | #d4d4d4 | — |
| string | #8abc65 | — |
| entity.other.inherited-class | #dbb05f | — |
| constant.other.symbol | #56b6c2 | — |
| constant.numeric | #d19a66 | — |
| constant | #d19a66 | — |
| punctuation.definition.constant | #d19a66 | — |
| entity.name.tag | #d7505b | — |
| entity.other.attribute-name | #d19a66 | — |
| entity.other.attribute-name.id | #4aaeff | normal |
| entity.other.attribute-name.class.css | #d19a66 | normal |
| meta.selector | #a951c2 | — |
| markup.heading | #d7505b | — |
| markup.heading punctuation.definition.heading, entity.name.section | #4aaeff | — |
| keyword.other.unit | #d7505b | — |
| markup.bold,todo.bold | #d19a66 | — |
| punctuation.definition.bold | #dbb05f | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #a951c2 | — |
| emphasis md | #a951c2 | — |
| entity.name.section.markdown | #d7505b | — |
| punctuation.definition.heading.markdown | #d7505b | — |
| punctuation.definition.list.begin.markdown | #d7505b | — |
| markup.heading.setext | #d4d4d4 | — |
| punctuation.definition.bold.markdown | #d19a66 | — |
| markup.inline.raw.markdown | #8abc65 | — |
| markup.inline.raw.string.markdown | #8abc65 | — |
| punctuation.definition.list.markdown | #d7505b | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #d7505b | — |
| beginning.punctuation.definition.list.markdown | #d7505b | — |
| punctuation.definition.metadata.markdown | #d7505b | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #a951c2 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #4aaeff | — |
| string.regexp | #56b6c2 | — |
| constant.character.escape | #56b6c2 | — |
| punctuation.section.embedded, variable.interpolation | #d7505b | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #a951c2 | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #d4d4d4 | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #d7505b | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #d7505b | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #8abc65 | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #56b6c2 | — |
| support.type.property-name.json | #d7505b | — |
| support.type.property-name.json punctuation | #d7505b | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #a951c2 | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #a951c2 | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #dbb05f | — |
| keyword.operator.error-control.php | #a951c2 | — |
| keyword.operator.type.php | #a951c2 | — |
| punctuation.section.array.begin.php | #d4d4d4 | — |
| punctuation.section.array.end.php | #d4d4d4 | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #dbb05f | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #4aaeff | — |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #d4d4d4 | — |
| support.constant.core.rust | #d19a66 | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #d19a66 | — |
| entity.name.goto-label.php,support.other.php | #4aaeff | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #56b6c2 | — |
| keyword.operator.regexp.php | #a951c2 | — |
| keyword.operator.comparison.php | #56b6c2 | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #a951c2 | — |
| meta.function.decorator.python | #4aaeff | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #56b6c2 | — |
| function.parameter | #d4d4d4 | — |
| function.brace | #d4d4d4 | — |
| function.parameter.ruby, function.parameter.cs | #d4d4d4 | — |
| constant.language.symbol.ruby | #56b6c2 | — |
| rgb-value | #56b6c2 | — |
| inline-color-decoration rgb-value | #d19a66 | — |
| less rgb-value | #d19a66 | — |
| selector.sass | #d7505b | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #dbb05f | — |
| block.scope.end,block.scope.begin | #d4d4d4 | — |
| storage.type.cs | #dbb05f | — |
| entity.name.variable.local.cs | #d7505b | — |
| token.info-token | #4aaeff | — |
| token.warn-token | #d19a66 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #a951c2 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #a951c2 | — |
| meta.template.expression | #d4d4d4 | — |
| keyword.operator.module | #a951c2 | — |
| support.type.type.flowtype | #4aaeff | — |
| support.type.primitive | #dbb05f | — |
| meta.property.object | #d7505b | — |
| variable.parameter.function.js | #d7505b | — |
| keyword.other.template.begin | #8abc65 | — |
| keyword.other.template.end | #8abc65 | — |
| keyword.other.substitution.begin | #8abc65 | — |
| keyword.other.substitution.end | #8abc65 | — |
| keyword.operator.assignment | #56b6c2 | — |
| keyword.operator.assignment.go | #dbb05f | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #a951c2 | — |
| entity.name.package.go | #dbb05f | — |
| support.type.prelude.elm | #56b6c2 | — |
| support.constant.elm | #d19a66 | — |
| punctuation.quasi.element | #a951c2 | — |
| constant.character.entity | #d7505b | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #56b6c2 | — |
| entity.global.clojure | #dbb05f | — |
| meta.symbol.clojure | #d7505b | — |
| constant.keyword.clojure | #56b6c2 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #d7505b | — |
| source.ini | #8abc65 | — |
| meta.scope.prerequisites.makefile | #d7505b | — |
| source.makefile | #dbb05f | — |
| storage.modifier.import.groovy | #dbb05f | — |
| meta.method.groovy | #4aaeff | — |
| meta.definition.variable.name.groovy | #d7505b | — |
| meta.definition.class.inherited.classes.groovy | #8abc65 | — |
| support.variable.semantic.hlsl | #dbb05f | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #a951c2 | — |
| text.variable, text.bracketed | #d7505b | — |
| support.type.swift, support.type.vb.asp | #dbb05f | — |
| entity.name.function.xi | #dbb05f | — |
| entity.name.class.xi | #56b6c2 | — |
| constant.character.character-class.regexp.xi | #d7505b | — |
| constant.regexp.xi | #a951c2 | — |
| keyword.control.xi | #56b6c2 | — |
| invalid.xi | #d4d4d4 | — |
| beginning.punctuation.definition.quote.markdown.xi | #8abc65 | — |
| beginning.punctuation.definition.list.markdown.xi | #7f848e | — |
| constant.character.xi | #4aaeff | — |
| accent.xi | #4aaeff | — |
| wikiword.xi | #d19a66 | — |
| constant.other.color.rgb-value.xi | #ffffff | — |
| punctuation.definition.tag.xi | #7f848e | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #dbb05f | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #d7505b | — |
| meta.brace.square | #d4d4d4 | — |
| comment, punctuation.definition.comment | #7f848e | italic |
| markup.quote.markdown | #7f848e | — |
| punctuation.definition.block.sequence.item.yaml | #d4d4d4 | — |
| constant.language.symbol.elixir | #56b6c2 | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |
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.activeBackground#000e14
- activityBar.background#000e14
- activityBar.border#00000077
- activityBar.foreground#7df9ff
- activityBar.inactiveForeground#7df9ff
- activityBarBadge.background#5fbabf
- activityBarBadge.foreground#ffffff
- badge.background#000e14
- badge.foreground#7df9ff
- breadcrumb.activeSelectionForeground#bcfcff
- breadcrumb.background#000e14
- breadcrumb.focusForeground#bcfcff
- breadcrumb.foreground#7df9ff
- button.background#7df9ff90
- button.foreground#ffffff
- button.hoverBackground#7df9ff
- button.secondaryBackground#7df9ff90
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#7df9ff
- checkbox.background#000e14
- checkbox.border#00000000
- checkbox.foreground#7df9ff
- debugExceptionWidget.background#000e14
- debugExceptionWidget.border#000e14
- debugToolBar.background#000e14
- debugToolBar.border#000e14
- diffEditor.border#009fff
- diffEditor.insertedTextBackground#009fff12
- diffEditor.removedTextBackground#009fff12
- dropdown.background#000e14
- dropdown.border#00000000
- dropdown.foreground#7df9ff
- editor.background#000e14
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#74879f
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#3a3d4166
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#264f784d
- editor.foreground#7df9ff
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#7df9ff20
- editor.lineHighlightBackground#ffffff0A
- editor.lineHighlightBorder#7df9ff20
- editor.rangeHighlightBackground#ffffff0b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#7df9ff20
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#495F77
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorCodeLens.foreground#7df9ff90
- editorCursor.background#00eeff
- editorCursor.foreground#7df9ff50
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#f48771
- editorGroup.border#7df9ff
- editorGroup.emptyBackground#000e14
- editorGroupHeader.tabsBackground#000e14
- editorGutter.addedBackground#587c0c
- editorGutter.background#000e14
- editorGutter.commentRangeForeground#7df9ff
- editorGutter.deletedBackground#94151b
- editorGutter.foldingControlForeground#7df9ff
- editorGutter.modifiedBackground#0c7d9d
- editorHoverWidget.background#000e14
- editorHoverWidget.border#7df9ff50
- editorHoverWidget.foreground#7df9ff
- editorIndentGuide.activeBackground#7df9ff90
- editorIndentGuide.background#7df9ff90
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#75beff
- editorLineNumber.activeForeground#00ffff
- editorLineNumber.foreground#7df9ff
- editorLink.activeForeground#4e94ce
- editorMarkerNavigation.background#000e14
- editorMarkerNavigationError.background#f48771
- editorMarkerNavigationInfo.background#75beff
- editorMarkerNavigationWarning.background#cca700
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#7f7f7f4d
- editorRuler.foreground#7df9ff50
- editorSuggestWidget.background#000e14
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#7df9ff80
- editorSuggestWidget.highlightForeground#7df9ff
- editorSuggestWidget.selectedBackground#7df9ff10
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#cca700
- editorWhitespace.foreground#7df9ff20
- editorWidget.background#000e14
- editorWidget.foreground#7df9ff
- editorWidget.resizeBorder#000e14
- focusBorder#7df9ff
- foreground#7df9ff
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#7df9ff
- input.background#000e14
- input.border#00000000
- input.foreground#7df9ff
- input.placeholderForeground#7df9ff
- inputOption.activeBackground#7df9ff20
- inputOption.activeBorder#007acc00
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#7df9ff10
- list.activeSelectionForeground#7df9ff
- list.dropBackground#7df9ff10
- list.focusBackground#7df9ff10
- list.focusForeground#7df9ff
- list.highlightForeground#7df9ff
- list.hoverBackground#7df9ff10
- list.hoverForeground#7df9ff
- list.inactiveSelectionBackground#7df9ff10
- list.inactiveSelectionForeground#7df9ff
- listFilterWidget.background#7df9ff20
- listFilterWidget.noMatchesOutline#7df9ff
- listFilterWidget.outline#00000000
- menu.background#000e14
- menu.border#00000085
- menu.foreground#7df9ff
- menu.selectionBackground#7df9ff10
- menu.selectionBorder#00000000
- menu.selectionForeground#7df9ff
- menu.separatorBackground#7df9ff50
- menubar.selectionBackground#7df9ff20
- menubar.selectionBorder#7df9ff10
- menubar.selectionForeground#7df9ff
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- minimap.background#000e14
- minimap.errorHighlight#f48771
- minimap.findMatchHighlight#515c6a
- minimap.selectionHighlight#7df9ff20
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#587c0c
- minimapGutter.deletedBackground#94151b
- minimapGutter.modifiedBackground#0c7d9d
- notificationCenter.border#7df9ff50
- notificationCenterHeader.background#000e14
- notificationCenterHeader.foreground#7df9ff
- notifications.background#000e14
- notifications.border#7df9ff50
- notifications.foreground#7df9ff
- notificationsErrorIcon.foreground#ff0000
- notificationsInfoIcon.foreground#0087ff
- notificationsWarningIcon.foreground#ffd100
- notificationToast.border#000e14
- panel.background#000e14
- panel.border#7df9ff50
- panelSection.border#7df9ff50
- panelTitle.activeBorder#7df9ff
- panelTitle.activeForeground#7df9ff
- panelTitle.inactiveForeground#7df9ff90
- peekView.border#007acc
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#001f33
- peekViewResult.background#000e14
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#000e14
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#7df9ff50
- pickerGroup.foreground#7df9ff90
- progressBar.background#7df9ff
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#7df9ff
- scrollbarSlider.background#7df9ff42
- scrollbarSlider.hoverBackground#7df9ffa1
- selection.background#7df9ff40
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#7df9ff
- sideBar.background#000e14
- sideBar.border#00000000
- sideBar.dropBackground#7df9ff10
- sideBar.foreground#7df9ff
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#7df9ff40
- sideBarSectionHeader.foreground#7df9ff
- sideBarTitle.foreground#7df9ff
- statusBar.background#000e14
- statusBar.debuggingBackground#7df9ff80
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#7df9ff
- statusBar.noFolderBackground#000e14
- statusBar.noFolderBorder#ff000000
- statusBar.noFolderForeground#7df9ff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.remoteBackground#5fbabf
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#57b3b810
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#7df9ff
- tab.border#214143
- tab.hoverBackground#7df9ff20
- tab.inactiveBackground#000e14
- tab.inactiveForeground#7df9ff90
- terminal.ansiBlack#606060
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#c2c2c2
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#7df9ff50
- terminal.foreground#7df9ff
- terminal.selectionBackground#ffffff40
- terminalCursor.background#7df9ff50
- terminalCursor.foreground#7df9ff
- textLink.foreground#3794ff
- titleBar.activeBackground#000e14
- titleBar.activeForeground#7df9ff
- titleBar.border#00000000
- titleBar.inactiveBackground#000e14
- titleBar.inactiveForeground#7df9ff
- tree.indentGuidesStroke#7df9ff50
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#7df9ff70
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #00b5be | — |
| variable.other.generic-type.haskell | #7df9ff | — |
| storage.type.haskell | #7df9ff | — |
| support.variable.magic.python | #00b5be | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #7df9ff | — |
| variable.parameter.function.language.special.self.python | #7df9ff | — |
| storage.modifier.lifetime.rust | #7df9ff | — |
| support.function.std.rust | #7df9ff | — |
| entity.name.lifetime.rust | #7df9ff | — |
| variable.language.rust | #00b5be | — |
| support.constant.edge | #7df9ff | — |
| constant.other.character-class.regexp | #00b5be | — |
| keyword.operator.quantifier.regexp | #7df9ff | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #7df9ff | — |
| variable.parameter.function | #7df9ff | — |
| comment markup.link | #7df9ff8f | — |
| markup.changed.diff | #7df9ff | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #7df9ff | — |
| markup.inserted.diff | #7df9ff | — |
| markup.deleted.diff | #00b5be | — |
| meta.function.c,meta.function.cpp | #00b5be | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #7df9ff | — |
| punctuation.separator.key-value | #7df9ff | — |
| keyword.operator.expression.import | #7df9ff | — |
| support.constant.math | #7df9ff | — |
| support.constant.property.math | #7df9ff | — |
| variable.other.constant | #7df9ff | — |
| storage.type.annotation.java, storage.type.object.array.java | #7df9ff | — |
| source.java | #00b5be | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #7df9ff | — |
| meta.method.java | #7df9ff | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #7df9ff | — |
| keyword.operator.instanceof.java | #7df9ff | — |
| meta.definition.variable.name.java | #00b5be | — |
| keyword.operator.logical | #0080be | — |
| keyword.operator.bitwise | #0080be | — |
| keyword.operator.channel | #0080be | — |
| support.constant.property-value.scss,support.constant.property-value.css | #7df9ff | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #0080be | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #7df9ff | — |
| punctuation.separator.list.comma.css | #7df9ff | — |
| support.constant.color.w3c-standard-color-name.css | #7df9ff | — |
| support.type.vendored.property-name.css | #0080be | — |
| support.module.node,support.type.object.module,support.module.node | #7df9ff | — |
| entity.name.type.module | #7df9ff | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #00b5be | — |
| support.constant.json | #7df9ff | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #7df9ff | — |
| support.type.object.console | #00b5be | — |
| support.variable.property.process | #7df9ff | — |
| entity.name.function,support.function.console | #7df9ff | — |
| keyword.operator.misc.rust | #7df9ff | — |
| keyword.operator.sigil.rust | #7df9ff | — |
| keyword.operator.delete | #7df9ff | — |
| support.type.object.dom | #0080be | — |
| support.variable.dom,support.variable.property.dom | #00b5be | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #0080be | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #7df9ff | — |
| punctuation.separator.delimiter | #7df9ff | — |
| punctuation.separator.c,punctuation.separator.cpp | #7df9ff | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #0080be | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #7df9ff | — |
| variable.parameter.function.language.python | #7df9ff | — |
| support.type.python | #0080be | — |
| keyword.operator.logical.python | #7df9ff | — |
| variable.parameter.function.python | #7df9ff | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #7df9ff | — |
| meta.function-call.generic.python | #7df9ff | — |
| constant.character.format.placeholder.other.python | #7df9ff | — |
| keyword.operator | #7df9ff | — |
| keyword.operator.assignment.compound | #7df9ff | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #0080be | — |
| keyword | #7df9ff | — |
| entity.name.namespace | #7df9ff | — |
| variable | #00b5be | — |
| variable.c | #7df9ff | — |
| variable.language | #7df9ff | — |
| token.variable.parameter.java | #7df9ff | — |
| import.storage.java | #7df9ff | — |
| token.package.keyword | #7df9ff | — |
| token.package | #7df9ff | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #7df9ff | — |
| entity.name.type.namespace | #7df9ff | — |
| support.class, entity.name.type.class | #7df9ff | — |
| entity.name.class.identifier.namespace.type | #7df9ff | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #7df9ff | — |
| variable.other.class.php | #00b5be | — |
| entity.name.type | #7df9ff | — |
| keyword.control | #7df9ff | — |
| control.elements, keyword.operator.less | #7df9ff | — |
| keyword.other.special-method | #7df9ff | — |
| storage | #7df9ff | — |
| token.storage | #7df9ff | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #7df9ff | — |
| token.storage.type.java | #7df9ff | — |
| support.function | #0080be | — |
| support.type.property-name | #7df9ff | — |
| support.constant.property-value | #7df9ff | — |
| support.constant.font-name | #7df9ff | — |
| meta.tag | #7df9ff | — |
| string | #7df9ff | — |
| entity.other.inherited-class | #7df9ff | — |
| constant.other.symbol | #0080be | — |
| constant.numeric | #7df9ff | — |
| constant | #7df9ff | — |
| punctuation.definition.constant | #7df9ff | — |
| entity.name.tag | #00b5be | — |
| entity.other.attribute-name | #7df9ff | — |
| entity.other.attribute-name.id | #7df9ff | — |
| entity.other.attribute-name.class.css | #7df9ff | — |
| meta.selector | #7df9ff | — |
| markup.heading | #00b5be | — |
| markup.heading punctuation.definition.heading, entity.name.section | #7df9ff | — |
| keyword.other.unit | #00b5be | — |
| markup.bold,todo.bold | #7df9ff | — |
| punctuation.definition.bold | #7df9ff | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #7df9ff | — |
| emphasis md | #7df9ff | — |
| entity.name.section.markdown | #00b5be | — |
| punctuation.definition.heading.markdown | #00b5be | — |
| punctuation.definition.list.begin.markdown | #00b5be | — |
| markup.heading.setext | #7df9ff | — |
| punctuation.definition.bold.markdown | #7df9ff | — |
| markup.inline.raw.markdown | #7df9ff | — |
| markup.inline.raw.string.markdown | #7df9ff | — |
| punctuation.definition.list.markdown | #00b5be | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #00b5be | — |
| beginning.punctuation.definition.list.markdown | #00b5be | — |
| punctuation.definition.metadata.markdown | #00b5be | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #7df9ff | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #7df9ff | — |
| string.regexp | #0080be | — |
| constant.character.escape | #0080be | — |
| punctuation.section.embedded, variable.interpolation | #00b5be | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #7df9ff | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #7df9ff | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #00b5be | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #00b5be | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #7df9ff | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #0080be | — |
| support.type.property-name.json | #00b5be | — |
| support.type.property-name.json punctuation | #00b5be | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #7df9ff | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #7df9ff | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #7df9ff | — |
| keyword.operator.error-control.php | #7df9ff | — |
| keyword.operator.type.php | #7df9ff | — |
| punctuation.section.array.begin.php | #7df9ff | — |
| punctuation.section.array.end.php | #7df9ff | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #7df9ff | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #7df9ff | — |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #7df9ff | — |
| support.constant.core.rust | #7df9ff | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #7df9ff | — |
| entity.name.goto-label.php,support.other.php | #7df9ff | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #0080be | — |
| keyword.operator.regexp.php | #7df9ff | — |
| keyword.operator.comparison.php | #0080be | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #7df9ff | — |
| meta.function.decorator.python | #7df9ff | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #0080be | — |
| function.parameter | #7df9ff | — |
| function.brace | #7df9ff | — |
| function.parameter.ruby, function.parameter.cs | #7df9ff | — |
| constant.language.symbol.ruby | #0080be | — |
| rgb-value | #0080be | — |
| inline-color-decoration rgb-value | #7df9ff | — |
| less rgb-value | #7df9ff | — |
| selector.sass | #00b5be | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #7df9ff | — |
| block.scope.end,block.scope.begin | #7df9ff | — |
| storage.type.cs | #7df9ff | — |
| entity.name.variable.local.cs | #00b5be | — |
| token.info-token | #7df9ff | — |
| token.warn-token | #7df9ff | — |
| token.error-token | #f44747 | — |
| token.debug-token | #7df9ff | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #7df9ff | — |
| meta.template.expression | #7df9ff | — |
| keyword.operator.module | #7df9ff | — |
| support.type.type.flowtype | #7df9ff | — |
| support.type.primitive | #7df9ff | — |
| meta.property.object | #00b5be | — |
| variable.parameter.function.js | #00b5be | — |
| keyword.other.template.begin | #7df9ff | — |
| keyword.other.template.end | #7df9ff | — |
| keyword.other.substitution.begin | #7df9ff | — |
| keyword.other.substitution.end | #7df9ff | — |
| keyword.operator.assignment | #0080be | — |
| keyword.operator.assignment.go | #7df9ff | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #7df9ff | — |
| entity.name.package.go | #7df9ff | — |
| support.type.prelude.elm | #0080be | — |
| support.constant.elm | #7df9ff | — |
| punctuation.quasi.element | #7df9ff | — |
| constant.character.entity | #00b5be | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #0080be | — |
| entity.global.clojure | #7df9ff | — |
| meta.symbol.clojure | #00b5be | — |
| constant.keyword.clojure | #0080be | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #00b5be | — |
| source.ini | #7df9ff | — |
| meta.scope.prerequisites.makefile | #00b5be | — |
| source.makefile | #7df9ff | — |
| storage.modifier.import.groovy | #7df9ff | — |
| meta.method.groovy | #7df9ff | — |
| meta.definition.variable.name.groovy | #00b5be | — |
| meta.definition.class.inherited.classes.groovy | #7df9ff | — |
| support.variable.semantic.hlsl | #7df9ff | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #7df9ff | — |
| text.variable, text.bracketed | #00b5be | — |
| support.type.swift, support.type.vb.asp | #7df9ff | — |
| entity.name.function.xi | #7df9ff | — |
| entity.name.class.xi | #0080be | — |
| constant.character.character-class.regexp.xi | #00b5be | — |
| constant.regexp.xi | #7df9ff | — |
| keyword.control.xi | #0080be | — |
| invalid.xi | #7df9ff | — |
| beginning.punctuation.definition.quote.markdown.xi | #7df9ff | — |
| beginning.punctuation.definition.list.markdown.xi | #7df9ff8f | — |
| constant.character.xi | #7df9ff | — |
| accent.xi | #7df9ff | — |
| wikiword.xi | #7df9ff | — |
| constant.other.color.rgb-value.xi | #ffffff | — |
| punctuation.definition.tag.xi | #7df9ff8f | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #7df9ff | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #00b5be | — |
| meta.brace.square | #7df9ff | — |
| comment, punctuation.definition.comment | #7df9ff8f | italic |
| markup.quote.markdown | #7df9ff8f | — |
| punctuation.definition.block.sequence.item.yaml | #7df9ff | — |
| constant.language.symbol.elixir | #0080be | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |
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.activeBackground#cccccc02
- activityBar.background#252526
- activityBar.border#09735a
- activityBar.foreground#09735a
- activityBar.inactiveForeground#09735a
- activityBarBadge.background#09735a
- activityBarBadge.foreground#cccccc
- badge.background#4d4d4d
- badge.foreground#13d1a4
- breadcrumb.activeSelectionForeground#e0e0e0
- breadcrumb.background#1e1e1e
- breadcrumb.focusForeground#e0e0e0
- breadcrumb.foreground#cccccccc
- button.background#09735a
- button.foreground#bebfc0
- button.hoverBackground#09735a76
- button.secondaryBackground#bebfc0
- button.secondaryForeground#09735a
- button.secondaryHoverBackground#09735a76
- checkbox.background#3c3c3c
- checkbox.border#00000000
- checkbox.foreground#cccccc
- debugExceptionWidget.background#333333
- debugExceptionWidget.border#474747
- debugToolBar.background#333333
- debugToolBar.border#474747
- diffEditor.border#444444
- diffEditor.insertedTextBackground#9bb95533
- diffEditor.removedTextBackground#ff000033
- dropdown.background#3c3c3c
- dropdown.border#00000000
- dropdown.foreground#cccccc
- editor.background#1b1b1b
- editor.findMatchBackground#41a58d34
- editor.findMatchBorder#09735a
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#3a3d4166
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#264f784d
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#ffffff0A
- editor.lineHighlightBorder#282828
- editor.rangeHighlightBackground#ffffff0b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#064d3c
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#09735a
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#0073585a
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorCodeLens.foreground#999999
- editorCursor.background#000000
- editorCursor.foreground#aeafad
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#f48771
- editorGroup.border#444444
- editorGroup.emptyBackground#1b1b1b
- editorGroupHeader.tabsBackground#252526
- editorGroupHeader.tabsBorder#09735a
- editorGutter.addedBackground#587c0c
- editorGutter.background#1e1e1e
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#94151b
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#0c7d9d
- editorHoverWidget.background#252526
- editorHoverWidget.border#454545
- editorHoverWidget.foreground#cccccc
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#0f9b7a
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#858585
- editorLink.activeForeground#41c9a9
- editorMarkerNavigation.background#2d2d30
- editorMarkerNavigationError.background#f48771
- editorMarkerNavigationInfo.background#75beff
- editorMarkerNavigationWarning.background#cca700
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#7f7f7f4d
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#252526
- editorSuggestWidget.border#454545
- editorSuggestWidget.foreground#bababa
- editorSuggestWidget.highlightForeground#dea47d
- editorSuggestWidget.selectedBackground#454545
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#cca700
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#252526
- editorWidget.foreground#ffffff
- editorWidget.resizeBorder#5f5f5f
- focusBorder#09735a
- foreground#ffffff
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#ffffff
- input.background#3c3c3c
- input.border#00000000
- input.foreground#cccccc
- input.placeholderForeground#a6a6a6
- inputOption.activeBackground#cccccc20
- inputOption.activeBorder#007acc00
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#1a715c
- list.activeSelectionForeground#ffffff
- list.dropBackground#cccccc10
- list.focusBackground#0f3f33
- list.focusForeground#cccccc
- list.highlightForeground#09735a
- list.hoverBackground#09735a50
- list.hoverForeground#cccccc
- list.inactiveSelectionBackground#09735a
- list.inactiveSelectionForeground#cccccc
- listFilterWidget.background#09735a
- listFilterWidget.noMatchesOutline#ffffff
- listFilterWidget.outline#00000000
- menu.background#252526
- menu.border#00000085
- menu.foreground#cccccc
- menu.selectionBackground#09735a
- menu.selectionBorder#00000000
- menu.selectionForeground#ffffff
- menu.separatorBackground#bbbbbb
- menubar.selectionBackground#ffffff1a
- menubar.selectionBorder#d52f2f
- menubar.selectionForeground#cccccccc
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- minimap.background#1b1b1b
- minimap.errorHighlight#f48771
- minimap.findMatchHighlight#41a58d34
- minimap.selectionHighlight#064d3c
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#587c0c
- minimapGutter.deletedBackground#94151b
- minimapGutter.modifiedBackground#0c7d9d
- notificationCenter.border#474747
- notificationCenterHeader.background#303031
- notificationCenterHeader.foreground#cccccc
- notifications.background#252526
- notifications.border#303031
- notifications.foreground#cccccc
- notificationsErrorIcon.foreground#f48771
- notificationsInfoIcon.foreground#25c09c
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#474747
- panel.background#1e1e1e
- panel.border#09735a
- panelSection.border#09735a
- panelTitle.activeBorder#09735a
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#007acc
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#001f33
- peekViewResult.background#252526
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#3f3f46
- pickerGroup.foreground#1adeaf
- progressBar.background#09735a
- scrollbar.shadow#cccccc
- scrollbarSlider.activeBackground#09735a
- scrollbarSlider.background#09735a4a
- scrollbarSlider.hoverBackground#09735a87
- selection.background#09735a
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#ffffff
- sideBar.background#252526
- sideBar.dropBackground#cccccc10
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#cccccc00
- sideBarSectionHeader.border#09735a
- sideBarSectionHeader.foreground#09735a
- sideBarTitle.foreground#09735a
- statusBar.background#252526
- statusBar.border#ffffff00
- statusBar.debuggingBackground#09735a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#352447
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.remoteBackground#09735a
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#cccccc00
- tab.activeBorder#09735a
- tab.activeBorderTop#09735a
- tab.activeForeground#ffffff
- tab.border#252526
- tab.hoverBackground#09735a
- tab.hoverForeground#ffffff
- tab.inactiveBackground#252526
- tab.inactiveForeground#ffffffe5
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#09735a
- terminal.foreground#cccccc
- terminal.selectionBackground#09735a20
- terminalCursor.background#2b7530ab
- terminalCursor.foreground#ffffff
- textLink.foreground#09735a
- titleBar.activeBackground#252526
- titleBar.activeForeground#cccccc
- titleBar.border#00000000
- titleBar.inactiveBackground#252526
- titleBar.inactiveForeground#cccccc99
- tree.indentGuidesStroke#cccccc
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #e06c75 | — |
| variable.other.generic-type.haskell | #c678dd | — |
| storage.type.haskell | #d19a66 | — |
| support.variable.magic.python | #e06c75 | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #d4d4d4 | — |
| variable.parameter.function.language.special.self.python | #e5c07b | — |
| storage.modifier.lifetime.rust | #d4d4d4 | — |
| support.function.std.rust | #61afef | — |
| entity.name.lifetime.rust | #e5c07b | — |
| variable.language.rust | #e06c75 | — |
| support.constant.edge | #c678dd | — |
| constant.other.character-class.regexp | #e06c75 | — |
| keyword.operator.quantifier.regexp | #d19a66 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #98c379 | — |
| variable.parameter.function | #d4d4d4 | — |
| comment markup.link | #689d6e | — |
| markup.changed.diff | #e5c07b | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #61afef | — |
| markup.inserted.diff | #98c379 | — |
| markup.deleted.diff | #e06c75 | — |
| meta.function.c,meta.function.cpp | #e06c75 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #d4d4d4 | — |
| punctuation.separator.key-value | #d4d4d4 | — |
| keyword.operator.expression.import | #61afef | — |
| support.constant.math | #e5c07b | — |
| support.constant.property.math | #d19a66 | — |
| variable.other.constant | #e5c07b | — |
| storage.type.annotation.java, storage.type.object.array.java | #e5c07b | — |
| source.java | #e06c75 | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #d4d4d4 | — |
| meta.method.java | #61afef | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #e5c07b | — |
| keyword.operator.instanceof.java | #c678dd | — |
| meta.definition.variable.name.java | #e06c75 | — |
| keyword.operator.logical | #56b6c2 | — |
| keyword.operator.bitwise | #56b6c2 | — |
| keyword.operator.channel | #56b6c2 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #d19a66 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #56b6c2 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #d19a66 | — |
| punctuation.separator.list.comma.css | #d4d4d4 | — |
| support.constant.color.w3c-standard-color-name.css | #d19a66 | — |
| support.type.vendored.property-name.css | #56b6c2 | — |
| support.module.node,support.type.object.module,support.module.node | #e5c07b | — |
| entity.name.type.module | #e5c07b | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #e06c75 | — |
| support.constant.json | #d19a66 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #c678dd | — |
| support.type.object.console | #e06c75 | — |
| support.variable.property.process | #d19a66 | — |
| entity.name.function,support.function.console | #61afef | — |
| keyword.operator.misc.rust | #d4d4d4 | — |
| keyword.operator.sigil.rust | #c678dd | — |
| keyword.operator.delete | #c678dd | — |
| support.type.object.dom | #56b6c2 | — |
| support.variable.dom,support.variable.property.dom | #e06c75 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #56b6c2 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #c678dd | — |
| punctuation.separator.delimiter | #d4d4d4 | — |
| punctuation.separator.c,punctuation.separator.cpp | #c678dd | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #56b6c2 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #c678dd | — |
| variable.parameter.function.language.python | #d19a66 | — |
| support.type.python | #56b6c2 | — |
| keyword.operator.logical.python | #c678dd | — |
| variable.parameter.function.python | #d19a66 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #d4d4d4 | — |
| meta.function-call.generic.python | #61afef | — |
| constant.character.format.placeholder.other.python | #d19a66 | — |
| keyword.operator | #d4d4d4 | — |
| keyword.operator.assignment.compound | #c678dd | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #56b6c2 | — |
| keyword | #c678dd | — |
| entity.name.namespace | #e5c07b | — |
| variable | #e06c75 | — |
| variable.c | #d4d4d4 | — |
| variable.language | #e5c07b | — |
| token.variable.parameter.java | #d4d4d4 | — |
| import.storage.java | #e5c07b | — |
| token.package.keyword | #c678dd | — |
| token.package | #d4d4d4 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #61afef | — |
| entity.name.type.namespace | #e5c07b | — |
| support.class, entity.name.type.class | #e5c07b | — |
| entity.name.class.identifier.namespace.type | #e5c07b | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #e5c07b | — |
| variable.other.class.php | #e06c75 | — |
| entity.name.type | #e5c07b | — |
| keyword.control | #c678dd | — |
| control.elements, keyword.operator.less | #d19a66 | — |
| keyword.other.special-method | #61afef | — |
| storage | #c678dd | — |
| token.storage | #c678dd | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #c678dd | — |
| token.storage.type.java | #e5c07b | — |
| support.function | #56b6c2 | — |
| support.type.property-name | #d4d4d4 | — |
| support.constant.property-value | #d4d4d4 | — |
| support.constant.font-name | #d19a66 | — |
| meta.tag | #d4d4d4 | — |
| string | #98c379 | — |
| entity.other.inherited-class | #e5c07b | — |
| constant.other.symbol | #56b6c2 | — |
| constant.numeric | #d19a66 | — |
| constant | #d19a66 | — |
| punctuation.definition.constant | #d19a66 | — |
| entity.name.tag | #e06c75 | — |
| entity.other.attribute-name | #d19a66 | — |
| entity.other.attribute-name.id | #61afef | normal |
| entity.other.attribute-name.class.css | #d19a66 | normal |
| meta.selector | #c678dd | — |
| markup.heading | #e06c75 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #61afef | — |
| keyword.other.unit | #e06c75 | — |
| markup.bold,todo.bold | #d19a66 | — |
| punctuation.definition.bold | #e5c07b | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #c678dd | — |
| emphasis md | #c678dd | — |
| entity.name.section.markdown | #e06c75 | — |
| punctuation.definition.heading.markdown | #e06c75 | — |
| punctuation.definition.list.begin.markdown | #e06c75 | — |
| markup.heading.setext | #d4d4d4 | — |
| punctuation.definition.bold.markdown | #d19a66 | — |
| markup.inline.raw.markdown | #98c379 | — |
| markup.inline.raw.string.markdown | #98c379 | — |
| punctuation.definition.list.markdown | #e06c75 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #e06c75 | — |
| beginning.punctuation.definition.list.markdown | #e06c75 | — |
| punctuation.definition.metadata.markdown | #e06c75 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #c678dd | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #61afef | — |
| string.regexp | #56b6c2 | — |
| constant.character.escape | #56b6c2 | — |
| punctuation.section.embedded, variable.interpolation | #e06c75 | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #c678dd | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #d4d4d4 | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #e06c75 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #e06c75 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #98c379 | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #56b6c2 | — |
| support.type.property-name.json | #e06c75 | — |
| support.type.property-name.json punctuation | #e06c75 | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #c678dd | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #c678dd | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #e5c07b | — |
| keyword.operator.error-control.php | #c678dd | — |
| keyword.operator.type.php | #c678dd | — |
| punctuation.section.array.begin.php | #d4d4d4 | — |
| punctuation.section.array.end.php | #d4d4d4 | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #e5c07b | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #61afef | — |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #d4d4d4 | — |
| support.constant.core.rust | #d19a66 | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #d19a66 | — |
| entity.name.goto-label.php,support.other.php | #61afef | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #56b6c2 | — |
| keyword.operator.regexp.php | #c678dd | — |
| keyword.operator.comparison.php | #56b6c2 | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #c678dd | — |
| meta.function.decorator.python | #61afef | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #56b6c2 | — |
| function.parameter | #d4d4d4 | — |
| function.brace | #d4d4d4 | — |
| function.parameter.ruby, function.parameter.cs | #d4d4d4 | — |
| constant.language.symbol.ruby | #56b6c2 | — |
| rgb-value | #56b6c2 | — |
| inline-color-decoration rgb-value | #d19a66 | — |
| less rgb-value | #d19a66 | — |
| selector.sass | #e06c75 | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #e5c07b | — |
| block.scope.end,block.scope.begin | #d4d4d4 | — |
| storage.type.cs | #e5c07b | — |
| entity.name.variable.local.cs | #e06c75 | — |
| token.info-token | #61afef | — |
| token.warn-token | #d19a66 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #c678dd | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #c678dd | — |
| meta.template.expression | #d4d4d4 | — |
| keyword.operator.module | #c678dd | — |
| support.type.type.flowtype | #61afef | — |
| support.type.primitive | #e5c07b | — |
| meta.property.object | #e06c75 | — |
| variable.parameter.function.js | #e06c75 | — |
| keyword.other.template.begin | #98c379 | — |
| keyword.other.template.end | #98c379 | — |
| keyword.other.substitution.begin | #98c379 | — |
| keyword.other.substitution.end | #98c379 | — |
| keyword.operator.assignment | #56b6c2 | — |
| keyword.operator.assignment.go | #e5c07b | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #c678dd | — |
| entity.name.package.go | #e5c07b | — |
| support.type.prelude.elm | #56b6c2 | — |
| support.constant.elm | #d19a66 | — |
| punctuation.quasi.element | #c678dd | — |
| constant.character.entity | #e06c75 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #56b6c2 | — |
| entity.global.clojure | #e5c07b | — |
| meta.symbol.clojure | #e06c75 | — |
| constant.keyword.clojure | #56b6c2 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #e06c75 | — |
| source.ini | #98c379 | — |
| meta.scope.prerequisites.makefile | #e06c75 | — |
| source.makefile | #e5c07b | — |
| storage.modifier.import.groovy | #e5c07b | — |
| meta.method.groovy | #61afef | — |
| meta.definition.variable.name.groovy | #e06c75 | — |
| meta.definition.class.inherited.classes.groovy | #98c379 | — |
| support.variable.semantic.hlsl | #e5c07b | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #c678dd | — |
| text.variable, text.bracketed | #e06c75 | — |
| support.type.swift, support.type.vb.asp | #e5c07b | — |
| entity.name.function.xi | #e5c07b | — |
| entity.name.class.xi | #56b6c2 | — |
| constant.character.character-class.regexp.xi | #e06c75 | — |
| constant.regexp.xi | #c678dd | — |
| keyword.control.xi | #56b6c2 | — |
| invalid.xi | #d4d4d4 | — |
| beginning.punctuation.definition.quote.markdown.xi | #98c379 | — |
| beginning.punctuation.definition.list.markdown.xi | #689d6e | — |
| constant.character.xi | #61afef | — |
| accent.xi | #61afef | — |
| wikiword.xi | #d19a66 | — |
| constant.other.color.rgb-value.xi | #ffffff | — |
| punctuation.definition.tag.xi | #689d6e | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #e5c07b | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #e06c75 | — |
| meta.brace.square | #d4d4d4 | — |
| comment, punctuation.definition.comment | #689d6e | italic |
| markup.quote.markdown | #689d6e | — |
| punctuation.definition.block.sequence.item.yaml | #d4d4d4 | — |
| constant.language.symbol.elixir | #56b6c2 | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |