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#1d1b22
  • activityBar.background#1d1b22
  • activityBar.border#1d1b22
  • activityBar.foreground#8e7fcc
  • activityBar.inactiveForeground#8e7fcc78
  • activityBarBadge.background#8e7fcc
  • activityBarBadge.foreground#ffffff
  • badge.background#8e7fcc
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#8e7fcc
  • breadcrumb.background#1d1b22
  • breadcrumb.focusForeground#8e7fcc
  • breadcrumb.foreground#8e7fcc
  • button.background#762b78
  • button.foreground#ffffff
  • button.hoverBackground#8e7fcc
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#8e7fcc
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d1b22
  • editor.findMatchBackground#762b78
  • editor.findMatchBorder#762b78
  • editor.findMatchHighlightBackground#762b78
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#762b78
  • editor.foreground#8e7fcc
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#762b78b5
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#762b78
  • editor.selectionHighlightBackground#762b78
  • editor.selectionHighlightBorder#762b78
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#762b78
  • editorBracketMatch.background#762b7800
  • editorBracketMatch.border#762b78
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#762b78
  • editorError.background#ff4f5200
  • editorError.border#ff4f5200
  • editorError.foreground#ff4f52
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1d1b22
  • editorGroupHeader.border#8e7fcc
  • editorGroupHeader.tabsBackground#1d1b22
  • editorGroupHeader.tabsBorder#1d1b22
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1d1b22
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#1d1b22
  • editorHoverWidget.border#8e7fcc
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#8e7fcc
  • editorIndentGuide.background#8e7fcc00
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#3ac8f5
  • editorLineNumber.activeForeground#8e7fcc
  • editorLineNumber.foreground#8e7fcc
  • editorLink.activeForeground#01c049
  • editorMarkerNavigation.background#1d1b22
  • editorMarkerNavigationError.background#ff4f52
  • editorMarkerNavigationInfo.background#3ac8f5
  • editorMarkerNavigationWarning.background#ffb042
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#00000000
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#1d1b22
  • editorSuggestWidget.foreground#8e7fcc
  • editorSuggestWidget.highlightForeground#762b78
  • editorSuggestWidget.selectedBackground#8e7fcc
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffb042
  • editorWhitespace.foreground#00000000
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#8e7fcc
  • foreground#8e7fcc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#8e7fcc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#8e7fcc
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#8e7fcc
  • list.activeSelectionForeground#1d1b22
  • list.dropBackground#383b3d
  • list.focusBackground#8e7fcc
  • list.focusForeground#ffffff
  • list.highlightForeground#8e7fcc
  • list.hoverBackground#762b78
  • list.hoverForeground#8e7fcc
  • list.inactiveSelectionBackground#8e7fcc
  • list.inactiveSelectionForeground#1d1b22
  • listFilterWidget.background#ffb042
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#00000000
  • menu.background#1d1b22
  • menu.border#00000085
  • menu.foreground#8e7fcc
  • menu.selectionBackground#762b78
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#8e7fcc
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#8e7fcc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1d1b22
  • minimap.errorHighlight#ff4f52
  • minimap.findMatchHighlight#762b78
  • minimap.selectionHighlight#762b78
  • minimap.warningHighlight#ffb042
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#1d1b22
  • notificationCenterHeader.background#1d1b22
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#1d1b22
  • notifications.border#1d1b22
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff4f52
  • notificationsInfoIcon.foreground#3ac8f5
  • notificationsWarningIcon.foreground#ffb042
  • notificationToast.border#474747
  • panel.background#1d1b22
  • panel.border#8e7fcc
  • panelSection.border#8e7fcc
  • panelTitle.activeBorder#8e7fcc
  • panelTitle.activeForeground#8e7fcc
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#762b78
  • peekViewEditor.background#762b78
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#762b78
  • peekViewResult.background#1d1b22
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#8e7fcc
  • peekViewResult.selectionBackground#8e7fcc
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1d1b22
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#8e7fcc
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ffffff
  • progressBar.background#8e7fcc
  • scrollbar.shadow#1d1b22
  • scrollbarSlider.activeBackground#8e7fcc
  • scrollbarSlider.background#8e7fcc
  • scrollbarSlider.hoverBackground#8e7fcc
  • selection.background#8e7fcc
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8e7fcc
  • sideBar.background#1d1b22
  • sideBar.border#1d1b22
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#8e7fcc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#1d1b22
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#8e7fcc
  • statusBar.background#8e7fcc
  • statusBar.border#000000
  • statusBar.debuggingBackground#8e7fcc
  • statusBar.debuggingBorder#1d1b22
  • statusBar.debuggingForeground#1d1b22
  • statusBar.foreground#1d1b22
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#762b786a
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1d1b22
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#1d1b22
  • tab.inactiveBackground#1d1b22
  • tab.inactiveForeground#8e7fcc
  • 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#8e7fcc
  • terminal.foreground#cccccc
  • terminal.selectionBackground#8e7fcc44
  • terminalCursor.background#8e7fcc
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3ac8f5
  • titleBar.activeBackground#1d1b22
  • titleBar.activeForeground#8e7fcc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1d1b22
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8e7fcc
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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

Diverse Dye by Devang Tomar ⭐ - VS Code Theme