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.activeBackground#00ff405c
  • activityBar.background#000000
  • activityBar.border#ebff00
  • activityBar.foreground#ff6000
  • activityBar.inactiveForeground#ffa700
  • activityBarBadge.background#2cff00
  • activityBarBadge.foreground#ff0000
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#ffd700
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#ff0000cc
  • button.background#9c0e0e
  • button.foreground#ffcb00
  • button.hoverBackground#0099ff
  • button.secondaryBackground#74ff00
  • button.secondaryForeground#ff0000
  • button.secondaryHoverBackground#0071ff
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#38ff00
  • diffEditor.insertedTextBackground#cd7b1233
  • diffEditor.insertedTextBorder#000000
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#ff0000
  • dropdown.background#000000
  • 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#ff0000
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#ff000076
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffa7006e
  • editor.selectionHighlightBackground#ff240026
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#ff0000
  • editorCursor.foreground#80ff00
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • 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#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffb300
  • editorLineNumber.foreground#ff0000
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#000000
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#7fff0029
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ff0000
  • foreground#ff0000
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0000ff
  • gitDecoration.deletedResourceForeground#ee2300
  • gitDecoration.ignoredResourceForeground#ff0000
  • gitDecoration.modifiedResourceForeground#ff9900
  • gitDecoration.stageDeletedResourceForeground#38ff00b7
  • gitDecoration.stageModifiedResourceForeground#ff9900
  • gitDecoration.submoduleResourceForeground#0084ff
  • gitDecoration.untrackedResourceForeground#000000
  • icon.foreground#ff0000
  • input.background#000000
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff0000bf
  • list.activeSelectionForeground#ffbf00f3
  • list.dropBackground#000000
  • list.focusBackground#ffd700
  • list.focusForeground#0010ff
  • list.highlightForeground#ff0000
  • list.hoverBackground#ff7800
  • list.hoverForeground#ff0000
  • list.inactiveSelectionBackground#ffef007c
  • list.inactiveSelectionForeground#5cff00
  • listFilterWidget.background#8a3b18
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • 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#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#ffa7006e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • 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#ff000059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ff0000
  • 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#5e5e5e
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ffe30066
  • scrollbarSlider.background#ff000066
  • scrollbarSlider.hoverBackground#50ff00b3
  • selection.background#ff0c00
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff0000
  • sideBar.background#000000
  • sideBar.border#ff0000
  • sideBar.dropBackground#000000
  • sideBar.foreground#ff0000
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffcb0033
  • sideBarSectionHeader.foreground#50ff00
  • sideBarTitle.foreground#ffcb00
  • statusBar.background#ff8300
  • statusBar.border#ff0000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ff0000
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ff00001f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#38ff00
  • titleBar.activeBackground#ff000097
  • titleBar.activeForeground#ffd700
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ff0000
  • 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#ffbf00
variable.other.generic-type.haskell#c500ff
storage.type.haskell#ff7c00
support.variable.magic.python#ffbf00
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ff0000
variable.parameter.function.language.special.self.python#08ff00
storage.modifier.lifetime.rust#ff0000
support.function.std.rust#4400ff
entity.name.lifetime.rust#08ff00
variable.language.rust#ffbf00
support.constant.edge#c500ff
constant.other.character-class.regexp#ffbf00
keyword.operator.quantifier.regexp#ff7c00
punctuation.definition.string.begin,punctuation.definition.string.end#00ffff
variable.parameter.function#ff0000
comment markup.link#0055ff
markup.changed.diff#08ff00
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#4400ff
markup.inserted.diff#00ffff
markup.deleted.diff#ffbf00
meta.function.c,meta.function.cpp#ffbf00
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#ff0000
punctuation.separator.key-value#ff0000
keyword.operator.expression.import#4400ff
support.constant.math#08ff00
support.constant.property.math#ff7c00
variable.other.constant#08ff00
storage.type.annotation.java, storage.type.object.array.java#08ff00
source.java#ffbf00
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#ff0000
meta.method.java#4400ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#08ff00
keyword.operator.instanceof.java#c500ff
meta.definition.variable.name.java#ffbf00
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ff7c00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff7c00
punctuation.separator.list.comma.css#ff0000
support.constant.color.w3c-standard-color-name.css#ff7c00
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#08ff00
entity.name.type.module#08ff00
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffbf00
support.constant.json#ff7c00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c500ff
support.type.object.console#ffbf00
support.variable.property.process#ff7c00
entity.name.function,support.function.console#4400ff
keyword.operator.misc.rust#ff0000
keyword.operator.sigil.rust#c500ff
keyword.operator.delete#c500ff
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#ffbf00
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#ff0000
punctuation.separator.c,punctuation.separator.cpp#c500ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c500ff
variable.parameter.function.language.python#ff7c00
support.type.python#ffffff
keyword.operator.logical.python#c500ff
variable.parameter.function.python#ff7c00
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ff0000
meta.function-call.generic.python#4400ff
constant.character.format.placeholder.other.python#ff7c00
keyword.operator#ff0000
keyword.operator.assignment.compound#c500ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#c500ff
entity.name.namespace#08ff00
variable#ffbf00
variable.c#ff0000
variable.language#08ff00
token.variable.parameter.java#ff0000
import.storage.java#08ff00
token.package.keyword#c500ff
token.package#ff0000
entity.name.function, meta.require, support.function.any-method, variable.function#4400ff
entity.name.type.namespace#08ff00
support.class, entity.name.type.class#08ff00
entity.name.class.identifier.namespace.type#08ff00
entity.name.class, variable.other.class.js, variable.other.class.ts#08ff00
variable.other.class.php#ffbf00
entity.name.type#08ff00
keyword.control#c500ff
control.elements, keyword.operator.less#ff7c00
keyword.other.special-method#4400ff
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#08ff00
support.function#ffffff
support.type.property-name#ff0000
support.constant.property-value#ff0000
support.constant.font-name#ff7c00
meta.tag#ff0000
string#00ffff
entity.other.inherited-class#08ff00
constant.other.symbol#ffffff
constant.numeric#ff7c00
constant#ff7c00
punctuation.definition.constant#ff7c00
entity.name.tag#ffbf00
entity.other.attribute-name#ff7c00
entity.other.attribute-name.id#4400ffnormal
entity.other.attribute-name.class.css#ff7c00normal
meta.selector#c500ff
markup.heading#ffbf00
markup.heading punctuation.definition.heading, entity.name.section#4400ff
keyword.other.unit#ffbf00
markup.bold,todo.bold#ff7c00
punctuation.definition.bold#08ff00
markup.italic, punctuation.definition.italic,todo.emphasis#c500ff
emphasis md#c500ff
entity.name.section.markdown#ffbf00
punctuation.definition.heading.markdown#ffbf00
punctuation.definition.list.begin.markdown#ffbf00
markup.heading.setext#ff0000
punctuation.definition.bold.markdown#ff7c00
markup.inline.raw.markdown#00ffff
markup.inline.raw.string.markdown#00ffff
punctuation.definition.list.markdown#ffbf00
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffbf00
beginning.punctuation.definition.list.markdown#ffbf00
punctuation.definition.metadata.markdown#ffbf00
markup.underline.link.markdown,markup.underline.link.image.markdown#c500ff
string.other.link.title.markdown,string.other.link.description.markdown#4400ff
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#ffbf00
punctuation.section.embedded.begin,punctuation.section.embedded.end#c500ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ff0000
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffbf00
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffbf00
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#00ffff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#ffbf00
support.type.property-name.json punctuation#ffbf00
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#08ff00
keyword.operator.error-control.php#c500ff
keyword.operator.type.php#c500ff
punctuation.section.array.begin.php#ff0000
punctuation.section.array.end.php#ff0000
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#08ff00
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#4400ff
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#ff0000
support.constant.core.rust#ff7c00
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff7c00
entity.name.goto-label.php,support.other.php#4400ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#c500ff
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c500ff
meta.function.decorator.python#4400ff
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#ff0000
function.brace#ff0000
function.parameter.ruby, function.parameter.cs#ff0000
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#ff7c00
less rgb-value#ff7c00
selector.sass#ffbf00
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#08ff00
block.scope.end,block.scope.begin#ff0000
storage.type.cs#08ff00
entity.name.variable.local.cs#ffbf00
token.info-token#4400ff
token.warn-token#ff7c00
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#ff0000
keyword.operator.module#c500ff
support.type.type.flowtype#4400ff
support.type.primitive#08ff00
meta.property.object#ffbf00
variable.parameter.function.js#ffbf00
keyword.other.template.begin#00ffff
keyword.other.template.end#00ffff
keyword.other.substitution.begin#00ffff
keyword.other.substitution.end#00ffff
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#08ff00
keyword.operator.arithmetic.go, keyword.operator.address.go#c500ff
entity.name.package.go#08ff00
support.type.prelude.elm#ffffff
support.constant.elm#ff7c00
punctuation.quasi.element#c500ff
constant.character.entity#ffbf00
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#08ff00
meta.symbol.clojure#ffbf00
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#ffbf00
source.ini#00ffff
meta.scope.prerequisites.makefile#ffbf00
source.makefile#08ff00
storage.modifier.import.groovy#08ff00
meta.method.groovy#4400ff
meta.definition.variable.name.groovy#ffbf00
meta.definition.class.inherited.classes.groovy#00ffff
support.variable.semantic.hlsl#08ff00
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#ffbf00
support.type.swift, support.type.vb.asp#08ff00
entity.name.function.xi#08ff00
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#ffbf00
constant.regexp.xi#c500ff
keyword.control.xi#ffffff
invalid.xi#ff0000
beginning.punctuation.definition.quote.markdown.xi#00ffff
beginning.punctuation.definition.list.markdown.xi#0055ff
constant.character.xi#4400ff
accent.xi#4400ff
wikiword.xi#ff7c00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#0055ff
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#08ff00
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffbf00
meta.brace.square#ff0000
comment, punctuation.definition.comment#0055ffitalic
markup.quote.markdown#0055ff
punctuation.definition.block.sequence.item.yaml#ff0000
constant.language.symbol.elixir#ffffff
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...

Pro's theme - Coding Theme