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.background#cb5b42
  • activityBar.foreground#6d031c
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#673e37
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1b1210
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#6d031c
  • button.foreground#d2d2c9
  • button.hoverBackground#673e37
  • button.secondaryBackground#6d031c
  • button.secondaryForeground#d2d2c9
  • button.secondaryHoverBackground#673e37
  • checkbox.background#151515
  • 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#151515
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1b1210
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4b1a43
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1b1210
  • editorGroupHeader.tabsBackground#c2bebd
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1b1210
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#ffffff0f
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#A0A0A0
  • editorLineNumber.foreground#d2d2c9
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#a79086
  • editorSuggestWidget.selectedBackground#6d031c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#a79086
  • foreground#d2d2c9
  • 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#d2d2c9
  • input.background#151515
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#6d031c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3d1919
  • list.focusBackground#6d031c
  • list.focusForeground#cccccc
  • list.highlightForeground#ba9d99
  • list.hoverBackground#ffffff10
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#FFFFFF10
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#6d031c
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1b1210
  • menu.border#00000085
  • menu.foreground#a79086
  • menu.selectionBackground#6d031c
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d2d2c9
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1210
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#4b1a43
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#a79086
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#673e37
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d2d2c9
  • sideBar.background#1b1210
  • sideBar.dropBackground#3d1919
  • sideBar.foreground#a79086
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1b1210
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#a79086
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#6d031c
  • statusBarItem.remoteForeground#d2d2c9
  • tab.activeBackground#673e37
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.hoverBackground#6d031c
  • tab.hoverForeground#d2d2c9
  • tab.inactiveBackground#a1928e
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#e0b6ad
  • titleBar.activeForeground#a79086
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffffff20
  • 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#5ad9cd
variable.other.generic-type.haskell#ea79a1
storage.type.haskell#c7ad9d
support.variable.magic.python#5ad9cd
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#c9a9f0
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#f3d7b5
entity.name.lifetime.rust#c9a9f0
variable.language.rust#5ad9cd
support.constant.edge#ea79a1
constant.other.character-class.regexp#5ad9cd
keyword.operator.quantifier.regexp#c7ad9d
punctuation.definition.string.begin,punctuation.definition.string.end#e89334
variable.parameter.function#d4d4d4
comment markup.link#939da1
markup.changed.diff#c9a9f0
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f3d7b5
markup.inserted.diff#e89334
markup.deleted.diff#5ad9cd
meta.function.c,meta.function.cpp#5ad9cd
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#f3d7b5
support.constant.math#c9a9f0
support.constant.property.math#c7ad9d
variable.other.constant#c9a9f0
storage.type.annotation.java, storage.type.object.array.java#c9a9f0
source.java#5ad9cd
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#d4d4d4
meta.method.java#f3d7b5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c9a9f0
keyword.operator.instanceof.java#ea79a1
meta.definition.variable.name.java#5ad9cd
keyword.operator.logical#bf7682
keyword.operator.bitwise#bf7682
keyword.operator.channel#bf7682
support.constant.property-value.scss,support.constant.property-value.css#c7ad9d
keyword.operator.css,keyword.operator.scss,keyword.operator.less#bf7682
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c7ad9d
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#c7ad9d
support.type.vendored.property-name.css#bf7682
support.module.node,support.type.object.module,support.module.node#c9a9f0
entity.name.type.module#c9a9f0
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5ad9cd
support.constant.json#c7ad9d
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ea79a1
support.type.object.console#5ad9cd
support.variable.property.process#c7ad9d
entity.name.function,support.function.console#f3d7b5
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ea79a1
keyword.operator.delete#ea79a1
support.type.object.dom#bf7682
support.variable.dom,support.variable.property.dom#5ad9cd
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#bf7682
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#ea79a1
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ea79a1
support.type.posix-reserved.c,support.type.posix-reserved.cpp#bf7682
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ea79a1
variable.parameter.function.language.python#c7ad9d
support.type.python#bf7682
keyword.operator.logical.python#ea79a1
variable.parameter.function.python#c7ad9d
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#f3d7b5
constant.character.format.placeholder.other.python#c7ad9d
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ea79a1
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#bf7682
keyword#ea79a1
entity.name.namespace#c9a9f0
variable#5ad9cd
variable.c#d4d4d4
variable.language#c9a9f0
token.variable.parameter.java#d4d4d4
import.storage.java#c9a9f0
token.package.keyword#ea79a1
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#f3d7b5
entity.name.type.namespace#c9a9f0
support.class, entity.name.type.class#c9a9f0
entity.name.class.identifier.namespace.type#c9a9f0
entity.name.class, variable.other.class.js, variable.other.class.ts#c9a9f0
variable.other.class.php#5ad9cd
entity.name.type#c9a9f0
keyword.control#ea79a1
control.elements, keyword.operator.less#c7ad9d
keyword.other.special-method#f3d7b5
storage#ea79a1
token.storage#ea79a1
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#ea79a1
token.storage.type.java#c9a9f0
support.function#bf7682
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#c7ad9d
meta.tag#d4d4d4
string#e89334
entity.other.inherited-class#c9a9f0
constant.other.symbol#bf7682
constant.numeric#c7ad9d
constant#c7ad9d
punctuation.definition.constant#c7ad9d
entity.name.tag#5ad9cd
entity.other.attribute-name#c7ad9d
entity.other.attribute-name.id#f3d7b5normal
entity.other.attribute-name.class.css#c7ad9dnormal
meta.selector#ea79a1
markup.heading#5ad9cd
markup.heading punctuation.definition.heading, entity.name.section#f3d7b5
keyword.other.unit#5ad9cd
markup.bold,todo.bold#c7ad9d
punctuation.definition.bold#c9a9f0
markup.italic, punctuation.definition.italic,todo.emphasis#ea79a1
emphasis md#ea79a1
entity.name.section.markdown#5ad9cd
punctuation.definition.heading.markdown#5ad9cd
punctuation.definition.list.begin.markdown#5ad9cd
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#c7ad9d
markup.inline.raw.markdown#e89334
markup.inline.raw.string.markdown#e89334
punctuation.definition.list.markdown#5ad9cd
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5ad9cd
beginning.punctuation.definition.list.markdown#5ad9cd
punctuation.definition.metadata.markdown#5ad9cd
markup.underline.link.markdown,markup.underline.link.image.markdown#ea79a1
string.other.link.title.markdown,string.other.link.description.markdown#f3d7b5
string.regexp#bf7682
constant.character.escape#bf7682
punctuation.section.embedded, variable.interpolation#5ad9cd
punctuation.section.embedded.begin,punctuation.section.embedded.end#ea79a1
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5ad9cd
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5ad9cd
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#e89334
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#bf7682
support.type.property-name.json#5ad9cd
support.type.property-name.json punctuation#5ad9cd
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ea79a1
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ea79a1
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c9a9f0
keyword.operator.error-control.php#ea79a1
keyword.operator.type.php#ea79a1
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c9a9f0
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f3d7b5
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#d4d4d4
support.constant.core.rust#c7ad9d
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c7ad9d
entity.name.goto-label.php,support.other.php#f3d7b5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bf7682
keyword.operator.regexp.php#ea79a1
keyword.operator.comparison.php#bf7682
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ea79a1
meta.function.decorator.python#f3d7b5
support.token.decorator.python,meta.function.decorator.identifier.python#bf7682
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#bf7682
rgb-value#bf7682
inline-color-decoration rgb-value#c7ad9d
less rgb-value#c7ad9d
selector.sass#5ad9cd
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c9a9f0
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#c9a9f0
entity.name.variable.local.cs#5ad9cd
token.info-token#f3d7b5
token.warn-token#c7ad9d
token.error-token#f44747
token.debug-token#ea79a1
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ea79a1
meta.template.expression#d4d4d4
keyword.operator.module#ea79a1
support.type.type.flowtype#f3d7b5
support.type.primitive#c9a9f0
meta.property.object#5ad9cd
variable.parameter.function.js#5ad9cd
keyword.other.template.begin#e89334
keyword.other.template.end#e89334
keyword.other.substitution.begin#e89334
keyword.other.substitution.end#e89334
keyword.operator.assignment#bf7682
keyword.operator.assignment.go#c9a9f0
keyword.operator.arithmetic.go, keyword.operator.address.go#ea79a1
entity.name.package.go#c9a9f0
support.type.prelude.elm#bf7682
support.constant.elm#c7ad9d
punctuation.quasi.element#ea79a1
constant.character.entity#5ad9cd
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bf7682
entity.global.clojure#c9a9f0
meta.symbol.clojure#5ad9cd
constant.keyword.clojure#bf7682
meta.arguments.coffee, variable.parameter.function.coffee#5ad9cd
source.ini#e89334
meta.scope.prerequisites.makefile#5ad9cd
source.makefile#c9a9f0
storage.modifier.import.groovy#c9a9f0
meta.method.groovy#f3d7b5
meta.definition.variable.name.groovy#5ad9cd
meta.definition.class.inherited.classes.groovy#e89334
support.variable.semantic.hlsl#c9a9f0
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#ea79a1
text.variable, text.bracketed#5ad9cd
support.type.swift, support.type.vb.asp#c9a9f0
entity.name.function.xi#c9a9f0
entity.name.class.xi#bf7682
constant.character.character-class.regexp.xi#5ad9cd
constant.regexp.xi#ea79a1
keyword.control.xi#bf7682
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#e89334
beginning.punctuation.definition.list.markdown.xi#939da1
constant.character.xi#f3d7b5
accent.xi#f3d7b5
wikiword.xi#c7ad9d
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#939da1
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c9a9f0
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5ad9cd
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#939da1italic
markup.quote.markdown#939da1
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#bf7682
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...