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#1f1f1f
  • activityBar.background#2a2a2a
  • activityBar.border#8080802c
  • activityBar.foreground#ab7128
  • activityBar.inactiveForeground#808080
  • activityBarBadge.background#84993d
  • activityBarBadge.foreground#000000
  • badge.background#84993d
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e4e4e4
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#e4e4e4
  • breadcrumb.foreground#cccccccc
  • button.background#84993d
  • button.foreground#000000
  • button.hoverBackground#84993db9
  • button.secondaryBackground#373737
  • button.secondaryForeground#e4e4e4
  • button.secondaryHoverBackground#2e2e2e
  • checkbox.background#373737
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2a2a2a
  • debugExceptionWidget.border#3a3a3a
  • debugToolBar.background#2a2a2a
  • debugToolBar.border#3a3a3a
  • diffEditor.border#373737
  • diffEditor.insertedTextBackground#84993d28
  • diffEditor.removedTextBackground#a513133e
  • dropdown.background#373737
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1f1f1f
  • editor.findMatchBackground#84993d44
  • editor.findMatchBorder#84993d87
  • editor.findMatchHighlightBackground#ab712854
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#303030a3
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0f0f0f52
  • editor.foreground#cccccc
  • editor.hoverHighlightBackground#84993d44
  • editor.inactiveSelectionBackground#37373781
  • editor.lineHighlightBackground#37373768
  • editor.lineHighlightBorder#30303000
  • editor.rangeHighlightBackground#252525
  • editor.rangeHighlightBorder#373737
  • editor.selectionBackground#373737
  • editor.selectionHighlightBackground#ade0ff26
  • editor.selectionHighlightBorder#ab712854
  • editor.wordHighlightBackground#373737
  • editor.wordHighlightStrongBackground#ab712854
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#c7c7c7
  • editorCursor.background#000000
  • editorCursor.foreground#cccccc
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#a51313
  • editorGroup.border#373737
  • editorGroup.emptyBackground#1f1f1f
  • editorGroupHeader.tabsBackground#252525
  • editorGutter.addedBackground#84993d
  • editorGutter.background#1f1f1f
  • editorGutter.commentRangeForeground#cccccc
  • editorGutter.deletedBackground#a51313
  • editorGutter.foldingControlForeground#cccccc
  • editorGutter.modifiedBackground#1a7690
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#373737
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#84993d7a
  • editorIndentGuide.background#323b17
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#1a7690
  • editorLineNumber.activeForeground#cccccc
  • editorLineNumber.foreground#5e5e5e
  • editorLink.activeForeground#8e4f4f
  • editorMarkerNavigation.background#252526
  • editorMarkerNavigationError.background#a51313
  • editorMarkerNavigationInfo.background#84993d
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#373737
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#373737
  • editorSuggestWidget.foreground#e4e4e4
  • editorSuggestWidget.highlightForeground#84993d
  • editorSuggestWidget.selectedBackground#373737
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e4e4e430
  • editorWidget.background#252525
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#373737
  • focusBorder#ab712870
  • foreground#cccccc
  • 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#cccccc
  • input.background#373737
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#808080
  • inputOption.activeBackground#575757
  • inputOption.activeBorder#84993d78
  • inputOption.activeForeground#e4e4e4
  • list.activeSelectionBackground#373737
  • list.activeSelectionForeground#e4e4e4
  • list.dropBackground#2f2f2f
  • list.focusBackground#373737
  • list.focusForeground#e4e4e4
  • list.highlightForeground#84993d
  • list.hoverBackground#373737
  • list.hoverForeground#e4e4e4
  • list.inactiveSelectionBackground#2f2f2f
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#576429
  • listFilterWidget.noMatchesOutline#ff8e00
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#0000007e
  • menu.foreground#cccccc
  • menu.selectionBackground#373737
  • menu.selectionBorder#00000000
  • menu.selectionForeground#e4e4e4
  • menu.separatorBackground#808080
  • menubar.selectionBackground#373737
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#e4e4e4
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#373737
  • merge.currentContentBackground#3c451e
  • merge.currentHeaderBackground#606f2f
  • merge.incomingContentBackground#621a1a
  • merge.incomingHeaderBackground#8a2323
  • minimap.background#1f1f1f
  • minimap.errorHighlight#a51313
  • minimap.findMatchHighlight#84993d44
  • minimap.selectionHighlight#373737
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#84993d
  • minimapGutter.deletedBackground#a51313
  • minimapGutter.modifiedBackground#1a7690
  • notificationCenter.border#373737
  • notificationCenterHeader.background#373737
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303030
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#a51313
  • notificationsInfoIcon.foreground#84993d
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1c1c1c
  • panel.border#8080802c
  • panelSection.border#8080802c
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#373737
  • peekViewEditor.background#252525
  • peekViewEditor.matchHighlightBackground#ab71285c
  • peekViewEditor.matchHighlightBorder#ab7128
  • peekViewEditorGutter.background#303030
  • peekViewResult.background#202020
  • peekViewResult.fileForeground#e4e4e4
  • peekViewResult.lineForeground#e4e4e4
  • peekViewResult.matchHighlightBackground#84993d7a
  • peekViewResult.selectionBackground#373737
  • peekViewResult.selectionForeground#e4e4e4
  • peekViewTitle.background#202020
  • peekViewTitleDescription.foreground#cccccc
  • peekViewTitleLabel.foreground#e4e4e4
  • pickerGroup.border#373737
  • pickerGroup.foreground#ab7128
  • progressBar.background#ab7128b7
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#777777cc
  • scrollbarSlider.background#606060cc
  • scrollbarSlider.hoverBackground#6a6a6acc
  • selection.background#84993d6a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#1f1f1f
  • sideBar.border#373737
  • sideBar.dropBackground#2f2f2f
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#373737
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#252526
  • statusBar.border#80808000
  • statusBar.debuggingBackground#961f1f
  • statusBar.debuggingBorder#80808000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#cccccc
  • statusBar.noFolderBackground#545454
  • statusBar.noFolderBorder#80808000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#373737
  • statusBarItem.remoteBackground#ab7128
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1f1f1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e7e7e7
  • tab.border#8080802c
  • tab.hoverBackground#373737
  • tab.inactiveBackground#252525
  • tab.inactiveForeground#ffffff80
  • 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#8080802c
  • terminal.foreground#cccccc
  • terminal.selectionBackground#84993d1c
  • terminalCursor.background#585858
  • terminalCursor.foreground#e7e7e7
  • textLink.foreground#84993d
  • titleBar.activeBackground#373737
  • titleBar.activeForeground#cccccc
  • titleBar.border#8080802c
  • titleBar.inactiveBackground#303030
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#555555
  • 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#cccccc
variable.other.generic-type.haskell#c07300
storage.type.haskell#4491b0
support.variable.magic.python#cccccc
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d8ba0e
variable.parameter.function.language.special.self.python#668b54
storage.modifier.lifetime.rust#aaaaaa
support.function.std.rust#eeb24b
entity.name.lifetime.rust#7474b8
variable.language.rust#cccccc
support.constant.edge#c07300
constant.other.character-class.regexp#cccccc
keyword.operator.quantifier.regexp#4491b0
punctuation.definition.string.begin,punctuation.definition.string.end#A5C261
variable.parameter.function#cccccc
comment markup.link#c4c4c45e
markup.changed.diff#7474b8
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#eeb24b
markup.inserted.diff#8bc258
markup.deleted.diff#cccccc
meta.function.c,meta.function.cpp#cccccc
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#aaaaaa
punctuation.separator.key-value#aaaaaa
keyword.operator.expression.import#eeb24b
support.constant.math#7474b8
support.constant.property.math#4491b0
variable.other.constant#7474b8
storage.type.annotation.java, storage.type.object.array.java#7474b8
source.java#cccccc
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#aaaaaa
meta.method.java#eeb24b
storage.modifier.import.java,storage.type.java,storage.type.generic.java#7474b8
keyword.operator.instanceof.java#c07300
meta.definition.variable.name.java#cccccc
keyword.operator.logical#cccccc
keyword.operator.bitwise#cccccc
keyword.operator.channel#cccccc
support.constant.property-value.scss,support.constant.property-value.css#4491b0
keyword.operator.css,keyword.operator.scss,keyword.operator.less#cccccc
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4491b0
punctuation.separator.list.comma.css#aaaaaa
support.constant.color.w3c-standard-color-name.css#4491b0
support.type.vendored.property-name.css#cccccc
support.module.node,support.type.object.module,support.module.node#7474b8
entity.name.type.module#7474b8
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#cccccc
support.constant.json#4491b0
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c07300
support.type.object.console#cccccc
support.variable.property.process#4491b0
entity.name.function,support.function.console#eeb24b
keyword.operator.misc.rust#aaaaaa
keyword.operator.sigil.rust#c07300
keyword.operator.delete#c07300
support.type.object.dom#cccccc
support.variable.dom,support.variable.property.dom#cccccc
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d8c86d
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#c07300
punctuation.separator.delimiter#aaaaaa
punctuation.separator.c,punctuation.separator.cpp#c07300
support.type.posix-reserved.c,support.type.posix-reserved.cpp#cccccc
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c07300
variable.parameter.function.language.python#cccccc
support.type.python#8b8bbb
keyword.operator.logical.python#c07300
variable.parameter.function.python#cccccc
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d8ba0e
punctuation.section.function.begin.python, meta.function.python#d8ba0e
keyword.operator.assignment.python#d8c86d
meta.function-call.generic.python#668b54
constant.character.format.placeholder.other.python#4491b0
keyword.operator#aaaaaa
keyword.operator.assignment.compound#c07300
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#cccccc
keyword#c07300
entity.name.namespace#7474b8
variable#cccccc
variable.c#cccccc
variable.language#668b54
token.variable.parameter.java#aaaaaa
import.storage.java#7474b8
token.package.keyword#c07300
token.package#aaaaaa
entity.name.function, meta.require, support.function.any-method, variable.function#eeb24b
entity.name.type.namespace#7474b8
support.class, entity.name.type.class#3b7c1c
entity.name.class.identifier.namespace.type#7474b8
entity.name.class, variable.other.class.js, variable.other.class.ts#7474b8
variable.other.class.php#cccccc
entity.name.type#7474b8
keyword.control#c07300
control.elements, keyword.operator.less#b09344
keyword.other.special-method#eeb24b
storage#c07300
token.storage#c07300
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#c07300
token.storage.type.java#7474b8
support.function#8b8bbb
support.type.property-name#aaaaaa
support.constant.property-value#aaaaaa
support.constant.font-name#4491b0
meta.tag#aaaaaa
string#A5C261
entity.other.inherited-class#7474b8
constant.other.symbol#cccccc
constant.numeric#3390b4
constant#ac492b
punctuation.definition.constant#a05454
entity.name.tag#cccccc
entity.other.attribute-name#4491b0
entity.other.attribute-name.id#eeb24bitalic
entity.other.attribute-name.class.css#4491b0italic
meta.selector#c07300
markup.heading#cccccc
markup.heading punctuation.definition.heading, entity.name.section#eeb24b
keyword.other.unit#cccccc
markup.bold,todo.bold#4491b0
punctuation.definition.bold#7474b8
markup.italic, punctuation.definition.italic,todo.emphasis#c07300
emphasis md#c07300
entity.name.section.markdown#cccccc
punctuation.definition.heading.markdown#cccccc
punctuation.definition.list.begin.markdown#cccccc
markup.heading.setext#aaaaaa
punctuation.definition.bold.markdown#4491b0
markup.inline.raw.markdown#349782
markup.inline.raw.string.markdown#349782
punctuation.definition.list.markdown#cccccc
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#cccccc
beginning.punctuation.definition.list.markdown#cccccc
punctuation.definition.metadata.markdown#cccccc
markup.underline.link.markdown,markup.underline.link.image.markdown#c07300
string.other.link.title.markdown,string.other.link.description.markdown#eeb24b
string.regexp#cccccc
constant.character.escape#cccccc
punctuation.section.embedded, variable.interpolation#cccccc
punctuation.section.embedded.begin,punctuation.section.embedded.end#c07300
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#aaaaaa
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#cccccc
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#cccccc
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#8bc258
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#cccccc
support.type.property-name.json#cccccc
support.type.property-name.json punctuation#cccccc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c07300
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c07300
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#7474b8
keyword.operator.error-control.php#c07300
keyword.operator.type.php#c07300
punctuation.section.array.begin.php#aaaaaa
punctuation.section.array.end.php#aaaaaa
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#7474b8
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#eeb24b
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#aaaaaa
support.constant.core.rust#4491b0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4491b0
entity.name.goto-label.php,support.other.php#eeb24b
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#cccccc
keyword.operator.regexp.php#c07300
keyword.operator.comparison.php#cccccc
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c07300
meta.function.decorator.python#eeb24b
support.token.decorator.python,meta.function.decorator.identifier.python#7474b8
function.parameter#aaaaaa
function.brace#aaaaaa
function.parameter.ruby, function.parameter.cs#aaaaaa
constant.language.symbol.ruby#cccccc
rgb-value#cccccc
inline-color-decoration rgb-value#4491b0
less rgb-value#4491b0
selector.sass#cccccc
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7474b8
block.scope.end,block.scope.begin#aaaaaa
storage.type.cs#7474b8
entity.name.variable.local.cs#cccccc
token.info-token#eeb24b
token.warn-token#4491b0
token.error-token#f44747
token.debug-token#c07300
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c07300
meta.template.expression#aaaaaa
keyword.operator.module#c07300
support.type.type.flowtype#eeb24b
support.type.primitive#7474b8
meta.property.object#cccccc
variable.parameter.function.js#cccccc
keyword.other.template.begin#8bc258
keyword.other.template.end#8bc258
keyword.other.substitution.begin#8bc258
keyword.other.substitution.end#8bc258
keyword.operator.assignment#cccccc
keyword.operator.assignment.go#7474b8
keyword.operator.arithmetic.go, keyword.operator.address.go#c07300
entity.name.package.go#7474b8
support.type.prelude.elm#cccccc
support.constant.elm#4491b0
punctuation.quasi.element#c07300
constant.character.entity#cccccc
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#cccccc
entity.global.clojure#7474b8
meta.symbol.clojure#cccccc
constant.keyword.clojure#cccccc
meta.arguments.coffee, variable.parameter.function.coffee#cccccc
source.ini#8bc258
meta.scope.prerequisites.makefile#cccccc
source.makefile#7474b8
storage.modifier.import.groovy#7474b8
meta.method.groovy#eeb24b
meta.definition.variable.name.groovy#bababa
meta.definition.class.inherited.classes.groovy#8bc258
support.variable.semantic.hlsl#7474b8
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#c07300
text.variable, text.bracketed#bababa
support.type.swift, support.type.vb.asp#7474b8
entity.name.function.xi#7474b8
entity.name.class.xi#cccccc
constant.character.character-class.regexp.xi#cccccc
constant.regexp.xi#c07300
keyword.control.xi#cccccc
invalid.xi#aaaaaa
beginning.punctuation.definition.quote.markdown.xi#349782
beginning.punctuation.definition.list.markdown.xi#c4c4c45e
constant.character.xi#eeb24b
accent.xi#eeb24b
wikiword.xi#4491b0
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#c4c4c45e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7474b8
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#cccccc
meta.brace.square#aaaaaa
comment, punctuation.definition.comment#c4c4c45eitalic
markup.quote.markdown#c4c4c45e
punctuation.definition.block.sequence.item.yaml#aaaaaa
constant.language.symbol.elixir#cccccc
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.pythonnormal
markup.italic.markdownitalic

Shiki preview

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

Loading...

Dracula Dark modified by AnonymusElephant - VS Code Theme