Skip to main content
CodingTheme

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#000000
  • activityBar.background#0a0a0a
  • activityBar.border#00000000
  • activityBar.foreground#bbbbbb
  • activityBar.inactiveForeground#555555
  • activityBarBadge.background#7927f0
  • activityBarBadge.foreground#ffffff
  • badge.background#515bd4
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#b1e2ff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#b1e2ff
  • breadcrumb.foreground#8899a3
  • button.background#572cf5
  • button.foreground#ffffff
  • button.hoverBackground#4876e4
  • button.secondaryBackground#222222
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333333
  • checkbox.background#333333
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#864c4c
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#8a41418b
  • dropdown.background#333333
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#060606
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#bea0ff
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#222222
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#03679fb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#111111
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff0b0b
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#060606
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#060606
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#5a26cd
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#222222
  • editorIndentGuide.background#111111
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#73ade2
  • editorLineNumber.activeForeground#b0b1ff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff0101
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffdb4d
  • editorOverviewRuler.background#0606066e
  • editorOverviewRuler.border#131313
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#7e50e2
  • editorSuggestWidget.selectedBackground#3d381f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd000
  • editorWhitespace.foreground#222222
  • editorWidget.background#111111
  • editorWidget.foreground#888888
  • editorWidget.resizeBorder#00000000
  • focusBorder#2000ff6e
  • foreground#999999
  • gitDecoration.addedResourceForeground#a1edff
  • gitDecoration.conflictingResourceForeground#ff1010
  • gitDecoration.deletedResourceForeground#e0b565
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ae9cee
  • gitDecoration.stageDeletedResourceForeground#ffb830
  • gitDecoration.stageModifiedResourceForeground#6763f0f5
  • gitDecoration.submoduleResourceForeground#3c4ca1
  • gitDecoration.untrackedResourceForeground#fffef6
  • icon.foreground#999999
  • input.background#333333
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#000000
  • inputOption.activeBackground#295fff
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#111111
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#000000
  • list.focusBackground#4e34ab
  • list.focusForeground#ffffff
  • list.highlightForeground#fbcc3e
  • list.hoverBackground#111111
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#151414
  • menu.border#8a7b7b00
  • menu.foreground#dddddd
  • menu.selectionBackground#7a3ffdf9
  • menu.selectionBorder#00000000
  • menu.selectionForeground#fff126
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#1d1d1d
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#060606
  • minimap.errorHighlight#ff0b0b
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#222222
  • minimap.warningHighlight#ffd000
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#5a26cd
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#5e8094
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#7dc2ff
  • notificationsWarningIcon.foreground#ffaa06
  • notificationToast.border#47474700
  • panel.background#000000
  • panel.border#000000b5
  • panelSection.border#00000000
  • panelTitle.activeBorder#fff66d
  • panelTitle.activeForeground#fff66d
  • panelTitle.inactiveForeground#999999
  • peekView.border#7bb4d900
  • peekViewEditor.background#222222
  • peekViewEditor.matchHighlightBackground#ffb30056
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#222222
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#9a6cff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#f2ba4f4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#9668fb
  • pickerGroup.border#00000000
  • pickerGroup.foreground#a7caf2
  • progressBar.background#4429ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#baa56ad9
  • scrollbarSlider.background#9d9d9d
  • scrollbarSlider.hoverBackground#5c5235d9
  • selection.background#2987ff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#999999
  • sideBar.background#0a0a0a
  • sideBar.border#00000000
  • sideBar.dropBackground#000000
  • sideBar.foreground#777777
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#9f73ff
  • sideBarTitle.foreground#ffd34e
  • statusBar.background#0a0a0a
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#fdbf04d1
  • statusBar.debuggingBorder#474747
  • statusBar.debuggingForeground#2b11e4e9
  • statusBar.foreground#ffdd24
  • statusBar.noFolderBackground#8029ff
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#ffd700
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#c0bdbd1f
  • statusBarItem.remoteBackground#0a0a0a
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#000000
  • tab.activeBorder#2968ff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#111111
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • 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#00000000
  • terminal.foreground#c4bfbf
  • terminal.selectionBackground#8eb3c440
  • terminalCursor.background#303030
  • terminalCursor.foreground#ffffff
  • textLink.foreground#295ffff1
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#333333
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
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#ffffff
variable.other.generic-type.haskell#648bff
storage.type.haskell#5650ff
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bea0ff
variable.parameter.function.language.special.self.python#e1d4ff
storage.modifier.lifetime.rust#bea0ff
support.function.std.rust#b26bf9
entity.name.lifetime.rust#e1d4ff
variable.language.rust#ffffff
support.constant.edge#648bff
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#5650ff
punctuation.definition.string.begin,punctuation.definition.string.end#fbbe06
variable.parameter.function#bea0ff
comment markup.link#428c2e
markup.changed.diff#e1d4ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b26bf9
markup.inserted.diff#fbbe06
markup.deleted.diff#ffffff
meta.function.c,meta.function.cpp#ffffff
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#bea0ff
punctuation.separator.key-value#bea0ff
keyword.operator.expression.import#b26bf9
support.constant.math#e1d4ff
support.constant.property.math#5650ff
variable.other.constant#e1d4ff
storage.type.annotation.java, storage.type.object.array.java#e1d4ff
source.java#ffffff
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#bea0ff
meta.method.java#b26bf9
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e1d4ff
keyword.operator.instanceof.java#648bff
meta.definition.variable.name.java#ffffff
keyword.operator.logical#8251ec
keyword.operator.bitwise#8251ec
keyword.operator.channel#8251ec
support.constant.property-value.scss,support.constant.property-value.css#5650ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8251ec
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#5650ff
punctuation.separator.list.comma.css#bea0ff
support.constant.color.w3c-standard-color-name.css#5650ff
support.type.vendored.property-name.css#8251ec
support.module.node,support.type.object.module,support.module.node#e1d4ff
entity.name.type.module#e1d4ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#5650ff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#648bff
support.type.object.console#ffffff
support.variable.property.process#5650ff
entity.name.function,support.function.console#b26bf9
keyword.operator.misc.rust#bea0ff
keyword.operator.sigil.rust#648bff
keyword.operator.delete#648bff
support.type.object.dom#8251ec
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8251ec
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#648bff
punctuation.separator.delimiter#bea0ff
punctuation.separator.c,punctuation.separator.cpp#648bff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8251ec
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#648bff
variable.parameter.function.language.python#5650ff
support.type.python#8251ec
keyword.operator.logical.python#648bff
variable.parameter.function.python#5650ff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bea0ff
meta.function-call.generic.python#b26bf9
constant.character.format.placeholder.other.python#5650ff
keyword.operator#bea0ff
keyword.operator.assignment.compound#648bff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8251ec
keyword#648bff
entity.name.namespace#e1d4ff
variable#ffffff
variable.c#bea0ff
variable.language#e1d4ff
token.variable.parameter.java#bea0ff
import.storage.java#e1d4ff
token.package.keyword#648bff
token.package#bea0ff
entity.name.function, meta.require, support.function.any-method, variable.function#b26bf9
entity.name.type.namespace#e1d4ff
support.class, entity.name.type.class#e1d4ff
entity.name.class.identifier.namespace.type#e1d4ff
entity.name.class, variable.other.class.js, variable.other.class.ts#e1d4ff
variable.other.class.php#ffffff
entity.name.type#e1d4ff
keyword.control#648bff
control.elements, keyword.operator.less#5650ff
keyword.other.special-method#b26bf9
storage#648bff
token.storage#648bff
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#648bff
token.storage.type.java#e1d4ff
support.function#8251ec
support.type.property-name#bea0ff
support.constant.property-value#bea0ff
support.constant.font-name#5650ff
meta.tag#bea0ff
string#fbbe06
entity.other.inherited-class#e1d4ff
constant.other.symbol#8251ec
constant.numeric#5650ff
constant#5650ff
punctuation.definition.constant#5650ff
entity.name.tag#ffffff
entity.other.attribute-name#5650ff
entity.other.attribute-name.id#b26bf9normal
entity.other.attribute-name.class.css#5650ffnormal
meta.selector#648bff
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#b26bf9
keyword.other.unit#ffffff
markup.bold,todo.bold#5650ff
punctuation.definition.bold#e1d4ff
markup.italic, punctuation.definition.italic,todo.emphasis#648bff
emphasis md#648bff
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#bea0ff
punctuation.definition.bold.markdown#5650ff
markup.inline.raw.markdown#fbbe06
markup.inline.raw.string.markdown#fbbe06
punctuation.definition.list.markdown#ffffff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffffff
beginning.punctuation.definition.list.markdown#ffffff
punctuation.definition.metadata.markdown#ffffff
markup.underline.link.markdown,markup.underline.link.image.markdown#648bff
string.other.link.title.markdown,string.other.link.description.markdown#b26bf9
string.regexp#8251ec
constant.character.escape#8251ec
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#648bff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#bea0ff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffffff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffffff
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#fbbe06
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8251ec
support.type.property-name.json#ffffff
support.type.property-name.json punctuation#ffffff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#648bff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#648bff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e1d4ff
keyword.operator.error-control.php#648bff
keyword.operator.type.php#648bff
punctuation.section.array.begin.php#bea0ff
punctuation.section.array.end.php#bea0ff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e1d4ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b26bf9
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#bea0ff
support.constant.core.rust#5650ff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#5650ff
entity.name.goto-label.php,support.other.php#b26bf9
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8251ec
keyword.operator.regexp.php#648bff
keyword.operator.comparison.php#8251ec
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#648bff
meta.function.decorator.python#b26bf9
support.token.decorator.python,meta.function.decorator.identifier.python#8251ec
function.parameter#bea0ff
function.brace#bea0ff
function.parameter.ruby, function.parameter.cs#bea0ff
constant.language.symbol.ruby#8251ec
rgb-value#8251ec
inline-color-decoration rgb-value#5650ff
less rgb-value#5650ff
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e1d4ff
block.scope.end,block.scope.begin#bea0ff
storage.type.cs#e1d4ff
entity.name.variable.local.cs#ffffff
token.info-token#b26bf9
token.warn-token#5650ff
token.error-token#f44747
token.debug-token#648bff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#648bff
meta.template.expression#bea0ff
keyword.operator.module#648bff
support.type.type.flowtype#b26bf9
support.type.primitive#e1d4ff
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#fbbe06
keyword.other.template.end#fbbe06
keyword.other.substitution.begin#fbbe06
keyword.other.substitution.end#fbbe06
keyword.operator.assignment#8251ec
keyword.operator.assignment.go#e1d4ff
keyword.operator.arithmetic.go, keyword.operator.address.go#648bff
entity.name.package.go#e1d4ff
support.type.prelude.elm#8251ec
support.constant.elm#5650ff
punctuation.quasi.element#648bff
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8251ec
entity.global.clojure#e1d4ff
meta.symbol.clojure#ffffff
constant.keyword.clojure#8251ec
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#fbbe06
meta.scope.prerequisites.makefile#ffffff
source.makefile#e1d4ff
storage.modifier.import.groovy#e1d4ff
meta.method.groovy#b26bf9
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#fbbe06
support.variable.semantic.hlsl#e1d4ff
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#648bff
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#e1d4ff
entity.name.function.xi#e1d4ff
entity.name.class.xi#8251ec
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#648bff
keyword.control.xi#8251ec
invalid.xi#bea0ff
beginning.punctuation.definition.quote.markdown.xi#fbbe06
beginning.punctuation.definition.list.markdown.xi#428c2e
constant.character.xi#b26bf9
accent.xi#b26bf9
wikiword.xi#5650ff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#428c2e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e1d4ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#bea0ff
comment, punctuation.definition.comment#428c2eitalic
markup.quote.markdown#428c2e
punctuation.definition.block.sequence.item.yaml#bea0ff
constant.language.symbol.elixir#8251ec
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Purple(Deep-Black); by Fishappy0 - VS Code Theme