Skip to main content
Coding Theme

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#000201
  • activityBar.border#024315
  • activityBar.foreground#b1ffaf
  • activityBar.inactiveForeground#003023
  • activityBarBadge.background#b1ffaf
  • activityBarBadge.foreground#12ba22
  • badge.background#b1ffaf
  • badge.foreground#4b4b4b
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#b1ffaf
  • button.background#042812
  • button.foreground#b1ffaf
  • button.hoverBackground#056f02
  • button.secondaryBackground#b1ffaf
  • button.secondaryForeground#7d7d7d
  • button.secondaryHoverBackground#9cf718
  • checkbox.background#0e1b13
  • checkbox.border#00790c
  • checkbox.foreground#00790c
  • debugExceptionWidget.background#0e1b13
  • debugExceptionWidget.border#66b263
  • debugToolBar.background#0e1b13
  • debugToolBar.border#66b263
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#00ff6410
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#0e1b13
  • dropdown.border#00790c
  • dropdown.foreground#00790c
  • editor.background#000201
  • editor.findMatchBackground#21222400
  • editor.findMatchBorder#81f99f
  • editor.findMatchHighlightBackground#00ea5055
  • editor.findMatchHighlightBorder#ffffff1e
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3478261e
  • editor.foreground#d2ffc2
  • editor.hoverHighlightBackground#38782640
  • editor.inactiveSelectionBackground#3d413a
  • editor.lineHighlightBackground#24301c56
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff08
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#002c0d
  • editor.selectionHighlightBackground#037d1100
  • editor.selectionHighlightBorder#6cff91
  • editor.wordHighlightBackground#154f05b8
  • editor.wordHighlightBorder#6bb244
  • editor.wordHighlightStrongBackground#135600b8
  • editor.wordHighlightStrongBorder#80ff004c
  • editorBracketMatch.background#2e492e
  • editorBracketMatch.border#749f5d
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#5fbe0091
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f47171
  • editorGroup.border#0d241600
  • editorGroup.emptyBackground#000201
  • editorGroupHeader.border#b1ffaf00
  • editorGroupHeader.tabsBackground#00190a00
  • editorGutter.addedBackground#aabe7f
  • editorGutter.background#000201
  • editorGutter.commentRangeForeground#a3f062
  • editorGutter.deletedBackground#8ff760
  • editorGutter.foldingControlForeground#a3f062
  • editorGutter.modifiedBackground#06b200
  • editorHoverWidget.background#0e1b13
  • editorHoverWidget.border#192e12
  • editorHoverWidget.foreground#188a00
  • editorIndentGuide.activeBackground#304117
  • editorIndentGuide.background#1c2616
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75ffd8
  • editorLineNumber.activeForeground#aeff5d
  • editorLineNumber.foreground#2e513c
  • editorLink.activeForeground#246400
  • editorMarkerNavigation.background#18261a
  • editorMarkerNavigationError.background#fd2a2a
  • editorMarkerNavigationInfo.background#75ff91
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#aeff910e
  • editorOverviewRuler.border#90ff0a00
  • editorRuler.foreground#1c320172
  • editorSuggestWidget.background#0e1b13
  • editorSuggestWidget.border#283b12
  • editorSuggestWidget.foreground#a0c277
  • editorSuggestWidget.highlightForeground#2d9939
  • editorSuggestWidget.selectedBackground#13261a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#518a18af
  • editorWidget.background#0e1b13
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#1ffa41
  • focusBorder#042812
  • foreground#00790c
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#545454
  • gitDecoration.ignoredResourceForeground#174100
  • gitDecoration.modifiedResourceForeground#7bd362
  • gitDecoration.stageDeletedResourceForeground#7d615c
  • gitDecoration.stageModifiedResourceForeground#697d45
  • gitDecoration.submoduleResourceForeground#4f7b00
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#00790c
  • input.background#0e1b13
  • input.border#00790c
  • input.foreground#00790c
  • input.placeholderForeground#1ffa37
  • inputOption.activeBackground#028411
  • inputOption.activeBorder#007acc28
  • inputOption.activeForeground#2e4504
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#c2ffe5
  • list.inactiveSelectionBackground#c2ffe500
  • list.inactiveSelectionForeground#c2ffe5
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#0e1b13
  • menu.border#043809
  • menu.foreground#00790c
  • menu.selectionBackground#00790c
  • menu.selectionBorder#00790c
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#014108
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#00790c
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#2b4b28
  • merge.incomingHeaderBackground#398f5f
  • minimap.background#000201
  • minimap.errorHighlight#f47171
  • minimap.findMatchHighlight#21222400
  • minimap.selectionHighlight#002c0d
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#aabe7f
  • minimapGutter.deletedBackground#8ff760
  • minimapGutter.modifiedBackground#06b200
  • notificationCenter.border#1c2a13
  • notificationCenterHeader.background#0e1b13
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0e1b13
  • notifications.border#182610
  • notifications.foreground#00790c
  • notificationsErrorIcon.foreground#fd3209
  • notificationsInfoIcon.foreground#b1f79e
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#253d1a
  • panel.background#000201
  • panel.border#024315
  • panelSection.border#013200
  • panelTitle.activeBorder#024315
  • panelTitle.activeForeground#b1ffaf
  • panelTitle.inactiveForeground#b8ff7299
  • peekView.border#004511
  • peekViewEditor.background#092100
  • peekViewEditor.matchHighlightBackground#00ff101e
  • peekViewEditor.matchHighlightBorder#1eee52
  • peekViewEditorGutter.background#00210f
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#1dea004d
  • peekViewResult.selectionBackground#33ff4033
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#0e1b13
  • pickerGroup.foreground#13c448
  • progressBar.background#c2ffe5
  • scrollbar.shadow#c2ffe516
  • scrollbarSlider.activeBackground#00790c
  • scrollbarSlider.background#042812
  • scrollbarSlider.hoverBackground#00790c
  • selection.background#00790c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#00790c
  • sideBar.background#000803
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#028411
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#637d1b00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#c2ffe5
  • statusBar.background#b1ffaf
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#00790c
  • statusBar.noFolderBackground#7db46e
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#b1ffaf
  • statusBarItem.remoteForeground#808080
  • tab.activeBackground#b1ffaf00
  • tab.activeBorder#d5ffd800
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e4dcdc
  • tab.border#ebebff00
  • tab.hoverBackground#b1ffaf
  • tab.hoverForeground#000000
  • tab.inactiveBackground#00190a00
  • tab.inactiveForeground#4f684380
  • terminal.ansiBlack#86f500
  • terminal.ansiBlue#1f7d1d
  • terminal.ansiBrightBlack#aaf26d
  • terminal.ansiBrightBlue#69bc67
  • terminal.ansiBrightCyan#9ed586
  • terminal.ansiBrightGreen#009f20
  • terminal.ansiBrightMagenta#82d670
  • terminal.ansiBrightRed#447134
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#60e814
  • terminal.ansiCyan#50a322
  • terminal.ansiGreen#009232
  • terminal.ansiMagenta#0ee261
  • terminal.ansiRed#58ab05
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#488a07
  • terminal.border#013200
  • terminal.foreground#b1ffaf
  • terminal.selectionBackground#b1ffaf04
  • terminalCursor.background#659052
  • terminalCursor.foreground#b1ffaf
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0e1b13
  • titleBar.activeForeground#00790c
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0e1b13
  • titleBar.inactiveForeground#00790c
  • tree.indentGuidesStroke#007b0c
  • 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#7df78a
variable.other.generic-type.haskell#00790c
storage.type.haskell#26fa1f
support.variable.magic.python#7df78a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d2ffc2
variable.parameter.function.language.special.self.python#7bff87
storage.modifier.lifetime.rust#d2ffc2
support.function.std.rust#77e083
entity.name.lifetime.rust#7bff87
variable.language.rust#7df78a
support.constant.edge#00790c
constant.other.character-class.regexp#7df78a
keyword.operator.quantifier.regexp#26fa1f
punctuation.definition.string.begin,punctuation.definition.string.end#b6d196
variable.parameter.function#d2ffc2
comment markup.link#2d411d
markup.changed.diff#7bff87
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#77e083
markup.inserted.diff#b6d196
markup.deleted.diff#7df78a
meta.function.c,meta.function.cpp#7df78a
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#d2ffc2
punctuation.separator.key-value#d2ffc2
keyword.operator.expression.import#77e083
support.constant.math#7bff87
support.constant.property.math#26fa1f
variable.other.constant#7bff87
storage.type.annotation.java, storage.type.object.array.java#7bff87
source.java#7df78a
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#d2ffc2
meta.method.java#77e083
storage.modifier.import.java,storage.type.java,storage.type.generic.java#7bff87
keyword.operator.instanceof.java#00790c
meta.definition.variable.name.java#7df78a
keyword.operator.logical#57ff69
keyword.operator.bitwise#57ff69
keyword.operator.channel#57ff69
support.constant.property-value.scss,support.constant.property-value.css#26fa1f
keyword.operator.css,keyword.operator.scss,keyword.operator.less#57ff69
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#26fa1f
punctuation.separator.list.comma.css#d2ffc2
support.constant.color.w3c-standard-color-name.css#26fa1f
support.type.vendored.property-name.css#57ff69
support.module.node,support.type.object.module,support.module.node#7bff87
entity.name.type.module#7bff87
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#7df78a
support.constant.json#26fa1f
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00790c
support.type.object.console#7df78a
support.variable.property.process#26fa1f
entity.name.function,support.function.console#77e083
keyword.operator.misc.rust#d2ffc2
keyword.operator.sigil.rust#00790c
keyword.operator.delete#00790c
support.type.object.dom#57ff69
support.variable.dom,support.variable.property.dom#7df78a
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#57ff69
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#00790c
punctuation.separator.delimiter#d2ffc2
punctuation.separator.c,punctuation.separator.cpp#00790c
support.type.posix-reserved.c,support.type.posix-reserved.cpp#57ff69
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#00790c
variable.parameter.function.language.python#26fa1f
support.type.python#57ff69
keyword.operator.logical.python#00790c
variable.parameter.function.python#26fa1f
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d2ffc2
meta.function-call.generic.python#77e083
constant.character.format.placeholder.other.python#26fa1f
keyword.operator#d2ffc2
keyword.operator.assignment.compound#00790c
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#57ff69
keyword#00790c
entity.name.namespace#7bff87
variable#7df78a
variable.c#d2ffc2
variable.language#7bff87
token.variable.parameter.java#d2ffc2
import.storage.java#7bff87
token.package.keyword#00790c
token.package#d2ffc2
entity.name.function, meta.require, support.function.any-method, variable.function#77e083
entity.name.type.namespace#7bff87
support.class, entity.name.type.class#7bff87
entity.name.class.identifier.namespace.type#7bff87
entity.name.class, variable.other.class.js, variable.other.class.ts#7bff87
variable.other.class.php#7df78a
entity.name.type#7bff87
keyword.control#00790c
control.elements, keyword.operator.less#26fa1f
keyword.other.special-method#77e083
storage#00790c
token.storage#00790c
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#00790c
token.storage.type.java#7bff87
support.function#57ff69
support.type.property-name#d2ffc2
support.constant.property-value#d2ffc2
support.constant.font-name#26fa1f
meta.tag#d2ffc2
string#b6d196
entity.other.inherited-class#7bff87
constant.other.symbol#57ff69
constant.numeric#26fa1f
constant#26fa1f
punctuation.definition.constant#26fa1f
entity.name.tag#7df78a
entity.other.attribute-name#26fa1f
entity.other.attribute-name.id#77e083normal
entity.other.attribute-name.class.css#26fa1fnormal
meta.selector#00790c
markup.heading#7df78a
markup.heading punctuation.definition.heading, entity.name.section#77e083
keyword.other.unit#7df78a
markup.bold,todo.bold#26fa1f
punctuation.definition.bold#7bff87
markup.italic, punctuation.definition.italic,todo.emphasis#00790c
emphasis md#00790c
entity.name.section.markdown#7df78a
punctuation.definition.heading.markdown#7df78a
punctuation.definition.list.begin.markdown#7df78a
markup.heading.setext#d2ffc2
punctuation.definition.bold.markdown#26fa1f
markup.inline.raw.markdown#b6d196
markup.inline.raw.string.markdown#b6d196
punctuation.definition.list.markdown#7df78a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#7df78a
beginning.punctuation.definition.list.markdown#7df78a
punctuation.definition.metadata.markdown#7df78a
markup.underline.link.markdown,markup.underline.link.image.markdown#00790c
string.other.link.title.markdown,string.other.link.description.markdown#77e083
string.regexp#57ff69
constant.character.escape#57ff69
punctuation.section.embedded, variable.interpolation#7df78a
punctuation.section.embedded.begin,punctuation.section.embedded.end#00790c
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d2ffc2
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#7df78a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#7df78a
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#b6d196
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#57ff69
support.type.property-name.json#7df78a
support.type.property-name.json punctuation#7df78a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#00790c
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#00790c
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#7bff87
keyword.operator.error-control.php#00790c
keyword.operator.type.php#00790c
punctuation.section.array.begin.php#d2ffc2
punctuation.section.array.end.php#d2ffc2
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#7bff87
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#77e083
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#d2ffc2
support.constant.core.rust#26fa1f
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#26fa1f
entity.name.goto-label.php,support.other.php#77e083
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#57ff69
keyword.operator.regexp.php#00790c
keyword.operator.comparison.php#57ff69
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#00790c
meta.function.decorator.python#77e083
support.token.decorator.python,meta.function.decorator.identifier.python#57ff69
function.parameter#d2ffc2
function.brace#d2ffc2
function.parameter.ruby, function.parameter.cs#d2ffc2
constant.language.symbol.ruby#57ff69
rgb-value#57ff69
inline-color-decoration rgb-value#26fa1f
less rgb-value#26fa1f
selector.sass#7df78a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7bff87
block.scope.end,block.scope.begin#d2ffc2
storage.type.cs#7bff87
entity.name.variable.local.cs#7df78a
token.info-token#77e083
token.warn-token#26fa1f
token.error-token#f44747
token.debug-token#00790c
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#00790c
meta.template.expression#d2ffc2
keyword.operator.module#00790c
support.type.type.flowtype#77e083
support.type.primitive#7bff87
meta.property.object#7df78a
variable.parameter.function.js#7df78a
keyword.other.template.begin#b6d196
keyword.other.template.end#b6d196
keyword.other.substitution.begin#b6d196
keyword.other.substitution.end#b6d196
keyword.operator.assignment#57ff69
keyword.operator.assignment.go#7bff87
keyword.operator.arithmetic.go, keyword.operator.address.go#00790c
entity.name.package.go#7bff87
support.type.prelude.elm#57ff69
support.constant.elm#26fa1f
punctuation.quasi.element#00790c
constant.character.entity#7df78a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#57ff69
entity.global.clojure#7bff87
meta.symbol.clojure#7df78a
constant.keyword.clojure#57ff69
meta.arguments.coffee, variable.parameter.function.coffee#7df78a
source.ini#b6d196
meta.scope.prerequisites.makefile#7df78a
source.makefile#7bff87
storage.modifier.import.groovy#7bff87
meta.method.groovy#77e083
meta.definition.variable.name.groovy#7df78a
meta.definition.class.inherited.classes.groovy#b6d196
support.variable.semantic.hlsl#7bff87
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#00790c
text.variable, text.bracketed#7df78a
support.type.swift, support.type.vb.asp#7bff87
entity.name.function.xi#7bff87
entity.name.class.xi#57ff69
constant.character.character-class.regexp.xi#7df78a
constant.regexp.xi#00790c
keyword.control.xi#57ff69
invalid.xi#d2ffc2
beginning.punctuation.definition.quote.markdown.xi#b6d196
beginning.punctuation.definition.list.markdown.xi#2d411d
constant.character.xi#77e083
accent.xi#77e083
wikiword.xi#26fa1f
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#2d411d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7bff87
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#7df78a
meta.brace.square#d2ffc2
comment, punctuation.definition.comment#2d411ditalic
markup.quote.markdown#2d411d
punctuation.definition.block.sequence.item.yaml#d2ffc2
constant.language.symbol.elixir#57ff69
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...