Death Code
Publisher: Júlia FaveroThemes in package: 13
Dark anime-inspired VS Code themes based on iconic characters, designed for a clean and immersive coding experience.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#0c0c11
- activityBar.foreground#a33b45
- activityBar.inactiveForeground#e9f0fb
- activityBarBadge.background#4d5a7a
- activityBarBadge.foreground#ffffff
- badge.background#8a1424b1
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#e0e0e0
- breadcrumb.background#0c0c11
- breadcrumb.focusForeground#e0e0e0
- breadcrumb.foreground#cccccccc
- button.background#a33b45
- button.foreground#ffffff
- button.hoverBackground#253037
- button.secondaryBackground#3a3d41
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#253037
- checkbox.background#15151b00
- checkbox.border#00000000
- checkbox.foreground#cccccc
- debugExceptionWidget.background#0d0f13
- debugExceptionWidget.border#30384d
- debugToolBar.background#0d0f13
- debugToolBar.border#30384d
- diffEditor.border#444444
- diffEditor.insertedTextBackground#9bb95533
- diffEditor.removedTextBackground#ff000033
- dropdown.background#15151b00
- dropdown.border#00000000
- dropdown.foreground#cccccc
- editor.background#0c0c11
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#74879f
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#3a3d4166
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#264f784d
- editor.foreground#b1bac9
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#ffffff0A
- editor.lineHighlightBorder#282828
- editor.rangeHighlightBackground#ffffff0b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#264f78
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#495F77
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorBracketHighlight.foreground1#a33b45
- editorBracketHighlight.foreground2#4d5a7a
- editorBracketHighlight.foreground3#e9f0fb
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorCodeLens.foreground#999999
- editorCursor.background#000000
- editorCursor.foreground#a33b45
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#f48771
- editorGroup.border#444444
- editorGroup.emptyBackground#0c0c11
- editorGroupHeader.tabsBackground#0c0c11
- editorGroupHeader.tabsBorder#ff000000
- editorGutter.addedBackground#587c0c
- editorGutter.background#0c0c11
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#94151b
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#0c7d9d
- editorHoverWidget.background#151924
- editorHoverWidget.border#282f43
- editorHoverWidget.foreground#cccccc
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#75beff
- editorLineNumber.activeForeground#a33b45
- editorLineNumber.foreground#4d5a7a
- editorLink.activeForeground#4e94ce
- editorMarkerNavigation.background#2d2d30
- editorMarkerNavigationError.background#8a1424
- editorMarkerNavigationInfo.background#b1bac9
- editorMarkerNavigationWarning.background#50506f
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#7f7f7f4d
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#252526
- editorSuggestWidget.border#454545
- editorSuggestWidget.foreground#d4d4d4
- editorSuggestWidget.highlightForeground#a51226
- editorSuggestWidget.selectedBackground#8a14242a
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#cca700
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#15151b
- editorWidget.foreground#cccccc
- editorWidget.resizeBorder#4d5a7a
- focusBorder#6f1f26
- foreground#CECECE
- gitDecoration.addedResourceForeground#537171
- gitDecoration.conflictingResourceForeground#604848
- gitDecoration.deletedResourceForeground#a33b45
- gitDecoration.ignoredResourceForeground#474764
- gitDecoration.modifiedResourceForeground#e2c0ac
- gitDecoration.stageDeletedResourceForeground#c44753
- gitDecoration.stageModifiedResourceForeground#a89090
- gitDecoration.submoduleResourceForeground#5f5f8e
- gitDecoration.untrackedResourceForeground#737373
- icon.foreground#CECECE
- input.background#15151b00
- input.border#00000000
- input.foreground#cccccc
- input.placeholderForeground#a6a6a6
- inputOption.activeBackground#a33b45
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#8a142440
- list.activeSelectionForeground#ffffff
- list.dropBackground#383b3d3a
- list.focusBackground#8a142420
- list.focusForeground#cccccc
- list.highlightForeground#8a1424
- list.hoverBackground#b63a4434
- list.hoverForeground#b63a44
- list.inactiveSelectionBackground#3030307e
- list.inactiveSelectionForeground#cccccc
- listFilterWidget.background#8a142472
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- menu.background#15151b
- menu.border#00000085
- menu.foreground#b63a44
- menu.selectionBackground#821e286a
- menu.selectionBorder#00000000
- menu.selectionForeground#ffffff
- menu.separatorBackground#bbbbbb74
- menubar.selectionBackground#ffffff1a
- menubar.selectionForeground#cccccc
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- minimap.background#0c0c11
- minimap.errorHighlight#f48771
- minimap.findMatchHighlight#515c6a
- minimap.selectionHighlight#264f78
- 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#ea233f
- notificationsInfoIcon.foreground#7683a5
- notificationsWarningIcon.foreground#e9f0fb
- notificationToast.border#474747
- panel.background#121217
- panel.border#80808059
- panelSection.border#8a1424b1
- panelTitle.activeBorder#8a1424b1
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#450910
- peekViewEditor.background#170507
- peekViewEditor.matchHighlightBackground#8a1424b3
- peekViewEditor.matchHighlightBorder#8a1424b3
- peekViewEditorGutter.background#170507
- peekViewResult.background#252526
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#dbbaa732
- peekViewResult.selectionBackground#8a1424b3
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#8a1424b1
- pickerGroup.foreground#dbbaa7
- progressBar.background#b43a43
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#bfbfbf66
- scrollbarSlider.background#490912
- scrollbarSlider.hoverBackground#ffffff16
- selection.background#a33b45
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#CECECE
- sideBar.background#15151b
- sideBar.dropBackground#383b3d3a
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#cccccc00
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#bbbbbb
- statusBar.background#15151b
- statusBar.border#b1bac900
- statusBar.debuggingBackground#2d3445
- statusBar.debuggingForeground#e9f0fb
- statusBar.foreground#e9f0fb
- statusBar.noFolderBackground#5e161d
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#FFFFFF25
- statusBarItem.remoteBackground#a33b45
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#3d0c135c
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#b63a44
- tab.border#00000050
- tab.hoverBackground#31313ddb
- tab.hoverForeground#b63a44
- tab.inactiveBackground#0c0c11
- tab.inactiveForeground#999999
- 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#8a1424b1
- terminal.foreground#cccccc
- terminal.selectionBackground#ffffff40
- terminalCursor.background#8a1424b1
- terminalCursor.foreground#ffffff
- textLink.foreground#a33b45
- titleBar.activeBackground#15151b
- titleBar.activeForeground#b63a44
- titleBar.border#00000000
- titleBar.inactiveBackground#15151b
- titleBar.inactiveForeground#cccccc99
- tree.indentGuidesStroke#585858
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#000000cf
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 | #f23d4b | — |
| variable.other.generic-type.haskell | #a33b45 | — |
| storage.type.haskell | #788ec4 | — |
| support.variable.magic.python | #f23d4b | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #b1bac9 | — |
| variable.parameter.function.language.special.self.python | #e9f0fb | — |
| storage.modifier.lifetime.rust | #b1bac9 | — |
| support.function.std.rust | #b2b9c0 | — |
| entity.name.lifetime.rust | #e9f0fb | — |
| variable.language.rust | #f23d4b | — |
| support.constant.edge | #a33b45 | — |
| constant.other.character-class.regexp | #f23d4b | — |
| keyword.operator.quantifier.regexp | #788ec4 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #e2c0ac | — |
| variable.parameter.function | #b1bac9 | — |
| comment markup.link | #7f848e | — |
| markup.changed.diff | #e9f0fb | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #b2b9c0 | — |
| markup.inserted.diff | #e2c0ac | — |
| markup.deleted.diff | #f23d4b | — |
| meta.function.c,meta.function.cpp | #f23d4b | — |
| 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 | #b1bac9 | — |
| punctuation.separator.key-value | #b1bac9 | — |
| keyword.operator.expression.import | #b2b9c0 | — |
| support.constant.math | #e9f0fb | — |
| support.constant.property.math | #788ec4 | — |
| variable.other.constant | #e9f0fb | — |
| storage.type.annotation.java, storage.type.object.array.java | #e9f0fb | — |
| source.java | #f23d4b | — |
| 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 | #b1bac9 | — |
| meta.method.java | #b2b9c0 | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #e9f0fb | — |
| keyword.operator.instanceof.java | #a33b45 | — |
| meta.definition.variable.name.java | #f23d4b | — |
| keyword.operator.logical | #4d5a7a | — |
| keyword.operator.bitwise | #4d5a7a | — |
| keyword.operator.channel | #4d5a7a | — |
| support.constant.property-value.scss,support.constant.property-value.css | #788ec4 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #4d5a7a | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #788ec4 | — |
| punctuation.separator.list.comma.css | #b1bac9 | — |
| support.constant.color.w3c-standard-color-name.css | #788ec4 | — |
| support.type.vendored.property-name.css | #4d5a7a | — |
| support.module.node,support.type.object.module,support.module.node | #e9f0fb | — |
| entity.name.type.module | #e9f0fb | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #f23d4b | — |
| support.constant.json | #788ec4 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #a33b45 | — |
| support.type.object.console | #f23d4b | — |
| support.variable.property.process | #788ec4 | — |
| entity.name.function,support.function.console | #b2b9c0 | — |
| keyword.operator.misc.rust | #b1bac9 | — |
| keyword.operator.sigil.rust | #a33b45 | — |
| keyword.operator.delete | #a33b45 | — |
| support.type.object.dom | #4d5a7a | — |
| support.variable.dom,support.variable.property.dom | #f23d4b | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #4d5a7a | — |
| 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 | #a33b45 | — |
| punctuation.separator.delimiter | #b1bac9 | — |
| punctuation.separator.c,punctuation.separator.cpp | #a33b45 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #4d5a7a | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #a33b45 | — |
| variable.parameter.function.language.python | #788ec4 | — |
| support.type.python | #4d5a7a | — |
| keyword.operator.logical.python | #a33b45 | — |
| variable.parameter.function.python | #788ec4 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #b1bac9 | — |
| meta.function-call.generic.python | #b2b9c0 | — |
| constant.character.format.placeholder.other.python | #788ec4 | — |
| keyword.operator | #b1bac9 | — |
| keyword.operator.assignment.compound | #a33b45 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #4d5a7a | — |
| keyword | #a33b45 | — |
| entity.name.namespace | #e9f0fb | — |
| variable | #f23d4b | — |
| variable.c | #b1bac9 | — |
| variable.language | #e9f0fb | — |
| token.variable.parameter.java | #b1bac9 | — |
| import.storage.java | #e9f0fb | — |
| token.package.keyword | #a33b45 | — |
| token.package | #b1bac9 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #b2b9c0 | — |
| entity.name.type.namespace | #e9f0fb | — |
| support.class, entity.name.type.class | #e9f0fb | — |
| entity.name.class.identifier.namespace.type | #e9f0fb | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #e9f0fb | — |
| variable.other.class.php | #f23d4b | — |
| entity.name.type | #e9f0fb | — |
| keyword.control | #a33b45 | — |
| control.elements, keyword.operator.less | #788ec4 | — |
| keyword.other.special-method | #b2b9c0 | — |
| storage | #a33b45 | — |
| token.storage | #a33b45 | — |
| 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 | #a33b45 | — |
| token.storage.type.java | #e9f0fb | — |
| support.function | #4d5a7a | — |
| support.type.property-name | #b1bac9 | — |
| support.constant.property-value | #b1bac9 | — |
| support.constant.font-name | #788ec4 | — |
| meta.tag | #b1bac9 | — |
| string | #e2c0ac | — |
| entity.other.inherited-class | #e9f0fb | — |
| constant.other.symbol | #4d5a7a | — |
| constant.numeric | #788ec4 | — |
| constant | #788ec4 | — |
| punctuation.definition.constant | #788ec4 | — |
| entity.name.tag | #f23d4b | — |
| entity.other.attribute-name | #788ec4 | — |
| entity.other.attribute-name.id | #b2b9c0 | normal |
| entity.other.attribute-name.class.css | #788ec4 | normal |
| meta.selector | #a33b45 | — |
| markup.heading | #f23d4b | — |
| markup.heading punctuation.definition.heading, entity.name.section | #b2b9c0 | — |
| keyword.other.unit | #f23d4b | — |
| markup.bold,todo.bold | #788ec4 | — |
| punctuation.definition.bold | #e9f0fb | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #a33b45 | — |
| emphasis md | #a33b45 | — |
| entity.name.section.markdown | #f23d4b | — |
| punctuation.definition.heading.markdown | #f23d4b | — |
| punctuation.definition.list.begin.markdown | #f23d4b | — |
| markup.heading.setext | #b1bac9 | — |
| punctuation.definition.bold.markdown | #788ec4 | — |
| markup.inline.raw.markdown | #e2c0ac | — |
| markup.inline.raw.string.markdown | #e2c0ac | — |
| punctuation.definition.list.markdown | #f23d4b | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #f23d4b | — |
| beginning.punctuation.definition.list.markdown | #f23d4b | — |
| punctuation.definition.metadata.markdown | #f23d4b | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #a33b45 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #b2b9c0 | — |
| string.regexp | #4d5a7a | — |
| constant.character.escape | #4d5a7a | — |
| punctuation.section.embedded, variable.interpolation | #f23d4b | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #a33b45 | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #b1bac9 | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #f23d4b | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #f23d4b | — |
| 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 | #e2c0ac | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #4d5a7a | — |
| support.type.property-name.json | #f23d4b | — |
| support.type.property-name.json punctuation | #f23d4b | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #a33b45 | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #a33b45 | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #e9f0fb | — |
| keyword.operator.error-control.php | #a33b45 | — |
| keyword.operator.type.php | #a33b45 | — |
| punctuation.section.array.begin.php | #b1bac9 | — |
| punctuation.section.array.end.php | #b1bac9 | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #e9f0fb | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #b2b9c0 | — |
| 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 | #b1bac9 | — |
| support.constant.core.rust | #788ec4 | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #788ec4 | — |
| entity.name.goto-label.php,support.other.php | #b2b9c0 | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #4d5a7a | — |
| keyword.operator.regexp.php | #a33b45 | — |
| keyword.operator.comparison.php | #4d5a7a | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #a33b45 | — |
| meta.function.decorator.python | #b2b9c0 | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #4d5a7a | — |
| function.parameter | #b1bac9 | — |
| function.brace | #b1bac9 | — |
| function.parameter.ruby, function.parameter.cs | #b1bac9 | — |
| constant.language.symbol.ruby | #4d5a7a | — |
| rgb-value | #4d5a7a | — |
| inline-color-decoration rgb-value | #788ec4 | — |
| less rgb-value | #788ec4 | — |
| selector.sass | #f23d4b | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #e9f0fb | — |
| block.scope.end,block.scope.begin | #b1bac9 | — |
| storage.type.cs | #e9f0fb | — |
| entity.name.variable.local.cs | #f23d4b | — |
| token.info-token | #b2b9c0 | — |
| token.warn-token | #788ec4 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #a33b45 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #a33b45 | — |
| meta.template.expression | #b1bac9 | — |
| keyword.operator.module | #a33b45 | — |
| support.type.type.flowtype | #b2b9c0 | — |
| support.type.primitive | #e9f0fb | — |
| meta.property.object | #f23d4b | — |
| variable.parameter.function.js | #f23d4b | — |
| keyword.other.template.begin | #e2c0ac | — |
| keyword.other.template.end | #e2c0ac | — |
| keyword.other.substitution.begin | #e2c0ac | — |
| keyword.other.substitution.end | #e2c0ac | — |
| keyword.operator.assignment | #4d5a7a | — |
| keyword.operator.assignment.go | #e9f0fb | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #a33b45 | — |
| entity.name.package.go | #e9f0fb | — |
| support.type.prelude.elm | #4d5a7a | — |
| support.constant.elm | #788ec4 | — |
| punctuation.quasi.element | #a33b45 | — |
| constant.character.entity | #f23d4b | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #4d5a7a | — |
| entity.global.clojure | #e9f0fb | — |
| meta.symbol.clojure | #f23d4b | — |
| constant.keyword.clojure | #4d5a7a | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #f23d4b | — |
| source.ini | #e2c0ac | — |
| meta.scope.prerequisites.makefile | #f23d4b | — |
| source.makefile | #e9f0fb | — |
| storage.modifier.import.groovy | #e9f0fb | — |
| meta.method.groovy | #b2b9c0 | — |
| meta.definition.variable.name.groovy | #f23d4b | — |
| meta.definition.class.inherited.classes.groovy | #e2c0ac | — |
| support.variable.semantic.hlsl | #e9f0fb | — |
| 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 | #a33b45 | — |
| text.variable, text.bracketed | #f23d4b | — |
| support.type.swift, support.type.vb.asp | #e9f0fb | — |
| entity.name.function.xi | #e9f0fb | — |
| entity.name.class.xi | #4d5a7a | — |
| constant.character.character-class.regexp.xi | #f23d4b | — |
| constant.regexp.xi | #a33b45 | — |
| keyword.control.xi | #4d5a7a | — |
| invalid.xi | #b1bac9 | — |
| beginning.punctuation.definition.quote.markdown.xi | #e2c0ac | — |
| beginning.punctuation.definition.list.markdown.xi | #7f848e | — |
| constant.character.xi | #b2b9c0 | — |
| accent.xi | #b2b9c0 | — |
| wikiword.xi | #788ec4 | — |
| 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 | #e9f0fb | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #f23d4b | — |
| meta.brace.square | #b1bac9 | — |
| comment, punctuation.definition.comment | #7f848e | italic |
| markup.quote.markdown | #7f848e | — |
| punctuation.definition.block.sequence.item.yaml | #b1bac9 | — |
| constant.language.symbol.elixir | #4d5a7a | — |
| 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.background#0b0017
- activityBar.border#4848a8
- activityBar.foreground#9060a8
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#9060a8
- activityBarBadge.foreground#ffffff
- badge.background#60c0ffcf
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#60c0ff
- breadcrumb.background#17013000
- breadcrumb.focusForeground#60c0ff
- breadcrumb.foreground#9060a8b3
- button.background#483078
- button.foreground#ffffff
- button.hoverBackground#4848a8
- button.secondaryBackground#181848
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#303090
- checkbox.background#3c3c3c00
- checkbox.border#00000000
- checkbox.foreground#a890c0
- debugExceptionWidget.background#180018
- debugExceptionWidget.border#3f003f
- debugToolBar.background#180018
- debugToolBar.border#3f003f
- diffEditor.border#60a8f0f9
- diffEditor.insertedTextBackground#60a8f02c
- diffEditor.removedTextBackground#ff000033
- dropdown.background#3c3c3c00
- dropdown.border#00000000
- dropdown.foreground#a890c0
- editor.background#0b0017
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#d8f0f0a7
- editor.findMatchHighlightBackground#7860a8cb
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#181830
- editor.findRangeHighlightBorder#b0b0b000
- editor.foldBackground#264f784d
- editor.foreground#faf0fc
- editor.hoverHighlightBackground#3b78b440
- editor.inactiveSelectionBackground#303048
- editor.lineHighlightBackground#3030488d
- editor.lineHighlightBorder#843b4f00
- editor.rangeHighlightBackground#180018
- editor.rangeHighlightBorder#64454500
- editor.selectionBackground#26014b
- editor.selectionHighlightBackground#a8c0d83a
- editor.selectionHighlightBorder#5e84ad
- editor.wordHighlightBackground#78c0f04c
- editor.wordHighlightStrongBackground#004972b8
- editorBracketHighlight.foreground1#90d8f0
- editorBracketHighlight.foreground2#6130e6
- editorBracketHighlight.foreground3#7878d8
- editorBracketHighlight.foreground4#9060a8
- editorBracketHighlight.foreground5#c0a8d8
- editorBracketHighlight.foreground6#f0f0ff
- editorBracketMatch.background#483078a9
- editorBracketMatch.border#88888800
- editorCodeLens.foreground#f0f0ff7a
- editorCursor.background#000000
- editorCursor.foreground#b574d5
- editorError.background#b73a3400
- editorError.border#ffffff00
- editorError.foreground#a86099
- editorGroup.border#483078
- editorGroup.emptyBackground#0b0017
- editorGroupHeader.tabsBackground#25252600
- editorGutter.addedBackground#90d8f0c7
- editorGutter.background#0b0017
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#a745d7
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#303090
- editorHoverWidget.background#220441
- editorHoverWidget.border#45454500
- editorHoverWidget.foreground#cccccc
- editorIndentGuide.activeBackground#754fc0
- editorIndentGuide.background#4830788f
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#75beff
- editorLineNumber.activeForeground#60a8f0
- editorLineNumber.foreground#351a6b
- editorLink.activeForeground#d8f0f0
- editorMarkerNavigation.background#160526
- editorMarkerNavigationError.background#f48771
- editorMarkerNavigationInfo.background#75beff
- editorMarkerNavigationWarning.background#cca700
- editorOverviewRuler.background#c03f3f00
- editorOverviewRuler.border#d3262600
- editorRuler.foreground#483078e3
- editorSuggestWidget.background#180030
- editorSuggestWidget.border#45454500
- editorSuggestWidget.foreground#f0f0ffc9
- editorSuggestWidget.highlightForeground#c798f7
- editorSuggestWidget.selectedBackground#1f1f54
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#d8f0f0
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#180018
- editorWidget.foreground#cccccc
- editorWidget.resizeBorder#430051
- focusBorder#30309000
- foreground#f0f0ff
- gitDecoration.addedResourceForeground#90d8f0
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#9060a8
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#6090d8
- gitDecoration.stageDeletedResourceForeground#c0a8d8
- gitDecoration.stageModifiedResourceForeground#d8f0f0
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#483078
- icon.foreground#f0f0ff
- input.background#3c3c3c00
- input.border#00000000
- input.foreground#a890c0
- input.placeholderForeground#a6a6a6
- inputOption.activeBackground#604890
- inputOption.activeBorder#007acc00
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#303090
- list.activeSelectionForeground#ffffff
- list.dropBackground#181848
- list.focusBackground#181848
- list.focusForeground#9078a8
- list.highlightForeground#b25bde
- list.hoverBackground#181848
- list.hoverForeground#9078a8
- list.inactiveSelectionBackground#181848
- list.inactiveSelectionForeground#f0f0ff
- listFilterWidget.background#ad5cd54a
- listFilterWidget.noMatchesOutline#be3fc297
- listFilterWidget.outline#00000000
- menu.background#17002e
- menu.border#e04f4f00
- menu.foreground#cccccc
- menu.selectionBackground#604890
- menu.selectionBorder#00000000
- menu.selectionForeground#90d8f0
- menu.separatorBackground#ffffff14
- menubar.selectionBackground#ffffff1a
- menubar.selectionBorder#ffffff00
- menubar.selectionForeground#90d8f0
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403B
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384B
- merge.incomingHeaderBackground#395F8F
- minimap.background#0b0017
- minimap.errorHighlight#a86099
- minimap.findMatchHighlight#515c6a
- minimap.selectionHighlight#26014b
- minimap.warningHighlight#d8f0f0
- minimapGutter.addedBackground#90d8f0c7
- minimapGutter.deletedBackground#a745d7
- minimapGutter.modifiedBackground#303090
- notificationCenter.border#303078
- notificationCenterHeader.background#303078
- notificationCenterHeader.foreground#cccccc
- notifications.background#181830
- notifications.border#303078
- notifications.foreground#cccccc
- notificationsErrorIcon.foreground#9060a8
- notificationsInfoIcon.foreground#60c0ff
- notificationsWarningIcon.foreground#d8f0f0
- notificationToast.border#303078
- panel.background#0f001f
- panel.border#303090
- panelSection.border#303090
- panelTitle.activeBorder#78c0f0
- panelTitle.activeForeground#f0f0ff
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#410d75
- peekViewEditor.background#180030
- peekViewEditor.matchHighlightBackground#a8c0d854
- peekViewEditor.matchHighlightBorder#a8c0d8dd
- peekViewEditorGutter.background#180030
- peekViewResult.background#1e013b
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#d8f0f0
- peekViewResult.matchHighlightBackground#a8c0d881
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#7860a891
- pickerGroup.foreground#90d8f0
- progressBar.background#6e39d7
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#60a8f0
- scrollbarSlider.background#483090
- scrollbarSlider.hoverBackground#9060a8
- selection.background#604890af
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#f0f0ff
- sideBar.background#0b0017
- sideBar.dropBackground#181848
- sideBar.foreground#a8c0d8
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#cccccc00
- sideBarSectionHeader.foreground#f0f0ffe3
- sideBarTitle.foreground#7878d8
- statusBar.background#180030
- statusBar.border#ffffff00
- statusBar.debuggingBackground#483090
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#8383ff
- statusBar.noFolderBackground#301848
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#60a8f03a
- statusBarItem.remoteBackground#303090
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#170030
- tab.activeBorder#60c0ff
- tab.activeBorderTop#00000000
- tab.activeForeground#f0f0ff
- tab.border#0b0bff00
- tab.hoverBorder#60c0ff
- tab.hoverForeground#60c0ff
- tab.inactiveBackground#0b0017
- tab.inactiveForeground#9060a8b3
- 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#303090
- terminal.foreground#cccccc
- terminal.selectionBackground#18184848
- terminalCursor.background#78c0f0
- terminalCursor.foreground#ffffff
- textLink.foreground#90d8f0
- titleBar.activeBackground#0b0017
- titleBar.activeForeground#9060a8
- titleBar.border#303090
- titleBar.inactiveBackground#0b0017
- titleBar.inactiveForeground#483078
- tree.indentGuidesStroke#22225c
- 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 | #9060a8 | — |
| variable.other.generic-type.haskell | #7878d8 | — |
| storage.type.haskell | #c0a8d8 | — |
| support.variable.magic.python | #9060a8 | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #ebbaf2 | — |
| variable.parameter.function.language.special.self.python | #90d8f0 | — |
| storage.modifier.lifetime.rust | #ebbaf2 | — |
| support.function.std.rust | #61afef | — |
| entity.name.lifetime.rust | #90d8f0 | — |
| variable.language.rust | #9060a8 | — |
| support.constant.edge | #7878d8 | — |
| constant.other.character-class.regexp | #9060a8 | — |
| keyword.operator.quantifier.regexp | #c0a8d8 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #f0f0ff | — |
| variable.parameter.function | #ebbaf2 | — |
| comment markup.link | #90a8d87c | — |
| markup.changed.diff | #90d8f0 | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #61afef | — |
| markup.inserted.diff | #f0f0ff | — |
| markup.deleted.diff | #9060a8 | — |
| meta.function.c,meta.function.cpp | #9060a8 | — |
| 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 | #ebbaf2 | — |
| punctuation.separator.key-value | #ebbaf2 | — |
| keyword.operator.expression.import | #61afef | — |
| support.constant.math | #90d8f0 | — |
| support.constant.property.math | #c0a8d8 | — |
| variable.other.constant | #90d8f0 | — |
| storage.type.annotation.java, storage.type.object.array.java | #90d8f0 | — |
| source.java | #9060a8 | — |
| 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 | #ebbaf2 | — |
| meta.method.java | #61afef | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #90d8f0 | — |
| keyword.operator.instanceof.java | #7878d8 | — |
| meta.definition.variable.name.java | #9060a8 | — |
| keyword.operator.logical | #6130e6 | — |
| keyword.operator.bitwise | #6130e6 | — |
| keyword.operator.channel | #6130e6 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #c0a8d8 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #6130e6 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #c0a8d8 | — |
| punctuation.separator.list.comma.css | #ebbaf2 | — |
| support.constant.color.w3c-standard-color-name.css | #c0a8d8 | — |
| support.type.vendored.property-name.css | #6130e6 | — |
| support.module.node,support.type.object.module,support.module.node | #90d8f0 | — |
| entity.name.type.module | #90d8f0 | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #9060a8 | — |
| support.constant.json | #c0a8d8 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #7878d8 | — |
| support.type.object.console | #9060a8 | — |
| support.variable.property.process | #c0a8d8 | — |
| entity.name.function,support.function.console | #61afef | — |
| keyword.operator.misc.rust | #ebbaf2 | — |
| keyword.operator.sigil.rust | #7878d8 | — |
| keyword.operator.delete | #7878d8 | — |
| support.type.object.dom | #6130e6 | — |
| support.variable.dom,support.variable.property.dom | #9060a8 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #6130e6 | — |
| 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 | #7878d8 | — |
| punctuation.separator.delimiter | #ebbaf2 | — |
| punctuation.separator.c,punctuation.separator.cpp | #7878d8 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #6130e6 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #7878d8 | — |
| variable.parameter.function.language.python | #c0a8d8 | — |
| support.type.python | #6130e6 | — |
| keyword.operator.logical.python | #7878d8 | — |
| variable.parameter.function.python | #c0a8d8 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #ebbaf2 | — |
| meta.function-call.generic.python | #61afef | — |
| constant.character.format.placeholder.other.python | #c0a8d8 | — |
| keyword.operator | #ebbaf2 | — |
| keyword.operator.assignment.compound | #7878d8 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #6130e6 | — |
| keyword | #7878d8 | — |
| entity.name.namespace | #90d8f0 | — |
| variable | #9060a8 | — |
| variable.c | #ebbaf2 | — |
| variable.language | #90d8f0 | — |
| token.variable.parameter.java | #ebbaf2 | — |
| import.storage.java | #90d8f0 | — |
| token.package.keyword | #7878d8 | — |
| token.package | #ebbaf2 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #61afef | — |
| entity.name.type.namespace | #90d8f0 | — |
| support.class, entity.name.type.class | #90d8f0 | — |
| entity.name.class.identifier.namespace.type | #90d8f0 | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #90d8f0 | — |
| variable.other.class.php | #9060a8 | — |
| entity.name.type | #90d8f0 | — |
| keyword.control | #7878d8 | — |
| control.elements, keyword.operator.less | #c0a8d8 | — |
| keyword.other.special-method | #61afef | — |
| storage | #7878d8 | — |
| token.storage | #7878d8 | — |
| 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 | #7878d8 | — |
| token.storage.type.java | #90d8f0 | — |
| support.function | #6130e6 | — |
| support.type.property-name | #ebbaf2 | — |
| support.constant.property-value | #ebbaf2 | — |
| support.constant.font-name | #c0a8d8 | — |
| meta.tag | #ebbaf2 | — |
| string | #f0f0ff | — |
| entity.other.inherited-class | #90d8f0 | — |
| constant.other.symbol | #6130e6 | — |
| constant.numeric | #c0a8d8 | — |
| constant | #c0a8d8 | — |
| punctuation.definition.constant | #c0a8d8 | — |
| entity.name.tag | #9060a8 | — |
| entity.other.attribute-name | #7dc5ff | — |
| entity.other.attribute-name.id | #61afef | normal |
| entity.other.attribute-name.class.css | #c0a8d8 | normal |
| meta.selector | #7878d8 | — |
| markup.heading | #9060a8 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #61afef | — |
| keyword.other.unit | #9060a8 | — |
| markup.bold,todo.bold | #c0a8d8 | — |
| punctuation.definition.bold | #90d8f0 | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #7878d8 | — |
| emphasis md | #7878d8 | — |
| entity.name.section.markdown | #9060a8 | — |
| punctuation.definition.heading.markdown | #9060a8 | — |
| punctuation.definition.list.begin.markdown | #9060a8 | — |
| markup.heading.setext | #ebbaf2 | — |
| punctuation.definition.bold.markdown | #c0a8d8 | — |
| markup.inline.raw.markdown | #f0f0ff | — |
| markup.inline.raw.string.markdown | #f0f0ff | — |
| punctuation.definition.list.markdown | #9060a8 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #9060a8 | — |
| beginning.punctuation.definition.list.markdown | #9060a8 | — |
| punctuation.definition.metadata.markdown | #9060a8 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #7878d8 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #61afef | — |
| string.regexp | #6130e6 | — |
| constant.character.escape | #6130e6 | — |
| punctuation.section.embedded, variable.interpolation | #9060a8 | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #7878d8 | — |
| invalid.illegal | #ffffff | — |
| invalid.illegal.bad-ampersand.html | #ebbaf2 | — |
| invalid.broken | #ffffff | — |
| invalid.deprecated | #ffffff | — |
| invalid.unimplemented | #ffffff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #9060a8 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #9060a8 | — |
| 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 | #f0f0ff | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #6130e6 | — |
| support.type.property-name.json | #9060a8 | — |
| support.type.property-name.json punctuation | #9060a8 | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #7878d8 | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #7878d8 | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #90d8f0 | — |
| keyword.operator.error-control.php | #7878d8 | — |
| keyword.operator.type.php | #7878d8 | — |
| punctuation.section.array.begin.php | #ebbaf2 | — |
| punctuation.section.array.end.php | #ebbaf2 | — |
| invalid.illegal.non-null-typehinted.php | #f44747 | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #90d8f0 | — |
| 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 | #ebbaf2 | — |
| support.constant.core.rust | #c0a8d8 | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #c0a8d8 | — |
| entity.name.goto-label.php,support.other.php | #61afef | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #6130e6 | — |
| keyword.operator.regexp.php | #7878d8 | — |
| keyword.operator.comparison.php | #6130e6 | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #7878d8 | — |
| meta.function.decorator.python | #61afef | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #6130e6 | — |
| function.parameter | #ebbaf2 | — |
| function.brace | #ebbaf2 | — |
| function.parameter.ruby, function.parameter.cs | #ebbaf2 | — |
| constant.language.symbol.ruby | #6130e6 | — |
| rgb-value | #6130e6 | — |
| inline-color-decoration rgb-value | #c0a8d8 | — |
| less rgb-value | #c0a8d8 | — |
| selector.sass | #9060a8 | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #90d8f0 | — |
| block.scope.end,block.scope.begin | #ebbaf2 | — |
| storage.type.cs | #90d8f0 | — |
| entity.name.variable.local.cs | #9060a8 | — |
| token.info-token | #61afef | — |
| token.warn-token | #c0a8d8 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #7878d8 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #7878d8 | — |
| meta.template.expression | #ebbaf2 | — |
| keyword.operator.module | #7878d8 | — |
| support.type.type.flowtype | #61afef | — |
| support.type.primitive | #90d8f0 | — |
| meta.property.object | #9060a8 | — |
| variable.parameter.function.js | #9060a8 | — |
| keyword.other.template.begin | #f0f0ff | — |
| keyword.other.template.end | #f0f0ff | — |
| keyword.other.substitution.begin | #f0f0ff | — |
| keyword.other.substitution.end | #f0f0ff | — |
| keyword.operator.assignment | #6130e6 | — |
| keyword.operator.assignment.go | #90d8f0 | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #7878d8 | — |
| entity.name.package.go | #90d8f0 | — |
| support.type.prelude.elm | #6130e6 | — |
| support.constant.elm | #c0a8d8 | — |
| punctuation.quasi.element | #7878d8 | — |
| constant.character.entity | #9060a8 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #6130e6 | — |
| entity.global.clojure | #90d8f0 | — |
| meta.symbol.clojure | #9060a8 | — |
| constant.keyword.clojure | #6130e6 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #9060a8 | — |
| source.ini | #f0f0ff | — |
| meta.scope.prerequisites.makefile | #9060a8 | — |
| source.makefile | #90d8f0 | — |
| storage.modifier.import.groovy | #90d8f0 | — |
| meta.method.groovy | #61afef | — |
| meta.definition.variable.name.groovy | #9060a8 | — |
| meta.definition.class.inherited.classes.groovy | #f0f0ff | — |
| support.variable.semantic.hlsl | #90d8f0 | — |
| 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 | #7878d8 | — |
| text.variable, text.bracketed | #9060a8 | — |
| support.type.swift, support.type.vb.asp | #90d8f0 | — |
| entity.name.function.xi | #90d8f0 | — |
| entity.name.class.xi | #6130e6 | — |
| constant.character.character-class.regexp.xi | #9060a8 | — |
| constant.regexp.xi | #7878d8 | — |
| keyword.control.xi | #6130e6 | — |
| invalid.xi | #ebbaf2 | — |
| beginning.punctuation.definition.quote.markdown.xi | #f0f0ff | — |
| beginning.punctuation.definition.list.markdown.xi | #90a8d87c | — |
| constant.character.xi | #61afef | — |
| accent.xi | #61afef | — |
| wikiword.xi | #c0a8d8 | — |
| constant.other.color.rgb-value.xi | #ffffff | — |
| punctuation.definition.tag.xi | #90a8d87c | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #90d8f0 | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #9060a8 | — |
| meta.brace.square | #ebbaf2 | — |
| comment, punctuation.definition.comment | #90a8d87c | italic |
| markup.quote.markdown | #90a8d87c | — |
| punctuation.definition.block.sequence.item.yaml | #ebbaf2 | — |
| constant.language.symbol.elixir | #6130e6 | — |
| 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.background#181818
- activityBar.border#18181860
- activityBar.foreground#D8D8D8
- activityBarBadge.background#F1D9A9
- activityBarBadge.foreground#181818
- badge.background#18181830
- badge.foreground#875136
- breadcrumb.activeSelectionForeground#875136
- breadcrumb.background#181818
- breadcrumb.focusForeground#D8D8D8
- breadcrumb.foreground#A56342
- breadcrumbPicker.background#181818
- button.background#87513650
- contrastBorder#87513640
- debugToolBar.background#181818
- diffEditor.insertedTextBackground#67241915
- diffEditor.removedTextBackground#94775920
- dropdown.background#181818
- dropdown.border#F0F0D810
- editor.background#181818
- editor.findMatchBackground#181818
- editor.findMatchBorder#875136
- editor.findMatchHighlightBackground#87513693
- editor.findMatchHighlightBorder#F0F0D830
- editor.foreground#D8D8D8
- editor.lineHighlightBackground#18181850
- editor.selectionBackground#F1D9A930
- editor.selectionHighlightBackground#8751366b
- editor.selectionHighlightBorder#F1D9A9f0
- editorBracketHighlight.foreground1#a06936
- editorBracketHighlight.foreground2#923a2d
- editorBracketHighlight.foreground3#c7b182
- editorBracketMatch.background#181818
- editorBracketMatch.border#A438187f
- editorCursor.foreground#A43818
- editorError.foreground#94775970
- editorGroup.border#18181830
- editorGroupHeader.tabsBackground#181818
- editorGutter.addedBackground#67241960
- editorGutter.deletedBackground#94775960
- editorGutter.modifiedBackground#F1D9A960
- editorHoverWidget.background#181818
- editorHoverWidget.border#F0F0D810
- editorIndentGuide.activeBackground#3F3F3F
- editorIndentGuide.background#3F3F3F70
- editorInfo.foreground#F1D9A970
- editorLineNumber.activeForeground#F1D9A9
- editorLineNumber.foreground#875136c0
- editorLink.activeForeground#D8D8D8
- editorMarkerNavigation.background#D8D8D805
- editorOverviewRuler.border#181818
- editorOverviewRuler.errorForeground#94775940
- editorOverviewRuler.findMatchForeground#875136
- editorOverviewRuler.infoForeground#F1D9A940
- editorOverviewRuler.warningForeground#A4381870
- editorRuler.foreground#3F3F3F
- editorSuggestWidget.background#181818
- editorSuggestWidget.border#F0F0D810
- editorSuggestWidget.foreground#D8D8D8
- editorSuggestWidget.highlightForeground#A43818
- editorSuggestWidget.selectedBackground#87513620
- editorWarning.foreground#672419
- editorWhitespace.foreground#D8D8D840
- editorWidget.background#181818
- editorWidget.border#A43818
- editorWidget.resizeBorder#875136
- extensionButton.prominentBackground#67241990
- extensionButton.prominentHoverBackground#947759
- focusBorder#F0F0D800
- gitDecoration.conflictingResourceForeground#A43818
- gitDecoration.deletedResourceForeground#947759
- gitDecoration.ignoredResourceForeground#875136
- gitDecoration.modifiedResourceForeground#A56342
- gitDecoration.untrackedResourceForeground#F1D9A9
- input.background#242323
- input.border#F0F0D810
- input.foreground#D8D8D8
- input.placeholderForeground#D8D8D860
- inputOption.activeBackground#D8D8D830
- inputOption.activeBorder#D8D8D830
- inputValidation.errorBorder#94775950
- inputValidation.infoBorder#F1D9A950
- inputValidation.warningBorder#A4381850
- list.activeSelectionBackground#181818
- list.activeSelectionForeground#875136
- list.focusBackground#2D2D2D
- list.focusForeground#F1D9A9
- list.highlightForeground#875136
- list.hoverBackground#3F3F3F
- list.hoverForeground#F0F0D8
- list.inactiveSelectionBackground#18181830
- list.inactiveSelectionForeground#875136
- list.warningForeground#A43818
- listFilterWidget.background#18181830
- listFilterWidget.noMatchesOutline#18181830
- listFilterWidget.outline#18181830
- menu.background#181818f8
- menu.border#87513650
- menu.foreground#D8D8D8
- menu.selectionBackground#2D2D2D
- menu.selectionBorder#18181830
- menu.selectionForeground#D8D8D8
- menu.separatorBackground#D8D8D8
- menubar.selectionBackground#2D2D2D
- menubar.selectionBorder#87513650
- menubar.selectionForeground#D8D8D8
- minimap.background#181818
- minimapGutter.addedBackground#947759
- minimapGutter.deletedBackground#A43818
- minimapGutter.modifiedBackground#672419
- minimapSlider.activeBackground#672419b0
- minimapSlider.background#67241980
- minimapSlider.hoverBackground#672419a0
- notificationLink.foreground#875136
- notifications.background#181818
- notifications.foreground#D8D8D8
- panel.background#181818
- panel.border#18181860
- panelTitle.activeBorder#875136
- panelTitle.activeForeground#F0F0D8
- panelTitle.inactiveForeground#D8D8D8
- peekView.border#18181830
- peekViewEditor.background#D8D8D805
- peekViewEditor.matchHighlightBackground#87513650
- peekViewEditorGutter.background#D8D8D805
- peekViewResult.background#D8D8D805
- peekViewResult.matchHighlightBackground#87513650
- peekViewResult.selectionBackground#87513670
- peekViewTitle.background#D8D8D805
- peekViewTitleDescription.foreground#D8D8D860
- pickerGroup.foreground#875136
- progressBar.background#875136
- scrollbar.shadow#18181800
- scrollbarSlider.activeBackground#875136cc
- scrollbarSlider.background#875136bb
- scrollbarSlider.hoverBackground#875136ee
- selection.background#875136
- settings.checkboxBackground#181818
- settings.checkboxForeground#D8D8D8
- settings.dropdownBackground#181818
- settings.dropdownForeground#D8D8D8
- settings.headerForeground#875136
- settings.modifiedItemIndicator#875136
- settings.numberInputBackground#181818
- settings.numberInputForeground#D8D8D8
- settings.textInputBackground#181818
- settings.textInputForeground#D8D8D8
- sideBar.background#181818
- sideBar.border#87513650
- sideBar.foreground#F1D9A9
- sideBarSectionHeader.background#181818
- sideBarSectionHeader.border#18181860
- sideBarSectionHeader.foreground#F1D9A9
- sideBarTitle.foreground#D8D8D8
- statusBar.background#181818
- statusBar.border#18181860
- statusBar.debuggingBackground#A43818
- statusBar.debuggingForeground#F0F0D8
- statusBar.foreground#BA6F4A
- statusBar.noFolderBackground#181818
- statusBarItem.hoverBackground#87513620
- statusBarItem.remoteBackground#875136
- statusBarItem.remoteForeground#181818
- tab.activeBackground#87513650
- tab.activeBorder#875136
- tab.activeForeground#F0F0D8
- tab.activeModifiedBorder#875136
- tab.border#181818
- tab.inactiveBackground#87513620
- tab.inactiveForeground#D8D8D8af
- tab.unfocusedActiveBackground#87513640
- tab.unfocusedActiveBorder#875136
- tab.unfocusedActiveForeground#D8D8D8
- tab.unfocusedInactiveBackground#87513610
- tab.unfocusedInactiveForeground#D8D8D87f
- terminal.ansiBlack#181818
- terminal.ansiBlue#F1D9A9
- terminal.ansiBrightBlack#875136
- terminal.ansiBrightBlue#F1D9A9
- terminal.ansiBrightCyan#DADADA
- terminal.ansiBrightGreen#672419
- terminal.ansiBrightMagenta#A43818
- terminal.ansiBrightRed#947759
- terminal.ansiBrightWhite#F0F0D8
- terminal.ansiBrightYellow#A43818
- terminal.ansiCyan#DADADA
- terminal.ansiGreen#672419
- terminal.ansiMagenta#A43818
- terminal.ansiRed#947759
- terminal.ansiWhite#F0F0D8
- terminal.ansiYellow#A43818
- terminalCursor.background#181818
- terminalCursor.foreground#A43818
- textLink.activeForeground#D8D8D8
- textLink.foreground#875136
- titleBar.activeBackground#181818
- titleBar.activeForeground#D8D8D8
- titleBar.border#18181860
- titleBar.inactiveBackground#181818
- titleBar.inactiveForeground#875136
- tree.indentGuidesStroke#3F3F3F
- widget.shadow#18181830
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier | #A43818 | — |
| variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | — | italic |
| punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | #672419 | — |
| constant.other.php | #A43818 | — |
| constant.other.color | #F0F0D8 | — |
| invalid, invalid.illegal | #947759 | — |
| Keyword, Storage | — | italic |
| keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss | #A7A8AF | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js | #A56342 | — |
| keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js | #D8D8D8 | — |
| punctuation.definition, string.quoted.single.scss | #A7A8AF | — |
| keyword.control | — | bold |
| comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html | #6D6F7C | — |
| text.html.derivative | #A7A8AF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #D8D8D8 | — |
| entity.name.tag.html | — | bold |
| variable.parameter.js, variable.parameter.keyframe-list.css | #A43818 | — |
| variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js | #A56342 | |
| string, string.quoted.double.html, variable.other.constant.js, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control | #F1D9A9 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #DADADA | — |
| support.other.variable, string.other.link, markup.table | #D8D8D8 | — |
| constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html | #A43818 | — |
| variable.parameter.function.language.special, variable.parameter | #947759 | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js | #672419 | |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html | #A43818 | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #A56342 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #947759 | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #F1D9A9 | italic |
| entity.other.attribute-name, support.function | #A43818 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key | #D8D8D8 | — |
| source.scss keyword.control | #A43818 | — |
| markup.inserted | #672419 | — |
| markup.deleted | #947759 | — |
| markup.changed | #A43818 | — |
| string.regexp | #DADADA | — |
| constant.character.escape | #DADADA | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #D8D8D8 | italic |
| support.type.property-name.json | #D8D8D8 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #D8D8D8 | — |
| text.html.markdown markup.inline.raw.markdown | #A43818 | — |
| text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown | #87513650 | — |
| text.html.markdown meta.dummy.line-break | — | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown | #A56342 | bold |
| markup.underline | #F1D9A9 | underline |
| markup.strike | — | |
| markup.quote punctuation.definition.blockquote.markdown | #87513650 | — |
| markup.quote | — | italic |
| string.other.link.description.title.markdown | #A43818 | — |
| constant.other.reference.link.markdown | #A43818 | — |
| markup.raw.block | #A43818 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #DADADA | — |
| variable.language.fenced.markdown | #875136 | — |
| meta.separator | #A7A8AF | bold |
| token.info-token | #875136 | — |
| token.warn-token | #A43818 | — |
| token.error-token | #FF293B | — |
| token.debug-token | #DADADA | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#000909
- activityBar.border#00090960
- activityBar.foreground#C0C0C0
- activityBarBadge.background#487878
- activityBarBadge.foreground#000909
- badge.background#00090930
- badge.foreground#184848
- breadcrumb.activeSelectionForeground#184848
- breadcrumb.background#000909
- breadcrumb.focusForeground#C0C0C0
- breadcrumb.foreground#787860
- breadcrumbPicker.background#000909
- button.background#18484850
- contrastBorder#18484840
- debugToolBar.background#000909
- diffEditor.insertedTextBackground#48607815
- diffEditor.removedTextBackground#90907820
- dropdown.background#000909
- dropdown.border#F0F0F010
- editor.background#000909
- editor.findMatchBackground#000909
- editor.findMatchBorder#184848
- editor.findMatchHighlightBackground#18484893
- editor.findMatchHighlightBorder#F0F0F030
- editor.foreground#C0C0C0
- editor.lineHighlightBackground#00090950
- editor.selectionBackground#48787830
- editor.selectionHighlightBackground#1848486b
- editor.selectionHighlightBorder#487878f0
- editorBracketHighlight.foreground1#F0D8D8
- editorBracketHighlight.foreground2#F0F0D8
- editorBracketHighlight.foreground3#A89090
- editorBracketMatch.background#000909
- editorBracketMatch.border#90A8A87f
- editorCursor.foreground#90A8A8
- editorError.foreground#90907870
- editorGroup.border#00090930
- editorGroupHeader.tabsBackground#000909
- editorGutter.addedBackground#48607860
- editorGutter.deletedBackground#90907860
- editorGutter.modifiedBackground#48787860
- editorHoverWidget.background#000909
- editorHoverWidget.border#F0F0F010
- editorIndentGuide.activeBackground#003A3A
- editorIndentGuide.background#003A3A70
- editorInfo.foreground#48787870
- editorLineNumber.activeForeground#487878
- editorLineNumber.foreground#184848c0
- editorLink.activeForeground#C0C0C0
- editorMarkerNavigation.background#C0C0C005
- editorOverviewRuler.border#000909
- editorOverviewRuler.errorForeground#90907840
- editorOverviewRuler.findMatchForeground#184848
- editorOverviewRuler.infoForeground#48787840
- editorOverviewRuler.warningForeground#90A8A870
- editorRuler.foreground#003A3A
- editorSuggestWidget.background#000909
- editorSuggestWidget.border#F0F0F010
- editorSuggestWidget.foreground#C0C0C0
- editorSuggestWidget.highlightForeground#90A8A8
- editorSuggestWidget.selectedBackground#18484820
- editorWarning.foreground#486078
- editorWhitespace.foreground#C0C0C040
- editorWidget.background#000909
- editorWidget.border#90A8A8
- editorWidget.resizeBorder#184848
- extensionButton.prominentBackground#48607890
- extensionButton.prominentHoverBackground#909078
- focusBorder#F0F0F000
- gitDecoration.conflictingResourceForeground#90A8A8
- gitDecoration.deletedResourceForeground#909078
- gitDecoration.ignoredResourceForeground#184848
- gitDecoration.modifiedResourceForeground#787860
- gitDecoration.untrackedResourceForeground#487878
- input.background#002A2A
- input.border#F0F0F010
- input.foreground#C0C0C0
- input.placeholderForeground#C0C0C060
- inputOption.activeBackground#C0C0C030
- inputOption.activeBorder#C0C0C030
- inputValidation.errorBorder#90907850
- inputValidation.infoBorder#48787850
- inputValidation.warningBorder#90A8A850
- list.activeSelectionBackground#000909
- list.activeSelectionForeground#215555
- list.focusBackground#002A2A
- list.focusForeground#487878
- list.highlightForeground#184848
- list.hoverBackground#003A3A
- list.hoverForeground#F0F0F0
- list.inactiveSelectionBackground#00090930
- list.inactiveSelectionForeground#184848
- list.warningForeground#90A8A8
- listFilterWidget.background#00090930
- listFilterWidget.noMatchesOutline#00090930
- listFilterWidget.outline#00090930
- menu.background#000909f8
- menu.border#18484850
- menu.foreground#C0C0C0
- menu.selectionBackground#002A2A
- menu.selectionBorder#00090930
- menu.selectionForeground#C0C0C0
- menu.separatorBackground#C0C0C0
- menubar.selectionBackground#002A2A
- menubar.selectionBorder#18484850
- menubar.selectionForeground#C0C0C0
- minimap.background#000909
- minimapGutter.addedBackground#909078
- minimapGutter.deletedBackground#90A8A8
- minimapGutter.modifiedBackground#486078
- minimapSlider.activeBackground#486078b0
- minimapSlider.background#48607880
- minimapSlider.hoverBackground#486078a0
- notificationLink.foreground#184848
- notifications.background#000909
- notifications.foreground#C0C0C0
- panel.background#000909
- panel.border#00090960
- panelTitle.activeBorder#184848
- panelTitle.activeForeground#F0F0F0
- panelTitle.inactiveForeground#C0C0C0
- peekView.border#00090930
- peekViewEditor.background#C0C0C005
- peekViewEditor.matchHighlightBackground#18484850
- peekViewEditorGutter.background#C0C0C005
- peekViewResult.background#C0C0C005
- peekViewResult.matchHighlightBackground#18484850
- peekViewResult.selectionBackground#18484870
- peekViewTitle.background#C0C0C005
- peekViewTitleDescription.foreground#C0C0C060
- pickerGroup.foreground#184848
- progressBar.background#184848
- scrollbar.shadow#00090900
- scrollbarSlider.activeBackground#184848cc
- scrollbarSlider.background#184848bb
- scrollbarSlider.hoverBackground#184848ee
- selection.background#184848
- settings.checkboxBackground#000909
- settings.checkboxForeground#C0C0C0
- settings.dropdownBackground#000909
- settings.dropdownForeground#C0C0C0
- settings.headerForeground#184848
- settings.modifiedItemIndicator#184848
- settings.numberInputBackground#000909
- settings.numberInputForeground#C0C0C0
- settings.textInputBackground#000909
- settings.textInputForeground#C0C0C0
- sideBar.background#000909
- sideBar.border#18484850
- sideBar.foreground#d1e2e2
- sideBarSectionHeader.background#000909
- sideBarSectionHeader.border#00090960
- sideBarSectionHeader.foreground#487878
- sideBarTitle.foreground#C0C0C0
- statusBar.background#001818
- statusBar.border#00090960
- statusBar.debuggingBackground#90A8A8
- statusBar.debuggingForeground#F0F0F0
- statusBar.foreground#C0C0C0
- statusBar.noFolderBackground#000909
- statusBarItem.hoverBackground#18484820
- statusBarItem.remoteBackground#184848
- statusBarItem.remoteForeground#000909
- tab.activeBackground#18484850
- tab.activeBorder#184848
- tab.activeForeground#F0F0F0
- tab.activeModifiedBorder#184848
- tab.border#000909
- tab.inactiveBackground#18484820
- tab.inactiveForeground#C0C0C0af
- tab.unfocusedActiveBackground#18484840
- tab.unfocusedActiveBorder#184848
- tab.unfocusedActiveForeground#C0C0C0
- tab.unfocusedInactiveBackground#18484810
- tab.unfocusedInactiveForeground#C0C0C07f
- terminal.ansiBlack#000909
- terminal.ansiBlue#487878
- terminal.ansiBrightBlack#184848
- terminal.ansiBrightBlue#487878
- terminal.ansiBrightCyan#F0F0D8
- terminal.ansiBrightGreen#486078
- terminal.ansiBrightMagenta#90A8A8
- terminal.ansiBrightRed#909078
- terminal.ansiBrightWhite#F0F0F0
- terminal.ansiBrightYellow#90A8A8
- terminal.ansiCyan#F0F0D8
- terminal.ansiGreen#486078
- terminal.ansiMagenta#90A8A8
- terminal.ansiRed#909078
- terminal.ansiWhite#F0F0F0
- terminal.ansiYellow#90A8A8
- terminalCursor.background#000909
- terminalCursor.foreground#90A8A8
- textLink.activeForeground#C0C0C0
- textLink.foreground#184848
- titleBar.activeBackground#000909
- titleBar.activeForeground#C0C0C0
- titleBar.border#00090960
- titleBar.inactiveBackground#000909
- titleBar.inactiveForeground#184848
- tree.indentGuidesStroke#34645c
- widget.shadow#00090930
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier | #90A8A8 | — |
| entity.name.tag.js.jsx, entity.name.tag.html | #78b6b6 | — |
| variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | — | italic |
| punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | #486078 | — |
| constant.other.php | #90A8A8 | — |
| constant.other.color | #F0F0F0 | — |
| invalid, invalid.illegal | #909078 | — |
| Keyword, Storage | — | italic |
| keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss | #A7A8AF | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js | #787860 | — |
| keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js | #C0C0C0 | — |
| punctuation.definition, string.quoted.single.scss | #A7A8AF | — |
| keyword.control | — | bold |
| comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html | #6D6F7C | — |
| text.html.derivative | #A7A8AF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #C0C0C0 | — |
| entity.name.tag.html | — | bold |
| variable.parameter.js, variable.parameter.keyframe-list.css | #90A8A8 | — |
| variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js | #9e9d75 | |
| string, string.quoted.double.html, variable.other.constant.js, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control | #487878 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #F0F0D8 | — |
| support.other.variable, string.other.link, markup.table | #C0C0C0 | — |
| constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html | #90A8A8 | — |
| variable.parameter.function.language.special, variable.parameter | #909078 | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js | #486078 | |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html | #90A8A8 | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #787860 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #909078 | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #487878 | italic |
| entity.other.attribute-name, support.function | #90A8A8 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key | #C0C0C0 | — |
| source.scss keyword.control | #90A8A8 | — |
| markup.inserted | #486078 | — |
| markup.deleted | #909078 | — |
| markup.changed | #90A8A8 | — |
| string.regexp | #F0F0D8 | — |
| constant.character.escape | #F0F0D8 | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #C0C0C0 | italic |
| support.type.property-name.json | #C0C0C0 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #C0C0C0 | — |
| text.html.markdown markup.inline.raw.markdown | #90A8A8 | — |
| text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown | #18484850 | — |
| text.html.markdown meta.dummy.line-break | — | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown | #787860 | bold |
| markup.underline | #487878 | underline |
| markup.strike | — | |
| markup.quote punctuation.definition.blockquote.markdown | #18484850 | — |
| markup.quote | — | italic |
| string.other.link.description.title.markdown | #90A8A8 | — |
| constant.other.reference.link.markdown | #90A8A8 | — |
| markup.raw.block | #90A8A8 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #F0F0D8 | — |
| variable.language.fenced.markdown | #184848 | — |
| meta.separator | #A7A8AF | bold |
| token.info-token | #184848 | — |
| token.warn-token | #90A8A8 | — |
| token.error-token | #FF293B | — |
| token.debug-token | #F0F0D8 | — |