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#000000
  • activityBar.background#000000
  • activityBar.border#000000
  • activityBar.foreground#00abff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#434343
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#00dbffcc
  • 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#50ff0056
  • diffEditor.removedTextBackground#ff00007e
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • 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#ff0000
  • editorGroup.border#000000
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#00dbff
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#68ff00
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#00c7ff
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#282828
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ffffff
  • 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#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#00fff3
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0194ff
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffd700
  • gitDecoration.stageDeletedResourceForeground#ff5400
  • gitDecoration.stageModifiedResourceForeground#8bff00
  • gitDecoration.submoduleResourceForeground#7bbfff
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#00fff3
  • 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#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#000000
  • list.hoverForeground#e87272
  • list.inactiveSelectionBackground#151515
  • list.inactiveSelectionForeground#cccccc
  • 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#000000
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • 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#ff0000
  • notificationsInfoIcon.foreground#00b7ff
  • notificationsWarningIcon.foreground#ffff00
  • notificationToast.border#000000
  • panel.background#000000
  • panel.border#00000059
  • panelSection.border#82484800
  • 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#00c3ff
  • scrollbar.shadow#00ffe7
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#38383866
  • scrollbarSlider.hoverBackground#5a5a5ab3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#00fff3
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#ff0000
  • sideBarSectionHeader.background#00ffff
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#000000
  • 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#00cfff
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#00a2d3
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffd700
  • tab.border#000000
  • tab.hoverBackground#1400ff
  • tab.inactiveBackground#212121
  • tab.inactiveForeground#01c4ff
  • terminal.ansiBlack#929292
  • 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#20ff00
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#171717
  • 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#ff0000
variable.other.generic-type.haskell#db79ff
storage.type.haskell#ffef00
support.variable.magic.python#ff0000
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#ff00bf
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#14ff00
entity.name.lifetime.rust#ff00bf
variable.language.rust#ff0000
support.constant.edge#db79ff
constant.other.character-class.regexp#ff0000
keyword.operator.quantifier.regexp#ffef00
punctuation.definition.string.begin,punctuation.definition.string.end#00c3ff
variable.parameter.function#ffffff
comment markup.link#717171
markup.changed.diff#ff00bf
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#14ff00
markup.inserted.diff#00c3ff
markup.deleted.diff#ff0000
meta.function.c,meta.function.cpp#ff0000
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#ff00bf
support.constant.property.math#ffef00
variable.other.constant#ff00bf
storage.type.annotation.java, storage.type.object.array.java#ff00bf
source.java#ff0000
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#ff00bf
keyword.operator.instanceof.java#db79ff
meta.definition.variable.name.java#ff0000
keyword.operator.logical#00ffe7
keyword.operator.bitwise#00ffe7
keyword.operator.channel#00ffe7
support.constant.property-value.scss,support.constant.property-value.css#ffef00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00ffe7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffef00
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ffef00
support.type.vendored.property-name.css#00ffe7
support.module.node,support.type.object.module,support.module.node#ff00bf
entity.name.type.module#ff00bf
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff0000
support.constant.json#ffef00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#db79ff
support.type.object.console#ff0000
support.variable.property.process#ffef00
entity.name.function,support.function.console#14ff00
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#db79ff
keyword.operator.delete#db79ff
support.type.object.dom#00ffe7
support.variable.dom,support.variable.property.dom#ff0000
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00ffe7
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#db79ff
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#db79ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00ffe7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#db79ff
variable.parameter.function.language.python#ffef00
support.type.python#00ffe7
keyword.operator.logical.python#db79ff
variable.parameter.function.python#ffef00
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#ffef00
keyword.operator#ffffff
keyword.operator.assignment.compound#db79ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00ffe7
keyword#db79ff
entity.name.namespace#ff00bf
variable#ff0000
variable.c#ffffff
variable.language#ff00bf
token.variable.parameter.java#ffffff
import.storage.java#ff00bf
token.package.keyword#db79ff
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#14ff00
entity.name.type.namespace#ff00bf
support.class, entity.name.type.class#ff00bf
entity.name.class.identifier.namespace.type#ff00bf
entity.name.class, variable.other.class.js, variable.other.class.ts#ff00bf
variable.other.class.php#ff0000
entity.name.type#ff00bf
keyword.control#db79ff
control.elements, keyword.operator.less#ffef00
keyword.other.special-method#14ff00
storage#db79ff
token.storage#db79ff
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#db79ff
token.storage.type.java#ff00bf
support.function#00ffe7
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ffef00
meta.tag#ffffff
string#00c3ff
entity.other.inherited-class#ff00bf
constant.other.symbol#00ffe7
constant.numeric#ffef00
constant#ffef00
punctuation.definition.constant#ffef00
entity.name.tag#ff0000
entity.other.attribute-name#ffef00
entity.other.attribute-name.id#14ff00normal
entity.other.attribute-name.class.css#ffef00normal
meta.selector#db79ff
markup.heading#ff0000
markup.heading punctuation.definition.heading, entity.name.section#14ff00
keyword.other.unit#ff0000
markup.bold,todo.bold#ffef00
punctuation.definition.bold#ff00bf
markup.italic, punctuation.definition.italic,todo.emphasis#db79ff
emphasis md#db79ff
entity.name.section.markdown#ff0000
punctuation.definition.heading.markdown#ff0000
punctuation.definition.list.begin.markdown#ff0000
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ffef00
markup.inline.raw.markdown#00c3ff
markup.inline.raw.string.markdown#00c3ff
punctuation.definition.list.markdown#ff0000
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff0000
beginning.punctuation.definition.list.markdown#ff0000
punctuation.definition.metadata.markdown#ff0000
markup.underline.link.markdown,markup.underline.link.image.markdown#db79ff
string.other.link.title.markdown,string.other.link.description.markdown#14ff00
string.regexp#00ffe7
constant.character.escape#00ffe7
punctuation.section.embedded, variable.interpolation#ff0000
punctuation.section.embedded.begin,punctuation.section.embedded.end#db79ff
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#ff0000
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff0000
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#00c3ff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#00ffe7
support.type.property-name.json#ff0000
support.type.property-name.json punctuation#ff0000
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#db79ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#db79ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff00bf
keyword.operator.error-control.php#db79ff
keyword.operator.type.php#db79ff
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#ff00bf
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#ffef00
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffef00
entity.name.goto-label.php,support.other.php#14ff00
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00ffe7
keyword.operator.regexp.php#db79ff
keyword.operator.comparison.php#00ffe7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#db79ff
meta.function.decorator.python#14ff00
support.token.decorator.python,meta.function.decorator.identifier.python#00ffe7
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#00ffe7
rgb-value#00ffe7
inline-color-decoration rgb-value#ffef00
less rgb-value#ffef00
selector.sass#ff0000
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff00bf
block.scope.end,block.scope.begin#ffffff
storage.type.cs#ff00bf
entity.name.variable.local.cs#ff0000
token.info-token#14ff00
token.warn-token#ffef00
token.error-token#f44747
token.debug-token#db79ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#db79ff
meta.template.expression#ffffff
keyword.operator.module#db79ff
support.type.type.flowtype#14ff00
support.type.primitive#ff00bf
meta.property.object#ff0000
variable.parameter.function.js#ff0000
keyword.other.template.begin#00c3ff
keyword.other.template.end#00c3ff
keyword.other.substitution.begin#00c3ff
keyword.other.substitution.end#00c3ff
keyword.operator.assignment#00ffe7
keyword.operator.assignment.go#ff00bf
keyword.operator.arithmetic.go, keyword.operator.address.go#db79ff
entity.name.package.go#ff00bf
support.type.prelude.elm#00ffe7
support.constant.elm#ffef00
punctuation.quasi.element#db79ff
constant.character.entity#ff0000
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00ffe7
entity.global.clojure#ff00bf
meta.symbol.clojure#ff0000
constant.keyword.clojure#00ffe7
meta.arguments.coffee, variable.parameter.function.coffee#ff0000
source.ini#00c3ff
meta.scope.prerequisites.makefile#ff0000
source.makefile#ff00bf
storage.modifier.import.groovy#ff00bf
meta.method.groovy#14ff00
meta.definition.variable.name.groovy#ff0000
meta.definition.class.inherited.classes.groovy#00c3ff
support.variable.semantic.hlsl#ff00bf
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#db79ff
text.variable, text.bracketed#ff0000
support.type.swift, support.type.vb.asp#ff00bf
entity.name.function.xi#ff00bf
entity.name.class.xi#00ffe7
constant.character.character-class.regexp.xi#ff0000
constant.regexp.xi#db79ff
keyword.control.xi#00ffe7
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#00c3ff
beginning.punctuation.definition.list.markdown.xi#717171
constant.character.xi#14ff00
accent.xi#14ff00
wikiword.xi#ffef00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#717171
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff00bf
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff0000
meta.brace.square#ffffff
comment, punctuation.definition.comment#717171italic
markup.quote.markdown#717171
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#00ffe7
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...