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#ff000000
  • activityBar.background#262626
  • activityBar.border#ff000000
  • activityBar.foreground#f0f0f0
  • activityBar.inactiveForeground#cacaca
  • activityBarBadge.background#a5b4cb
  • activityBarBadge.foreground#191919
  • badge.background#a5b4cb
  • badge.foreground#191919
  • breadcrumb.activeSelectionForeground#cacaca
  • breadcrumb.background#0f0f0fbd
  • breadcrumb.focusForeground#cacaca
  • breadcrumb.foreground#cacaca
  • button.background#8aac8b
  • button.foreground#f0f0f0
  • button.hoverBackground#9ec49f
  • button.secondaryBackground#4c4c4c
  • button.secondaryForeground#cacaca
  • button.secondaryHoverBackground#767676
  • checkbox.background#191919
  • checkbox.border#ff000000
  • checkbox.foreground#cacaca
  • debugExceptionWidget.background#191919
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#191919
  • debugToolBar.border#00000000
  • diffEditor.border#f0f0f09d
  • diffEditor.insertedTextBackground#9ec49f3c
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#c49ea042
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#191919
  • dropdown.border#ff000000
  • dropdown.foreground#cacaca
  • editor.background#0f0f0f
  • editor.findMatchBackground#4c4c4c
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#262626
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#262626
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#191919
  • editor.foreground#f0f0f0
  • editor.hoverHighlightBackground#262626
  • editor.inactiveSelectionBackground#262626
  • editor.lineHighlightBackground#191919
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f0f0f00c
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#191919
  • editor.selectionHighlightBackground#262626
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#393939
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#393939
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#393939
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#f0f0f0d1
  • editorCursor.background#0f0f0f
  • editorCursor.foreground#cacaca
  • editorError.background#ff0c0000
  • editorError.border#ffffff00
  • editorError.foreground#cd777c
  • editorGroup.border#f0f0f09d
  • editorGroup.emptyBackground#0f0f0f
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#262626
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#9ec49f
  • editorGutter.background#0f0f0f
  • editorGutter.commentRangeForeground#f0f0f0b1
  • editorGutter.deletedBackground#ac8a8c
  • editorGutter.foldingControlForeground#f0f0f0b1
  • editorGutter.modifiedBackground#a5b4cb
  • editorHoverWidget.background#262626
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#cacaca
  • editorIndentGuide.activeBackground#f0f0f056
  • editorIndentGuide.background#f0f0f02c
  • editorInfo.background#4490bf00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#a5b4cb
  • editorLineNumber.activeForeground#191919
  • editorLineNumber.foreground#767676
  • editorLink.activeForeground#8aac8b
  • editorMarkerNavigation.background#262626
  • editorMarkerNavigationError.background#cd777c
  • editorMarkerNavigationInfo.background#a5b4cb
  • editorMarkerNavigationWarning.background#d1a566
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#f0f0f056
  • editorSuggestWidget.background#262626
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#cacaca
  • editorSuggestWidget.highlightForeground#9ec49f
  • editorSuggestWidget.selectedBackground#191919
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d1a566
  • editorWhitespace.foreground#4c4c4c
  • editorWidget.background#191919
  • editorWidget.foreground#cacaca
  • editorWidget.resizeBorder#cacaca
  • focusBorder#007fd400
  • foreground#f0f0f0
  • gitDecoration.addedResourceForeground#8aac8b
  • gitDecoration.conflictingResourceForeground#a39ec4
  • gitDecoration.deletedResourceForeground#c49ea0
  • gitDecoration.ignoredResourceForeground#767676
  • gitDecoration.modifiedResourceForeground#ceb188
  • gitDecoration.stageDeletedResourceForeground#ac8a8c
  • gitDecoration.stageModifiedResourceForeground#ceb188
  • gitDecoration.submoduleResourceForeground#a5b4cb
  • gitDecoration.untrackedResourceForeground#9ec49f
  • icon.foreground#f0f0f0
  • input.background#191919
  • input.border#ff000000
  • input.foreground#cacaca
  • input.placeholderForeground#bfbfbf
  • inputOption.activeBackground#8aac8b7e
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#f0f0f0
  • list.activeSelectionBackground#4c4c4c
  • list.activeSelectionForeground#f0f0f0
  • list.dropBackground#393939
  • list.focusBackground#191919
  • list.focusForeground#f0f0f0
  • list.highlightForeground#9ec49f
  • list.hoverBackground#262626d5
  • list.hoverForeground#cacaca
  • list.inactiveSelectionBackground#393939
  • list.inactiveSelectionForeground#f0f0f0
  • listFilterWidget.background#c6a679d1
  • listFilterWidget.noMatchesOutline#c49ea0
  • listFilterWidget.outline#00000000
  • menu.background#262626
  • menu.border#00000000
  • menu.foreground#cacaca
  • menu.selectionBackground#191919
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f0f0f0
  • menu.separatorBackground#e7e7e7
  • menubar.selectionBackground#cacaca30
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#cacaca
  • merge.commonContentBackground#262626
  • merge.commonHeaderBackground#4c4c4c
  • merge.currentContentBackground#4a5c4a
  • merge.currentHeaderBackground#8aac8b
  • merge.incomingContentBackground#48505c
  • merge.incomingHeaderBackground#8a98ac
  • minimap.background#0f0f0f
  • minimap.errorHighlight#cd777c
  • minimap.findMatchHighlight#4c4c4c
  • minimap.selectionHighlight#191919
  • minimap.warningHighlight#d1a566
  • minimapGutter.addedBackground#9ec49f
  • minimapGutter.deletedBackground#ac8a8c
  • minimapGutter.modifiedBackground#a5b4cb
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#262626
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#191919
  • notifications.border#f0f0f010
  • notifications.foreground#cacaca
  • notificationsErrorIcon.foreground#c49ea0
  • notificationsInfoIcon.foreground#a5b4cb
  • notificationsWarningIcon.foreground#ceb188
  • notificationToast.border#47474700
  • panel.background#0f0f0f
  • panel.border#80808054
  • panelSection.border#80808054
  • panelTitle.activeBorder#f0f0f0
  • panelTitle.activeForeground#f0f0f0
  • panelTitle.inactiveForeground#cacaca
  • peekView.border#8aac8b
  • peekViewEditor.background#384338
  • peekViewEditor.matchHighlightBackground#262626
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#38433800
  • peekViewResult.background#262626
  • peekViewResult.fileForeground#f0f0f0
  • peekViewResult.lineForeground#cacaca
  • peekViewResult.matchHighlightBackground#9ec49f6e
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#f0f0f0
  • peekViewTitle.background#262626
  • peekViewTitleDescription.foreground#cacaca
  • peekViewTitleLabel.foreground#f0f0f0
  • pickerGroup.border#f0f0f048
  • pickerGroup.foreground#8aac8b
  • progressBar.background#f0f0f0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#f0f0f032
  • scrollbarSlider.background#262626
  • scrollbarSlider.hoverBackground#f0f0f01c
  • selection.background#191919
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f0f0f0
  • sideBar.background#191919
  • sideBar.border#ff000000
  • sideBar.dropBackground#393939
  • sideBar.foreground#f0f0f0
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#f0f0f000
  • sideBarSectionHeader.foreground#f0f0f0
  • sideBarTitle.foreground#e7e7e7
  • statusBar.background#8aac8b
  • statusBar.debuggingBackground#c6a679d1
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#f0f0f0
  • statusBar.foreground#f0f0f0
  • statusBar.noFolderBackground#a5b4cb
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#f0f0f0
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#9ec49f76
  • statusBarItem.remoteBackground#9ec49f
  • statusBarItem.remoteForeground#f0f0f0
  • tab.activeBackground#191919
  • tab.activeBorder#ff000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f0f0f0
  • tab.border#262626
  • tab.hoverBackground#292929
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#f0f0f0
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#f0f0f0
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#8a98ac
  • terminal.ansiBrightBlack#4c4c4c
  • terminal.ansiBrightBlue#a5b4cb
  • terminal.ansiBrightCyan#9ec3c4
  • terminal.ansiBrightGreen#9ec49f
  • terminal.ansiBrightMagenta#c49ec4
  • terminal.ansiBrightRed#c49ea0
  • terminal.ansiBrightWhite#f0f0f0
  • terminal.ansiBrightYellow#c4c19e
  • terminal.ansiCyan#8aacab
  • terminal.ansiGreen#8aac8b
  • terminal.ansiMagenta#ac8aac
  • terminal.ansiRed#ac8a8c
  • terminal.ansiWhite#e7e7e7
  • terminal.ansiYellow#aca98a
  • terminal.border#80808054
  • terminal.foreground#cacaca
  • terminal.selectionBackground#a0a0a028
  • terminalCursor.background#8aac8ba7
  • terminalCursor.foreground#f0f0f0
  • textLink.foreground#8aac8b
  • titleBar.activeBackground#393939
  • titleBar.activeForeground#cacaca
  • titleBar.border#00000000
  • titleBar.inactiveBackground#393939
  • titleBar.inactiveForeground#a0a0a0
  • tree.indentGuidesStroke#a0a0a0
  • 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#ac8a8c
variable.other.generic-type.haskell#a39ec4
storage.type.haskell#c6a679
support.variable.magic.python#ac8a8c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f0f0f0
variable.parameter.function.language.special.self.python#aca98a
storage.modifier.lifetime.rust#f0f0f0
support.function.std.rust#8aacab
entity.name.lifetime.rust#aca98a
variable.language.rust#ac8a8c
support.constant.edge#a39ec4
constant.other.character-class.regexp#ac8a8c
keyword.operator.quantifier.regexp#c6a679
punctuation.definition.string.begin,punctuation.definition.string.end#8aac8b
variable.parameter.function#f0f0f0
comment markup.link#767676
markup.changed.diff#aca98a
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8aacab
markup.inserted.diff#8aac8b
markup.deleted.diff#ac8a8c
meta.function.c,meta.function.cpp#ac8a8c
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#f0f0f0
punctuation.separator.key-value#f0f0f0
keyword.operator.expression.import#8aacab
support.constant.math#aca98a
support.constant.property.math#c6a679
variable.other.constant#aca98a
storage.type.annotation.java, storage.type.object.array.java#aca98a
source.java#ac8a8c
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#f0f0f0
meta.method.java#8aacab
storage.modifier.import.java,storage.type.java,storage.type.generic.java#aca98a
keyword.operator.instanceof.java#a39ec4
meta.definition.variable.name.java#ac8a8c
keyword.operator.logical#8a98ac
keyword.operator.bitwise#8a98ac
keyword.operator.channel#8a98ac
support.constant.property-value.scss,support.constant.property-value.css#c6a679
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8a98ac
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c6a679
punctuation.separator.list.comma.css#f0f0f0
support.constant.color.w3c-standard-color-name.css#c6a679
support.type.vendored.property-name.css#8a98ac
support.module.node,support.type.object.module,support.module.node#aca98a
entity.name.type.module#aca98a
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ac8a8c
support.constant.json#c6a679
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#a39ec4
support.type.object.console#ac8a8c
support.variable.property.process#c6a679
entity.name.function,support.function.console#8aacab
keyword.operator.misc.rust#f0f0f0
keyword.operator.sigil.rust#a39ec4
keyword.operator.delete#a39ec4
support.type.object.dom#8a98ac
support.variable.dom,support.variable.property.dom#ac8a8c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8a98ac
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#a39ec4
punctuation.separator.delimiter#f0f0f0
punctuation.separator.c,punctuation.separator.cpp#a39ec4
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8a98ac
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#a39ec4
variable.parameter.function.language.python#c6a679
support.type.python#8a98ac
keyword.operator.logical.python#a39ec4
variable.parameter.function.python#c6a679
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f0f0f0
meta.function-call.generic.python#8aacab
constant.character.format.placeholder.other.python#c6a679
keyword.operator#f0f0f0
keyword.operator.assignment.compound#a39ec4
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8a98ac
keyword#a39ec4
entity.name.namespace#aca98a
variable#ac8a8c
variable.c#f0f0f0
variable.language#aca98a
token.variable.parameter.java#f0f0f0
import.storage.java#aca98a
token.package.keyword#a39ec4
token.package#f0f0f0
entity.name.function, meta.require, support.function.any-method, variable.function#8aacab
entity.name.type.namespace#aca98a
support.class, entity.name.type.class#aca98a
entity.name.class.identifier.namespace.type#aca98a
entity.name.class, variable.other.class.js, variable.other.class.ts#aca98a
variable.other.class.php#ac8a8c
entity.name.type#aca98a
keyword.control#a39ec4
control.elements, keyword.operator.less#c6a679
keyword.other.special-method#8aacab
storage#a39ec4
token.storage#a39ec4
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#a39ec4
token.storage.type.java#aca98a
support.function#8a98ac
support.type.property-name#f0f0f0
support.constant.property-value#f0f0f0
support.constant.font-name#c6a679
meta.tag#f0f0f0
string#8aac8b
entity.other.inherited-class#aca98a
constant.other.symbol#8a98ac
constant.numeric#c6a679
constant#c6a679
punctuation.definition.constant#c6a679
entity.name.tag#ac8a8c
entity.other.attribute-name#c6a679
entity.other.attribute-name.id#8aacabnormal
entity.other.attribute-name.class.css#c6a679normal
meta.selector#a39ec4
markup.heading#ac8a8c
markup.heading punctuation.definition.heading, entity.name.section#8aacab
keyword.other.unit#ac8a8c
markup.bold,todo.bold#c6a679
punctuation.definition.bold#aca98a
markup.italic, punctuation.definition.italic,todo.emphasis#a39ec4
emphasis md#a39ec4
entity.name.section.markdown#ac8a8c
punctuation.definition.heading.markdown#ac8a8c
punctuation.definition.list.begin.markdown#ac8a8c
markup.heading.setext#f0f0f0
punctuation.definition.bold.markdown#c6a679
markup.inline.raw.markdown#8aac8b
markup.inline.raw.string.markdown#8aac8b
punctuation.definition.list.markdown#ac8a8c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ac8a8c
beginning.punctuation.definition.list.markdown#ac8a8c
punctuation.definition.metadata.markdown#ac8a8c
markup.underline.link.markdown,markup.underline.link.image.markdown#a39ec4
string.other.link.title.markdown,string.other.link.description.markdown#8aacab
string.regexp#8a98ac
constant.character.escape#8a98ac
punctuation.section.embedded, variable.interpolation#ac8a8c
punctuation.section.embedded.begin,punctuation.section.embedded.end#a39ec4
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f0f0f0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ac8a8c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ac8a8c
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#8aac8b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8a98ac
support.type.property-name.json#ac8a8c
support.type.property-name.json punctuation#ac8a8c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#a39ec4
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#a39ec4
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#aca98a
keyword.operator.error-control.php#a39ec4
keyword.operator.type.php#a39ec4
punctuation.section.array.begin.php#f0f0f0
punctuation.section.array.end.php#f0f0f0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#aca98a
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8aacab
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#f0f0f0
support.constant.core.rust#c6a679
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c6a679
entity.name.goto-label.php,support.other.php#8aacab
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8a98ac
keyword.operator.regexp.php#a39ec4
keyword.operator.comparison.php#8a98ac
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#a39ec4
meta.function.decorator.python#8aacab
support.token.decorator.python,meta.function.decorator.identifier.python#8a98ac
function.parameter#f0f0f0
function.brace#f0f0f0
function.parameter.ruby, function.parameter.cs#f0f0f0
constant.language.symbol.ruby#8a98ac
rgb-value#8a98ac
inline-color-decoration rgb-value#c6a679
less rgb-value#c6a679
selector.sass#ac8a8c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#aca98a
block.scope.end,block.scope.begin#f0f0f0
storage.type.cs#aca98a
entity.name.variable.local.cs#ac8a8c
token.info-token#8aacab
token.warn-token#c6a679
token.error-token#f44747
token.debug-token#a39ec4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#a39ec4
meta.template.expression#f0f0f0
keyword.operator.module#a39ec4
support.type.type.flowtype#8aacab
support.type.primitive#aca98a
meta.property.object#ac8a8c
variable.parameter.function.js#ac8a8c
keyword.other.template.begin#8aac8b
keyword.other.template.end#8aac8b
keyword.other.substitution.begin#8aac8b
keyword.other.substitution.end#8aac8b
keyword.operator.assignment#8a98ac
keyword.operator.assignment.go#aca98a
keyword.operator.arithmetic.go, keyword.operator.address.go#a39ec4
entity.name.package.go#aca98a
support.type.prelude.elm#8a98ac
support.constant.elm#c6a679
punctuation.quasi.element#a39ec4
constant.character.entity#ac8a8c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8a98ac
entity.global.clojure#aca98a
meta.symbol.clojure#ac8a8c
constant.keyword.clojure#8a98ac
meta.arguments.coffee, variable.parameter.function.coffee#ac8a8c
source.ini#8aac8b
meta.scope.prerequisites.makefile#ac8a8c
source.makefile#aca98a
storage.modifier.import.groovy#aca98a
meta.method.groovy#8aacab
meta.definition.variable.name.groovy#ac8a8c
meta.definition.class.inherited.classes.groovy#8aac8b
support.variable.semantic.hlsl#aca98a
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#a39ec4
text.variable, text.bracketed#ac8a8c
support.type.swift, support.type.vb.asp#aca98a
entity.name.function.xi#aca98a
entity.name.class.xi#8a98ac
constant.character.character-class.regexp.xi#ac8a8c
constant.regexp.xi#a39ec4
keyword.control.xi#8a98ac
invalid.xi#f0f0f0
beginning.punctuation.definition.quote.markdown.xi#8aac8b
beginning.punctuation.definition.list.markdown.xi#767676
constant.character.xi#8aacab
accent.xi#8aacab
wikiword.xi#c6a679
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#767676
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#aca98a
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ac8a8c
meta.brace.square#f0f0f0
comment, punctuation.definition.comment#767676italic
markup.quote.markdown#767676
punctuation.definition.block.sequence.item.yaml#f0f0f0
constant.language.symbol.elixir#8a98ac
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