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#00000000
  • activityBar.background#020b22
  • activityBar.border#000000b9
  • activityBar.foreground#48f0f0
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#48f0f0
  • activityBarBadge.foreground#000000
  • badge.background#48f0f0
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#48f0f0
  • breadcrumb.background#020b22
  • breadcrumb.focusForeground#48f0f0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#004668
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#002334
  • debugExceptionWidget.border#383838
  • debugToolBar.background#002334
  • debugToolBar.border#383838
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#004668
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#020b22
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#4598f7
  • editor.findMatchHighlightBackground#38649663
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#34394600
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#ffffff15
  • editor.inactiveSelectionBackground#152243d5
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff2e
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#003364bf
  • editor.selectionHighlightBackground#384756
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#FFFFFF1A
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#48f0f0
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#020b22
  • editorGroupHeader.tabsBackground#001830
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#020b22
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#001830
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#48f0f0c3
  • editorIndentGuide.background#48f0f06e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f07860
  • editorLineNumber.foreground#0c72b6
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#001830
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff9d
  • editorMarkerNavigationWarning.background#48f0f050
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#002334
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#c4c4c4
  • editorSuggestWidget.highlightForeground#48f0f0
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e4e4e22e
  • editorWidget.background#002334
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#48f0f0
  • 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#48f0f0
  • input.background#004668
  • 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#020b22
  • list.focusBackground#184971
  • list.focusForeground#ffffff
  • list.highlightForeground#58c4c4
  • list.hoverBackground#3b7c92
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#FFFFFF10
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#020b22
  • listFilterWidget.noMatchesOutline#929292
  • listFilterWidget.outline#00000000
  • menu.background#002334
  • menu.border#00000085
  • menu.foreground#48f0f0
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#FFFFFF21
  • menubar.selectionForeground#f07860
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#020b22
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#003364bf
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#434343
  • notificationCenterHeader.background#00233499
  • notificationCenterHeader.foreground#ffffff70
  • notifications.background#002334
  • notifications.border#535362
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000018
  • panel.border#48f0f052
  • panelSection.border#80808059
  • panelTitle.activeBorder#48f0f0
  • panelTitle.activeForeground#48f0f0
  • panelTitle.inactiveForeground#999999
  • 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#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#443e606a
  • scrollbarSlider.hoverBackground#181d45b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#48f0f0
  • sideBar.background#001830
  • sideBar.border#ff000000
  • sideBar.dropBackground#020b22
  • sideBar.foreground#58c4c4
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#b0b0b033
  • sideBarSectionHeader.foreground#f07860
  • sideBarTitle.foreground#58c4c4
  • statusBar.background#002549
  • statusBar.debuggingBackground#de004e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#58c4c4
  • statusBar.noFolderBackground#020b22
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#FFFFFF25
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#020b22
  • tab.activeBorder#00000000
  • tab.activeBorderTop#a5000000
  • tab.activeForeground#58c4c4
  • tab.border#4d4d4d
  • tab.hoverBackground#5c5c5c52
  • tab.inactiveBackground#001830
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#515151
  • 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#3794ff
  • titleBar.activeBackground#020b22
  • titleBar.activeForeground#48f0f0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#2e364b
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#f07860
  • 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#25a2a6
variable.other.generic-type.haskell#517ff5
storage.type.haskell#228f94
support.variable.magic.python#25a2a6
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#48f0f0
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#f07860
entity.name.lifetime.rust#48f0f0
variable.language.rust#25a2a6
support.constant.edge#517ff5
constant.other.character-class.regexp#25a2a6
keyword.operator.quantifier.regexp#228f94
punctuation.definition.string.begin,punctuation.definition.string.end#b4baff
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#48f0f0
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f07860
markup.inserted.diff#b4baff
markup.deleted.diff#25a2a6
meta.function.c,meta.function.cpp#25a2a6
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#f07860
support.constant.math#48f0f0
support.constant.property.math#228f94
variable.other.constant#48f0f0
storage.type.annotation.java, storage.type.object.array.java#48f0f0
source.java#25a2a6
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#f07860
storage.modifier.import.java,storage.type.java,storage.type.generic.java#48f0f0
keyword.operator.instanceof.java#517ff5
meta.definition.variable.name.java#25a2a6
keyword.operator.logical#a583f7
keyword.operator.bitwise#a583f7
keyword.operator.channel#a583f7
support.constant.property-value.scss,support.constant.property-value.css#228f94
keyword.operator.css,keyword.operator.scss,keyword.operator.less#a583f7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#228f94
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#228f94
support.type.vendored.property-name.css#a583f7
support.module.node,support.type.object.module,support.module.node#48f0f0
entity.name.type.module#48f0f0
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#25a2a6
support.constant.json#228f94
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#517ff5
support.type.object.console#25a2a6
support.variable.property.process#228f94
entity.name.function,support.function.console#f07860
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#517ff5
keyword.operator.delete#517ff5
support.type.object.dom#a583f7
support.variable.dom,support.variable.property.dom#25a2a6
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#a583f7
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#517ff5
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#517ff5
support.type.posix-reserved.c,support.type.posix-reserved.cpp#a583f7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#517ff5
variable.parameter.function.language.python#228f94
support.type.python#a583f7
keyword.operator.logical.python#517ff5
variable.parameter.function.python#228f94
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#f07860
constant.character.format.placeholder.other.python#228f94
keyword.operator#d4d4d4
keyword.operator.assignment.compound#517ff5
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#a583f7
keyword#517ff5
entity.name.namespace#48f0f0
variable#25a2a6
variable.c#d4d4d4
variable.language#48f0f0
token.variable.parameter.java#d4d4d4
import.storage.java#48f0f0
token.package.keyword#517ff5
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#f07860
entity.name.type.namespace#48f0f0
support.class, entity.name.type.class#48f0f0
entity.name.class.identifier.namespace.type#48f0f0
entity.name.class, variable.other.class.js, variable.other.class.ts#48f0f0
variable.other.class.php#25a2a6
entity.name.type#48f0f0
keyword.control#517ff5
control.elements, keyword.operator.less#228f94
keyword.other.special-method#f07860
storage#517ff5
token.storage#517ff5
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#517ff5
token.storage.type.java#48f0f0
support.function#a583f7
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#228f94
meta.tag#d4d4d4
string#b4baff
entity.other.inherited-class#48f0f0
constant.other.symbol#a583f7
constant.numeric#228f94
constant#228f94
punctuation.definition.constant#228f94
entity.name.tag#517ff5
entity.other.attribute-name#228f94
entity.other.attribute-name.id#f07860normal
entity.other.attribute-name.class.css#228f94normal
meta.selector#517ff5
markup.heading#25a2a6
markup.heading punctuation.definition.heading, entity.name.section#f07860
keyword.other.unit#25a2a6
markup.bold,todo.bold#228f94
punctuation.definition.bold#48f0f0
markup.italic, punctuation.definition.italic,todo.emphasis#517ff5
emphasis md#517ff5
entity.name.section.markdown#25a2a6
punctuation.definition.heading.markdown#25a2a6
punctuation.definition.list.begin.markdown#25a2a6
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#228f94
markup.inline.raw.markdown#b4baff
markup.inline.raw.string.markdown#b4baff
punctuation.definition.list.markdown#25a2a6
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#25a2a6
beginning.punctuation.definition.list.markdown#25a2a6
punctuation.definition.metadata.markdown#25a2a6
markup.underline.link.markdown,markup.underline.link.image.markdown#517ff5
string.other.link.title.markdown,string.other.link.description.markdown#f07860
string.regexp#a583f7
constant.character.escape#a583f7
punctuation.section.embedded, variable.interpolation#25a2a6
punctuation.section.embedded.begin,punctuation.section.embedded.end#517ff5
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#25a2a6
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#25a2a6
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#b4baff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#a583f7
support.type.property-name.json#25a2a6
support.type.property-name.json punctuation#25a2a6
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#517ff5
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#517ff5
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#48f0f0
keyword.operator.error-control.php#517ff5
keyword.operator.type.php#517ff5
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#48f0f0
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f07860
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#228f94
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#228f94
entity.name.goto-label.php,support.other.php#f07860
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#a583f7
keyword.operator.regexp.php#517ff5
keyword.operator.comparison.php#a583f7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#517ff5
meta.function.decorator.python#f07860
support.token.decorator.python,meta.function.decorator.identifier.python#a583f7
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#a583f7
rgb-value#a583f7
inline-color-decoration rgb-value#228f94
less rgb-value#228f94
selector.sass#25a2a6
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#48f0f0
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#48f0f0
entity.name.variable.local.cs#25a2a6
token.info-token#f07860
token.warn-token#228f94
token.error-token#f44747
token.debug-token#517ff5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#517ff5
meta.template.expression#d4d4d4
keyword.operator.module#517ff5
support.type.type.flowtype#f07860
support.type.primitive#48f0f0
meta.property.object#25a2a6
variable.parameter.function.js#25a2a6
keyword.other.template.begin#b4baff
keyword.other.template.end#b4baff
keyword.other.substitution.begin#b4baff
keyword.other.substitution.end#b4baff
keyword.operator.assignment#a583f7
keyword.operator.assignment.go#48f0f0
keyword.operator.arithmetic.go, keyword.operator.address.go#517ff5
entity.name.package.go#48f0f0
support.type.prelude.elm#a583f7
support.constant.elm#228f94
punctuation.quasi.element#517ff5
constant.character.entity#25a2a6
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#a583f7
entity.global.clojure#48f0f0
meta.symbol.clojure#25a2a6
constant.keyword.clojure#a583f7
meta.arguments.coffee, variable.parameter.function.coffee#25a2a6
source.ini#b4baff
meta.scope.prerequisites.makefile#25a2a6
source.makefile#48f0f0
storage.modifier.import.groovy#48f0f0
meta.method.groovy#f07860
meta.definition.variable.name.groovy#25a2a6
meta.definition.class.inherited.classes.groovy#b4baff
support.variable.semantic.hlsl#48f0f0
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#517ff5
text.variable, text.bracketed#25a2a6
support.type.swift, support.type.vb.asp#48f0f0
entity.name.function.xi#48f0f0
entity.name.class.xi#a583f7
constant.character.character-class.regexp.xi#25a2a6
constant.regexp.xi#517ff5
keyword.control.xi#a583f7
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#b4baff
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#f07860
accent.xi#f07860
wikiword.xi#228f94
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#48f0f0
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#25a2a6
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#a583f7
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...