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#2d2a34
  • activityBar.background#21222e
  • activityBar.border#f2a2d600
  • activityBar.foreground#ffbfe8
  • activityBar.inactiveForeground#bc8dab80
  • activityBarBadge.background#ffbfe8
  • activityBarBadge.foreground#000000
  • badge.background#ffa8f6
  • badge.foreground#19131dcf
  • breadcrumb.activeSelectionForeground#ffeeff
  • breadcrumb.background#19131d00
  • breadcrumb.focusForeground#ffeeff
  • breadcrumb.foreground#f2a2d6db
  • button.background#ffa5df
  • button.foreground#000000
  • button.hoverBackground#f2a2d6
  • button.secondaryBackground#303241
  • button.secondaryForeground#f2a2d6
  • button.secondaryHoverBackground#45494e
  • checkbox.background#23242600
  • checkbox.border#bc8dab80
  • checkbox.foreground#ffeeff
  • debugExceptionWidget.background#131c1d
  • debugExceptionWidget.border#bc8dab00
  • debugToolBar.background#131c1d
  • debugToolBar.border#bc8dab00
  • diffEditor.border#bc8dab80
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff88d133
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#23242600
  • dropdown.border#bc8dab80
  • dropdown.foreground#ffeeff
  • editor.background#21222e
  • editor.findMatchBackground#8c758466
  • editor.findMatchBorder#f2a2d680
  • editor.findMatchHighlightBackground#8c758466
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#8c758430
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#20252c
  • editor.foreground#f2a2d6dd
  • editor.hoverHighlightBackground#8c758430
  • editor.inactiveSelectionBackground#8c758430
  • editor.lineHighlightBackground#8c758430
  • editor.lineHighlightBorder#8c758430
  • editor.rangeHighlightBackground#8c758466
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f2a2d630
  • editor.selectionHighlightBackground#8c758430
  • editor.selectionHighlightBorder#f2a2d680
  • editor.wordHighlightBackground#8c758430
  • editor.wordHighlightBorder#8c758466
  • editor.wordHighlightStrongBackground#8c758466
  • editor.wordHighlightStrongBorder#8c758466
  • editorBracketMatch.background#8c758430
  • editorBracketMatch.border#ffeeff
  • editorCodeLens.foreground#f2a2d680
  • editorCursor.background#19131d
  • editorCursor.foreground#f2a2d6
  • editorError.background#ff7b7b46
  • editorError.border#ffffff00
  • editorError.foreground#ff7b7b
  • editorGroup.border#bc8dab80
  • editorGroup.emptyBackground#21222e
  • editorGroupHeader.border#bc8dab00
  • editorGroupHeader.tabsBackground#23242600
  • editorGroupHeader.tabsBorder#bc8dab00
  • editorGutter.addedBackground#77e2b7
  • editorGutter.background#21222e
  • editorGutter.commentRangeForeground#f2a2d600
  • editorGutter.deletedBackground#ff7b7b
  • editorGutter.foldingControlForeground#f2a2d600
  • editorGutter.modifiedBackground#f2a2d6
  • editorHoverWidget.background#20252c
  • editorHoverWidget.border#bc8dab80
  • editorHoverWidget.foreground#ffeeff
  • editorIndentGuide.activeBackground#ffaff680
  • editorIndentGuide.background#ffaff680
  • editorInfo.background#75beff26
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffeeff
  • editorLineNumber.foreground#ffbfe8a9
  • editorLink.activeForeground#ff72f0
  • editorMarkerNavigation.background#0e151f
  • editorMarkerNavigationError.background#ff7b7b
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#f7f79a
  • editorOverviewRuler.background#8c758430
  • editorOverviewRuler.border#bc8dab80
  • editorRuler.foreground#8c758430
  • editorSuggestWidget.background#20252c
  • editorSuggestWidget.border#bc8dab80
  • editorSuggestWidget.foreground#ffeeff
  • editorSuggestWidget.highlightForeground#ff9df5
  • editorSuggestWidget.selectedBackground#13151d
  • editorWarning.background#f7f79a2e
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7f79a
  • editorWhitespace.foreground#bc8dab80
  • editorWidget.background#13181d
  • editorWidget.foreground#ffeeff
  • editorWidget.resizeBorder#f2a2d6
  • focusBorder#ffbfe8d5
  • foreground#ffbfe8a9
  • gitDecoration.addedResourceForeground#77e2b7
  • gitDecoration.conflictingResourceForeground#f7f79a
  • gitDecoration.deletedResourceForeground#ec3737
  • gitDecoration.ignoredResourceForeground#f2a2d680
  • gitDecoration.modifiedResourceForeground#ff72f0
  • gitDecoration.stageDeletedResourceForeground#ff7b7b
  • gitDecoration.stageModifiedResourceForeground#ecadd6
  • gitDecoration.submoduleResourceForeground#75beff
  • gitDecoration.untrackedResourceForeground#bc8dab80
  • icon.foreground#ffbfe8a9
  • input.background#23242600
  • input.border#bc8dab80
  • input.foreground#ffeeff
  • input.placeholderForeground#f2a2d6f3
  • inputOption.activeBackground#bc8dab80
  • inputOption.activeBorder#ecadd6
  • inputOption.activeForeground#ffeeff
  • list.activeSelectionBackground#f2a2d622
  • list.activeSelectionForeground#ffe1f5e7
  • list.dropBackground#f2a2d60e
  • list.focusBackground#f2a2d640
  • list.focusForeground#ffeeff
  • list.highlightForeground#f2a2d6
  • list.hoverBackground#f2a2d640
  • list.hoverForeground#ffeeff
  • list.inactiveSelectionBackground#f2a2d630
  • list.inactiveSelectionForeground#ffeeff
  • listFilterWidget.background#0e111f
  • listFilterWidget.noMatchesOutline#fcacffcd
  • listFilterWidget.outline#bc8dab85
  • menu.background#14181d
  • menu.border#0e151f00
  • menu.foreground#ecadd6
  • menu.selectionBackground#0e151f
  • menu.selectionBorder#bc8dab6e
  • menu.selectionForeground#ffb3f7
  • menu.separatorBackground#f2a2d650
  • menubar.selectionBackground#181c21
  • menubar.selectionBorder#bc8dab
  • menubar.selectionForeground#f2a2d6
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#40273d
  • merge.currentHeaderBackground#77395c
  • merge.incomingContentBackground#43284b
  • merge.incomingHeaderBackground#7c398f
  • minimap.background#21222e
  • minimap.errorHighlight#ff7b7b
  • minimap.findMatchHighlight#8c758466
  • minimap.selectionHighlight#f2a2d630
  • minimap.warningHighlight#f7f79a
  • minimapGutter.addedBackground#77e2b7
  • minimapGutter.deletedBackground#ff7b7b
  • minimapGutter.modifiedBackground#f2a2d6
  • notificationCenter.border#bc8dab80
  • notificationCenterHeader.background#19131d
  • notificationCenterHeader.foreground#ffeeff
  • notifications.background#181c21
  • notifications.border#bc8dab80
  • notifications.foreground#f2a2d6
  • notificationsErrorIcon.foreground#ff7b7b
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#f7f79a
  • notificationToast.border#bc8dab80
  • panel.background#1a1b26
  • panel.border#bc8dab80
  • panelSection.border#bc8dabc3
  • panelTitle.activeBorder#ff8df3
  • panelTitle.activeForeground#ffb3f7
  • panelTitle.inactiveForeground#f2a2d680
  • peekView.border#f2a2d6
  • peekViewEditor.background#191921
  • peekViewEditor.matchHighlightBackground#bc8dab80
  • peekViewEditor.matchHighlightBorder#f2a2d6
  • peekViewEditorGutter.background#191921
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffeeff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#bc8dab80
  • peekViewResult.selectionBackground#f2a2d680
  • peekViewResult.selectionForeground#ffeeff
  • peekViewTitle.background#19131d
  • peekViewTitleDescription.foreground#f2a2d680
  • peekViewTitleLabel.foreground#ffeeff
  • pickerGroup.border#bc8dab00
  • pickerGroup.foreground#f2a2d6db
  • progressBar.background#ffbfe8
  • scrollbar.shadow#f2a2d680
  • scrollbarSlider.activeBackground#f2a2d660
  • scrollbarSlider.background#332634
  • scrollbarSlider.hoverBackground#bc8dab80
  • selection.background#f2a2d680
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffbfe8a9
  • sideBar.background#1a1b26
  • sideBar.border#bc8dab00
  • sideBar.dropBackground#f2a2d60e
  • sideBar.foreground#ffbfe8d9
  • sideBarSectionHeader.background#121417c5
  • sideBarSectionHeader.border#bc8dab00
  • sideBarSectionHeader.foreground#ffbfe8e5
  • sideBarTitle.foreground#ffbfe8
  • statusBar.background#ffbfe8
  • statusBar.border#bc8dab80
  • statusBar.debuggingBackground#ffb3f7
  • statusBar.debuggingBorder#bc8dab80
  • statusBar.debuggingForeground#181c21
  • statusBar.foreground#0e151f
  • statusBar.noFolderBackground#c98ad9
  • statusBar.noFolderBorder#bc8dab80
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#f2a2d6
  • statusBarItem.remoteBackground#f2a2d6
  • statusBarItem.remoteForeground#0e151f
  • tab.activeBackground#1b1c2400
  • tab.activeBorder#f2a2d6
  • tab.activeBorderTop#f2a2d600
  • tab.activeForeground#f2a2d6
  • tab.border#bc8dab00
  • tab.hoverBackground#19131d00
  • tab.hoverBorder#bc8dab80
  • tab.hoverForeground#ffeeff
  • tab.inactiveBackground#23242600
  • tab.inactiveForeground#f2a2d6cb
  • terminal.ansiBlack#bc8dab80
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#77e2b7
  • terminal.ansiBrightMagenta#ea8fea
  • terminal.ansiBrightRed#ff7b7b
  • terminal.ansiBrightWhite#ffb3f7
  • terminal.ansiBrightYellow#f7f79a
  • terminal.ansiCyan#75beff
  • terminal.ansiGreen#5afff7
  • terminal.ansiMagenta#ec34ec
  • terminal.ansiRed#ec3737
  • terminal.ansiWhite#f2a2d6
  • terminal.ansiYellow#e5e510
  • terminal.border#bc8dabc3
  • terminal.foreground#ffeeffbb
  • terminal.selectionBackground#f2a2d630
  • terminalCursor.background#f2a2d6
  • terminalCursor.foreground#f2a2d6
  • textLink.foreground#cfadff
  • titleBar.activeBackground#1a1b26
  • titleBar.activeForeground#ffd9f2
  • titleBar.border#bc8dab00
  • titleBar.inactiveBackground#bc8dab80
  • titleBar.inactiveForeground#20252c
  • tree.indentGuidesStroke#f2a2d67e
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#bc8dab80

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#ffa1a1d9
variable.other.generic-type.haskell#f2a2d6
storage.type.haskell#caa6fff9
support.variable.magic.python#ffa1a1d9
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f2a2d6dd
variable.parameter.function.language.special.self.python#90ffeafb
storage.modifier.lifetime.rust#f2a2d6dd
support.function.std.rust#96ddff
entity.name.lifetime.rust#90ffeafb
variable.language.rust#ffa1a1d9
support.constant.edge#f2a2d6
constant.other.character-class.regexp#ffa1a1d9
keyword.operator.quantifier.regexp#caa6fff9
punctuation.definition.string.begin,punctuation.definition.string.end#c5ffb0eb
variable.parameter.function#f2a2d6dd
comment markup.link#ab95a5
markup.changed.diff#90ffeafb
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#96ddff
markup.inserted.diff#c5ffb0eb
markup.deleted.diff#ffa1a1d9
meta.function.c,meta.function.cpp#ffa1a1d9
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#f2a2d6dd
punctuation.separator.key-value#f2a2d6dd
keyword.operator.expression.import#96ddff
support.constant.math#90ffeafb
support.constant.property.math#caa6fff9
variable.other.constant#90ffeafb
storage.type.annotation.java, storage.type.object.array.java#90ffeafb
source.java#ffa1a1d9
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#f2a2d6dd
meta.method.java#96ddff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#90ffeafb
keyword.operator.instanceof.java#f2a2d6
meta.definition.variable.name.java#ffa1a1d9
keyword.operator.logical#f2a2d6
keyword.operator.bitwise#f2a2d6
keyword.operator.channel#f2a2d6
support.constant.property-value.scss,support.constant.property-value.css#caa6fff9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f2a2d6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#caa6fff9
punctuation.separator.list.comma.css#f2a2d6dd
support.constant.color.w3c-standard-color-name.css#caa6fff9
support.type.vendored.property-name.css#f2a2d6
support.module.node,support.type.object.module,support.module.node#90ffeafb
entity.name.type.module#90ffeafb
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffa1a1d9
support.constant.json#caa6fff9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f2a2d6
support.type.object.console#ffa1a1d9
support.variable.property.process#caa6fff9
entity.name.function,support.function.console#96ddff
keyword.operator.misc.rust#f2a2d6dd
keyword.operator.sigil.rust#f2a2d6
keyword.operator.delete#f2a2d6
support.type.object.dom#f2a2d6
support.variable.dom,support.variable.property.dom#ffa1a1d9
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f2a2d6
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#f2a2d6
punctuation.separator.delimiter#f2a2d6dd
punctuation.separator.c,punctuation.separator.cpp#f2a2d6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f2a2d6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f2a2d6
variable.parameter.function.language.python#caa6fff9
support.type.python#f2a2d6
keyword.operator.logical.python#f2a2d6
variable.parameter.function.python#caa6fff9
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f2a2d6dd
meta.function-call.generic.python#96ddff
constant.character.format.placeholder.other.python#caa6fff9
keyword.operator#f2a2d6dd
keyword.operator.assignment.compound#f2a2d6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f2a2d6
keyword#f2a2d6
entity.name.namespace#90ffeafb
variable#ffa1a1d9
variable.c#f2a2d6dd
variable.language#90ffeafb
token.variable.parameter.java#f2a2d6dd
import.storage.java#90ffeafb
token.package.keyword#f2a2d6
token.package#f2a2d6dd
entity.name.function, meta.require, support.function.any-method, variable.function#96ddff
entity.name.type.namespace#90ffeafb
support.class, entity.name.type.class#90ffeafb
entity.name.class.identifier.namespace.type#90ffeafb
entity.name.class, variable.other.class.js, variable.other.class.ts#90ffeafb
variable.other.class.php#ffa1a1d9
entity.name.type#90ffeafb
keyword.control#f2a2d6
control.elements, keyword.operator.less#caa6fff9
keyword.other.special-method#96ddff
storage#f2a2d6
token.storage#f2a2d6
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#f2a2d6
token.storage.type.java#90ffeafb
support.function#f2a2d6
support.type.property-name#f2a2d6dd
support.constant.property-value#f2a2d6dd
support.constant.font-name#caa6fff9
meta.tag#f2a2d6dd
string#c5ffb0eb
entity.other.inherited-class#90ffeafb
constant.other.symbol#f2a2d6
constant.numeric#caa6fff9
constant#caa6fff9
punctuation.definition.constant#caa6fff9
entity.name.tag#ffa1a1d9
entity.other.attribute-name#caa6fff9
entity.other.attribute-name.id#96ddffnormal
entity.other.attribute-name.class.css#caa6fff9normal
meta.selector#f2a2d6
markup.heading#ffa1a1d9
markup.heading punctuation.definition.heading, entity.name.section#96ddff
keyword.other.unit#ffa1a1d9
markup.bold,todo.bold#caa6fff9
punctuation.definition.bold#90ffeafb
markup.italic, punctuation.definition.italic,todo.emphasis#f2a2d6
emphasis md#f2a2d6
entity.name.section.markdown#ffa1a1d9
punctuation.definition.heading.markdown#ffa1a1d9
punctuation.definition.list.begin.markdown#ffa1a1d9
markup.heading.setext#f2a2d6dd
punctuation.definition.bold.markdown#caa6fff9
markup.inline.raw.markdown#c5ffb0eb
markup.inline.raw.string.markdown#c5ffb0eb
punctuation.definition.list.markdown#ffa1a1d9
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffa1a1d9
beginning.punctuation.definition.list.markdown#ffa1a1d9
punctuation.definition.metadata.markdown#ffa1a1d9
markup.underline.link.markdown,markup.underline.link.image.markdown#f2a2d6
string.other.link.title.markdown,string.other.link.description.markdown#96ddff
string.regexp#f2a2d6
constant.character.escape#f2a2d6
punctuation.section.embedded, variable.interpolation#ffa1a1d9
punctuation.section.embedded.begin,punctuation.section.embedded.end#f2a2d6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f2a2d6dd
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffa1a1d9
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffa1a1d9
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#c5ffb0eb
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f2a2d6
support.type.property-name.json#ffa1a1d9
support.type.property-name.json punctuation#ffa1a1d9
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f2a2d6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f2a2d6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#90ffeafb
keyword.operator.error-control.php#f2a2d6
keyword.operator.type.php#f2a2d6
punctuation.section.array.begin.php#f2a2d6dd
punctuation.section.array.end.php#f2a2d6dd
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#90ffeafb
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#96ddff
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#f2a2d6dd
support.constant.core.rust#caa6fff9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#caa6fff9
entity.name.goto-label.php,support.other.php#96ddff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f2a2d6
keyword.operator.regexp.php#f2a2d6
keyword.operator.comparison.php#f2a2d6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f2a2d6
meta.function.decorator.python#96ddff
support.token.decorator.python,meta.function.decorator.identifier.python#f2a2d6
function.parameter#f2a2d6dd
function.brace#f2a2d6dd
function.parameter.ruby, function.parameter.cs#f2a2d6dd
constant.language.symbol.ruby#f2a2d6
rgb-value#f2a2d6
inline-color-decoration rgb-value#caa6fff9
less rgb-value#caa6fff9
selector.sass#ffa1a1d9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#90ffeafb
block.scope.end,block.scope.begin#f2a2d6dd
storage.type.cs#90ffeafb
entity.name.variable.local.cs#ffa1a1d9
token.info-token#96ddff
token.warn-token#caa6fff9
token.error-token#f44747
token.debug-token#f2a2d6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f2a2d6
meta.template.expression#f2a2d6dd
keyword.operator.module#f2a2d6
support.type.type.flowtype#96ddff
support.type.primitive#90ffeafb
meta.property.object#ffa1a1d9
variable.parameter.function.js#ffa1a1d9
keyword.other.template.begin#c5ffb0eb
keyword.other.template.end#c5ffb0eb
keyword.other.substitution.begin#c5ffb0eb
keyword.other.substitution.end#c5ffb0eb
keyword.operator.assignment#f2a2d6
keyword.operator.assignment.go#90ffeafb
keyword.operator.arithmetic.go, keyword.operator.address.go#f2a2d6
entity.name.package.go#90ffeafb
support.type.prelude.elm#f2a2d6
support.constant.elm#caa6fff9
punctuation.quasi.element#f2a2d6
constant.character.entity#ffa1a1d9
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f2a2d6
entity.global.clojure#90ffeafb
meta.symbol.clojure#ffa1a1d9
constant.keyword.clojure#f2a2d6
meta.arguments.coffee, variable.parameter.function.coffee#ffa1a1d9
source.ini#c5ffb0eb
meta.scope.prerequisites.makefile#ffa1a1d9
source.makefile#90ffeafb
storage.modifier.import.groovy#90ffeafb
meta.method.groovy#96ddff
meta.definition.variable.name.groovy#ffa1a1d9
meta.definition.class.inherited.classes.groovy#c5ffb0eb
support.variable.semantic.hlsl#90ffeafb
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#f2a2d6
text.variable, text.bracketed#ffa1a1d9
support.type.swift, support.type.vb.asp#90ffeafb
entity.name.function.xi#90ffeafb
entity.name.class.xi#f2a2d6
constant.character.character-class.regexp.xi#ffa1a1d9
constant.regexp.xi#f2a2d6
keyword.control.xi#f2a2d6
invalid.xi#f2a2d6dd
beginning.punctuation.definition.quote.markdown.xi#c5ffb0eb
beginning.punctuation.definition.list.markdown.xi#ab95a5
constant.character.xi#96ddff
accent.xi#96ddff
wikiword.xi#caa6fff9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ab95a5
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#90ffeafb
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffa1a1d9
meta.brace.square#f2a2d6dd
comment, punctuation.definition.comment#ab95a5italic
markup.quote.markdown#ab95a5
punctuation.definition.block.sequence.item.yaml#f2a2d6dd
constant.language.symbol.elixir#f2a2d6
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...