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#c40407
  • activityBar.background#040018
  • activityBar.border#d50e24
  • activityBar.foreground#d98d96
  • activityBar.inactiveForeground#0f1d84
  • activityBarBadge.background#c40407
  • activityBarBadge.foreground#ffffff
  • badge.background#c40407
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#040018
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#d50e24
  • button.foreground#ffffff
  • button.hoverBackground#8a0002
  • 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#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#151d30
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#e07f006a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#564f4f00
  • 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#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#151d30
  • editorGroupHeader.tabsBackground#07002a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#07002c
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0c023f
  • editorHoverWidget.border#7d7d7d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#c46e6e
  • editorIndentGuide.background#c40407
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#dca601
  • editorLineNumber.foreground#e07f00
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#0b142a
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#040018
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#c40407
  • foreground#d50e24
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#d50e24
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#d50e249d
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#010d66
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#010d66
  • list.focusForeground#cccccc
  • list.highlightForeground#c40407
  • list.hoverBackground#d50e24
  • list.hoverForeground#c2c2c2
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#d5d5d5
  • listFilterWidget.background#e07f00
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#11111100
  • menu.background#07002a
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#c40407
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#d50e24
  • 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#151d30
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#07002a
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#05091f
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#040018
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#d50e24
  • progressBar.background#c40407
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#e01d394a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d50e24
  • sideBar.background#07002a
  • sideBar.border#d50e24
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cdcdcd
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ababab
  • statusBar.background#d50e24
  • statusBar.debuggingBackground#d77c04eb
  • statusBar.debuggingForeground#ffc000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#040018
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#c40407
  • statusBarItem.remoteForeground#fd7887
  • tab.activeBackground#040018
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#201f24d5
  • tab.inactiveBackground#07002a
  • 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#d50e24
  • terminalCursor.foreground#ffffff
  • textLink.foreground#d50e24
  • titleBar.activeBackground#0c0141
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1e1e4199
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8c1818
  • 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#f29fa5
variable.other.generic-type.haskell#d50e24
storage.type.haskell#e07f00
support.variable.magic.python#f29fa5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#dca601
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#6163ef
entity.name.lifetime.rust#dca601
variable.language.rust#f29fa5
support.constant.edge#d50e24
constant.other.character-class.regexp#f29fa5
keyword.operator.quantifier.regexp#e07f00
punctuation.definition.string.begin,punctuation.definition.string.end#e6e6e6
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#dca601
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6163ef
markup.inserted.diff#e6e6e6
markup.deleted.diff#f29fa5
meta.function.c,meta.function.cpp#f29fa5
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#6163ef
support.constant.math#dca601
support.constant.property.math#e07f00
variable.other.constant#dca601
storage.type.annotation.java, storage.type.object.array.java#dca601
source.java#f29fa5
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#d4d4d4
meta.method.java#6163ef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#dca601
keyword.operator.instanceof.java#d50e24
meta.definition.variable.name.java#f29fa5
keyword.operator.logical#d50e24
keyword.operator.bitwise#d50e24
keyword.operator.channel#d50e24
support.constant.property-value.scss,support.constant.property-value.css#e07f00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d50e24
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e07f00
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#e07f00
support.type.vendored.property-name.css#d50e24
support.module.node,support.type.object.module,support.module.node#dca601
entity.name.type.module#dca601
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f29fa5
support.constant.json#e07f00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d50e24
support.type.object.console#f29fa5
support.variable.property.process#e07f00
entity.name.function,support.function.console#6163ef
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#d50e24
keyword.operator.delete#d50e24
support.type.object.dom#d50e24
support.variable.dom,support.variable.property.dom#f29fa5
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d50e24
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#d50e24
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#d50e24
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d50e24
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d50e24
variable.parameter.function.language.python#e07f00
support.type.python#d50e24
keyword.operator.logical.python#d50e24
variable.parameter.function.python#e07f00
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#6163ef
constant.character.format.placeholder.other.python#e07f00
keyword.operator#d4d4d4
keyword.operator.assignment.compound#d50e24
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d50e24
keyword#d50e24
entity.name.namespace#dca601
variable#f29fa5
variable.c#d4d4d4
variable.language#dca601
token.variable.parameter.java#d4d4d4
import.storage.java#dca601
token.package.keyword#d50e24
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#6163ef
entity.name.type.namespace#dca601
support.class, entity.name.type.class#dca601
entity.name.class.identifier.namespace.type#dca601
entity.name.class, variable.other.class.js, variable.other.class.ts#dca601
variable.other.class.php#f29fa5
entity.name.type#dca601
keyword.control#d50e24
control.elements, keyword.operator.less#e07f00
keyword.other.special-method#6163ef
storage#d50e24
token.storage#d50e24
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#d50e24
token.storage.type.java#dca601
support.function#d50e24
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#e07f00
meta.tag#d4d4d4
string#e6e6e6
entity.other.inherited-class#dca601
constant.other.symbol#d50e24
constant.numeric#e07f00
constant#e07f00
punctuation.definition.constant#e07f00
entity.name.tag#f29fa5
entity.other.attribute-name#e07f00
entity.other.attribute-name.id#6163efnormal
entity.other.attribute-name.class.css#e07f00normal
meta.selector#d50e24
markup.heading#f29fa5
markup.heading punctuation.definition.heading, entity.name.section#6163ef
keyword.other.unit#f29fa5
markup.bold,todo.bold#e07f00
punctuation.definition.bold#dca601
markup.italic, punctuation.definition.italic,todo.emphasis#d50e24
emphasis md#d50e24
entity.name.section.markdown#f29fa5
punctuation.definition.heading.markdown#f29fa5
punctuation.definition.list.begin.markdown#f29fa5
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#e07f00
markup.inline.raw.markdown#e6e6e6
markup.inline.raw.string.markdown#e6e6e6
punctuation.definition.list.markdown#f29fa5
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f29fa5
beginning.punctuation.definition.list.markdown#f29fa5
punctuation.definition.metadata.markdown#f29fa5
markup.underline.link.markdown,markup.underline.link.image.markdown#d50e24
string.other.link.title.markdown,string.other.link.description.markdown#6163ef
string.regexp#d50e24
constant.character.escape#d50e24
punctuation.section.embedded, variable.interpolation#f29fa5
punctuation.section.embedded.begin,punctuation.section.embedded.end#d50e24
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f29fa5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f29fa5
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#e6e6e6
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d50e24
support.type.property-name.json#f29fa5
support.type.property-name.json punctuation#f29fa5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d50e24
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d50e24
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#dca601
keyword.operator.error-control.php#d50e24
keyword.operator.type.php#d50e24
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#dca601
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6163ef
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#d4d4d4
support.constant.core.rust#e07f00
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e07f00
entity.name.goto-label.php,support.other.php#6163ef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d50e24
keyword.operator.regexp.php#d50e24
keyword.operator.comparison.php#d50e24
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d50e24
meta.function.decorator.python#6163ef
support.token.decorator.python,meta.function.decorator.identifier.python#d50e24
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#d50e24
rgb-value#d50e24
inline-color-decoration rgb-value#e07f00
less rgb-value#e07f00
selector.sass#f29fa5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#dca601
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#dca601
entity.name.variable.local.cs#f29fa5
token.info-token#6163ef
token.warn-token#e07f00
token.error-token#f44747
token.debug-token#d50e24
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d50e24
meta.template.expression#d4d4d4
keyword.operator.module#d50e24
support.type.type.flowtype#6163ef
support.type.primitive#dca601
meta.property.object#f29fa5
variable.parameter.function.js#f29fa5
keyword.other.template.begin#e6e6e6
keyword.other.template.end#e6e6e6
keyword.other.substitution.begin#e6e6e6
keyword.other.substitution.end#e6e6e6
keyword.operator.assignment#d50e24
keyword.operator.assignment.go#dca601
keyword.operator.arithmetic.go, keyword.operator.address.go#d50e24
entity.name.package.go#dca601
support.type.prelude.elm#d50e24
support.constant.elm#e07f00
punctuation.quasi.element#d50e24
constant.character.entity#f29fa5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d50e24
entity.global.clojure#dca601
meta.symbol.clojure#f29fa5
constant.keyword.clojure#d50e24
meta.arguments.coffee, variable.parameter.function.coffee#f29fa5
source.ini#e6e6e6
meta.scope.prerequisites.makefile#f29fa5
source.makefile#dca601
storage.modifier.import.groovy#dca601
meta.method.groovy#6163ef
meta.definition.variable.name.groovy#f29fa5
meta.definition.class.inherited.classes.groovy#e6e6e6
support.variable.semantic.hlsl#dca601
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#d50e24
text.variable, text.bracketed#f29fa5
support.type.swift, support.type.vb.asp#dca601
entity.name.function.xi#dca601
entity.name.class.xi#d50e24
constant.character.character-class.regexp.xi#f29fa5
constant.regexp.xi#d50e24
keyword.control.xi#d50e24
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#e6e6e6
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#6163ef
accent.xi#6163ef
wikiword.xi#e07f00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#dca601
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f29fa5
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#d50e24
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...