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#363636
  • activityBar.background#171717
  • activityBar.border#00abff
  • activityBar.foreground#fd0505
  • activityBar.inactiveForeground#fdfdfdd7
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#434343
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0099ff
  • button.foreground#ffffff
  • button.hoverBackground#0099ff
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#15430156
  • diffEditor.removedTextBackground#8e0000
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0d0d0d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#bc01ff54
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#d7d7d72e
  • editor.lineHighlightBorder#6d6d6d00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#212121
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#7b7b7bb8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#bebebe
  • editorCursor.foreground#00abff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#000000
  • editorGroup.emptyBackground#0d0d0d
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#68ff00
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#00c7ff
  • editorHoverWidget.background#2c2c2c
  • editorHoverWidget.border#fd0000
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#ff2828
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f74623
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#ff0000
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ebff00
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000000
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#000000
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0194ff
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffd700
  • gitDecoration.stageDeletedResourceForeground#ff00ef
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#494949
  • list.focusBackground#061017
  • list.focusForeground#cccccc
  • list.highlightForeground#059bff
  • list.hoverBackground#000000
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#620000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#008eee
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#008002
  • merge.currentHeaderBackground#086200
  • merge.incomingContentBackground#002e64
  • merge.incomingHeaderBackground#0049a5
  • minimap.background#0d0d0d
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#212121
  • minimap.warningHighlight#ebff00
  • minimapGutter.addedBackground#68ff00
  • minimapGutter.deletedBackground#ff000c
  • minimapGutter.modifiedBackground#00c7ff
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#000000
  • panel.background#454545
  • panel.border#00000059
  • panelSection.border#82484800
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#ff0000
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#8c4f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#023e64
  • peekViewResult.background#282828
  • 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#00abff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#38383866
  • scrollbarSlider.hoverBackground#5a5a5ab3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#061017
  • sideBar.border#00abff
  • sideBar.dropBackground#494949
  • sideBar.foreground#00ff64
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#00abff
  • statusBar.background#000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#00cfff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#000000
  • tab.inactiveBackground#000000
  • 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#82484800
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0077ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffa700
  • 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#00cfff
variable.other.generic-type.haskell#c500ff
storage.type.haskell#00ff10
support.variable.magic.python#00cfff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#ff9b00
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#14ff00
entity.name.lifetime.rust#ff9b00
variable.language.rust#00cfff
support.constant.edge#c500ff
constant.other.character-class.regexp#00cfff
keyword.operator.quantifier.regexp#00ff10
punctuation.definition.string.begin,punctuation.definition.string.end#6bff00
variable.parameter.function#ffffff
comment markup.link#5e5e5e
markup.changed.diff#ff9b00
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#14ff00
markup.inserted.diff#6bff00
markup.deleted.diff#00cfff
meta.function.c,meta.function.cpp#00cfff
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#14ff00
support.constant.math#ff9b00
support.constant.property.math#00ff10
variable.other.constant#ff9b00
storage.type.annotation.java, storage.type.object.array.java#ff9b00
source.java#00cfff
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#ffffff
meta.method.java#14ff00
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff9b00
keyword.operator.instanceof.java#c500ff
meta.definition.variable.name.java#00cfff
keyword.operator.logical#ff0000
keyword.operator.bitwise#ff0000
keyword.operator.channel#ff0000
support.constant.property-value.scss,support.constant.property-value.css#00ff10
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff0000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#00ff10
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#00ff10
support.type.vendored.property-name.css#ff0000
support.module.node,support.type.object.module,support.module.node#ff9b00
entity.name.type.module#ff9b00
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#00cfff
support.constant.json#00ff10
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c500ff
support.type.object.console#00cfff
support.variable.property.process#00ff10
entity.name.function,support.function.console#14ff00
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#c500ff
keyword.operator.delete#c500ff
support.type.object.dom#ff0000
support.variable.dom,support.variable.property.dom#00cfff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff0000
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#c500ff
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#c500ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff0000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c500ff
variable.parameter.function.language.python#00ff10
support.type.python#ff0000
keyword.operator.logical.python#c500ff
variable.parameter.function.python#00ff10
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#14ff00
constant.character.format.placeholder.other.python#00ff10
keyword.operator#ffffff
keyword.operator.assignment.compound#c500ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff0000
keyword#c500ff
entity.name.namespace#ff9b00
variable#00cfff
variable.c#ffffff
variable.language#ff9b00
token.variable.parameter.java#ffffff
import.storage.java#ff9b00
token.package.keyword#c500ff
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#14ff00
entity.name.type.namespace#ff9b00
support.class, entity.name.type.class#ff9b00
entity.name.class.identifier.namespace.type#ff9b00
entity.name.class, variable.other.class.js, variable.other.class.ts#ff9b00
variable.other.class.php#00cfff
entity.name.type#ff9b00
keyword.control#c500ff
control.elements, keyword.operator.less#00ff10
keyword.other.special-method#14ff00
storage#c500ff
token.storage#c500ff
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#c500ff
token.storage.type.java#ff9b00
support.function#ff0000
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#00ff10
meta.tag#ffffff
string#6bff00
entity.other.inherited-class#ff9b00
constant.other.symbol#ff0000
constant.numeric#00ff10
constant#00ff10
punctuation.definition.constant#00ff10
entity.name.tag#00cfff
entity.other.attribute-name#00ff10
entity.other.attribute-name.id#14ff00normal
entity.other.attribute-name.class.css#00ff10normal
meta.selector#c500ff
markup.heading#00cfff
markup.heading punctuation.definition.heading, entity.name.section#14ff00
keyword.other.unit#00cfff
markup.bold,todo.bold#00ff10
punctuation.definition.bold#ff9b00
markup.italic, punctuation.definition.italic,todo.emphasis#c500ff
emphasis md#c500ff
entity.name.section.markdown#00cfff
punctuation.definition.heading.markdown#00cfff
punctuation.definition.list.begin.markdown#00cfff
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#00ff10
markup.inline.raw.markdown#6bff00
markup.inline.raw.string.markdown#6bff00
punctuation.definition.list.markdown#00cfff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#00cfff
beginning.punctuation.definition.list.markdown#00cfff
punctuation.definition.metadata.markdown#00cfff
markup.underline.link.markdown,markup.underline.link.image.markdown#c500ff
string.other.link.title.markdown,string.other.link.description.markdown#14ff00
string.regexp#ff0000
constant.character.escape#ff0000
punctuation.section.embedded, variable.interpolation#00cfff
punctuation.section.embedded.begin,punctuation.section.embedded.end#c500ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#00cfff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#00cfff
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#6bff00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff0000
support.type.property-name.json#00cfff
support.type.property-name.json punctuation#00cfff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c500ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c500ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff9b00
keyword.operator.error-control.php#c500ff
keyword.operator.type.php#c500ff
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff9b00
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#14ff00
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#ffffff
support.constant.core.rust#00ff10
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#00ff10
entity.name.goto-label.php,support.other.php#14ff00
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff0000
keyword.operator.regexp.php#c500ff
keyword.operator.comparison.php#ff0000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c500ff
meta.function.decorator.python#14ff00
support.token.decorator.python,meta.function.decorator.identifier.python#ff0000
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#ff0000
rgb-value#ff0000
inline-color-decoration rgb-value#00ff10
less rgb-value#00ff10
selector.sass#00cfff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff9b00
block.scope.end,block.scope.begin#ffffff
storage.type.cs#ff9b00
entity.name.variable.local.cs#00cfff
token.info-token#14ff00
token.warn-token#00ff10
token.error-token#f44747
token.debug-token#c500ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c500ff
meta.template.expression#ffffff
keyword.operator.module#c500ff
support.type.type.flowtype#14ff00
support.type.primitive#ff9b00
meta.property.object#00cfff
variable.parameter.function.js#00cfff
keyword.other.template.begin#6bff00
keyword.other.template.end#6bff00
keyword.other.substitution.begin#6bff00
keyword.other.substitution.end#6bff00
keyword.operator.assignment#ff0000
keyword.operator.assignment.go#ff9b00
keyword.operator.arithmetic.go, keyword.operator.address.go#c500ff
entity.name.package.go#ff9b00
support.type.prelude.elm#ff0000
support.constant.elm#00ff10
punctuation.quasi.element#c500ff
constant.character.entity#00cfff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff0000
entity.global.clojure#ff9b00
meta.symbol.clojure#00cfff
constant.keyword.clojure#ff0000
meta.arguments.coffee, variable.parameter.function.coffee#00cfff
source.ini#6bff00
meta.scope.prerequisites.makefile#00cfff
source.makefile#ff9b00
storage.modifier.import.groovy#ff9b00
meta.method.groovy#14ff00
meta.definition.variable.name.groovy#00cfff
meta.definition.class.inherited.classes.groovy#6bff00
support.variable.semantic.hlsl#ff9b00
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#c500ff
text.variable, text.bracketed#00cfff
support.type.swift, support.type.vb.asp#ff9b00
entity.name.function.xi#ff9b00
entity.name.class.xi#ff0000
constant.character.character-class.regexp.xi#00cfff
constant.regexp.xi#c500ff
keyword.control.xi#ff0000
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#6bff00
beginning.punctuation.definition.list.markdown.xi#5e5e5e
constant.character.xi#14ff00
accent.xi#14ff00
wikiword.xi#00ff10
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5e5e5e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff9b00
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#00cfff
meta.brace.square#ffffff
comment, punctuation.definition.comment#5e5e5eitalic
markup.quote.markdown#5e5e5e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#ff0000
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...