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#ffffff00
  • activityBar.background#f1f1ff
  • activityBar.border#ffffff00
  • activityBar.foreground#303030
  • activityBar.inactiveForeground#303030bf
  • activityBarBadge.background#c8b3f9
  • activityBarBadge.foreground#303030
  • badge.background#c8b3f9
  • badge.foreground#303030
  • breadcrumb.activeSelectionForeground#303030
  • breadcrumb.background#f5f5ff
  • breadcrumb.focusForeground#303030
  • breadcrumb.foreground#303030bf
  • button.background#fcae40
  • button.foreground#303030
  • button.hoverBackground#fcae40cc
  • button.secondaryBackground#ad95e966
  • button.secondaryForeground#303030bf
  • button.secondaryHoverBackground#ad95e959
  • checkbox.background#f5f5ff
  • checkbox.border#d6d3ef
  • checkbox.foreground#303030
  • debugExceptionWidget.background#f5f5ff
  • debugExceptionWidget.border#ffffff00
  • debugToolBar.background#f5f5ff
  • debugToolBar.border#ffffff00
  • diffEditor.border#aea5d666
  • diffEditor.insertedTextBackground#91d4a840
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#fcb5aa40
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#f5f5ff
  • dropdown.border#d6d3ef
  • dropdown.foreground#303030
  • editor.background#fafaff
  • editor.findMatchBackground#ad95e929
  • editor.findMatchBorder#aea5d666
  • editor.findMatchHighlightBackground#ad95e929
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ad95e929
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ad95e929
  • editor.foreground#303030bf
  • editor.hoverHighlightBackground#ad95e929
  • editor.inactiveSelectionBackground#ad95e929
  • editor.lineHighlightBackground#ad95e929
  • editor.lineHighlightBorder#aea5d666
  • editor.rangeHighlightBackground#ad95e95c
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ad95e929
  • editor.selectionHighlightBackground#ad95e929
  • editor.selectionHighlightBorder#aea5d666
  • editor.wordHighlightBackground#ad95e929
  • editor.wordHighlightBorder#aea5d666
  • editor.wordHighlightStrongBackground#ad95e929
  • editor.wordHighlightStrongBorder#aea5d666
  • editorBracketMatch.background#ad95e929
  • editorBracketMatch.border#aea5d666
  • editorCodeLens.foreground#303030bf
  • editorCursor.background#303030
  • editorCursor.foreground#3b00cdbf
  • editorError.background#ffffff00
  • editorError.foreground#a31700
  • editorGroup.border#b65151
  • editorGroupHeader.border#aea5d666
  • editorGroupHeader.tabsBackground#f1f1ff
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#91d4a8
  • editorGutter.background#fafaff
  • editorGutter.commentRangeForeground#30303099
  • editorGutter.deletedBackground#fcb5aa
  • editorGutter.foldingControlForeground#30303099
  • editorGutter.modifiedBackground#9dc7f1
  • editorHoverWidget.background#fafaff
  • editorHoverWidget.border#aea5d666
  • editorHoverWidget.foreground#303030bf
  • editorIndentGuide.activeBackground1#aea5d666
  • editorIndentGuide.background1#aea5d633
  • editorInfo.background#ffffff00
  • editorInfo.foreground#006cd8
  • editorLineNumber.activeForeground#303030bf
  • editorLineNumber.foreground#30303099
  • editorLink.activeForeground#5b3da6
  • editorMarkerNavigation.background#fafaff
  • editorMarkerNavigationError.background#fcb5aa
  • editorMarkerNavigationInfo.background#9dc7f1
  • editorMarkerNavigationWarning.background#e9be74
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#aea5d666
  • editorRuler.foreground#aea5d666
  • editorSuggestWidget.background#fafaff
  • editorSuggestWidget.border#aea5d666
  • editorSuggestWidget.foreground#303030bf
  • editorSuggestWidget.highlightForeground#583cac
  • editorSuggestWidget.selectedBackground#ad95e929
  • editorWarning.background#ffffff00
  • editorWarning.foreground#af551d
  • editorWhitespace.foreground#aea5d666
  • editorWidget.background#f5f5ff
  • editorWidget.foreground#303030bf
  • editorWidget.resizeBorder#fcae40
  • focusBorder#aea5d666
  • foreground#303030bf
  • icon.foreground#303030bf
  • input.background#f5f5ff
  • input.border#d6d3ef
  • input.foreground#303030
  • input.placeholderForeground#30303099
  • inputOption.activeBackground#ad95e929
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#303030bf
  • list.activeSelectionBackground#ad95e929
  • list.activeSelectionForeground#303030
  • list.dropBackground#ad95e929
  • list.focusBackground#ad95e929
  • list.focusForeground#303030
  • list.highlightForeground#583cac
  • list.hoverBackground#ad95e929
  • list.hoverForeground#303030
  • list.inactiveSelectionBackground#ad95e929
  • list.inactiveSelectionForeground#303030
  • listFilterWidget.background#fcae40
  • listFilterWidget.noMatchesOutline#ffffff00
  • listFilterWidget.outline#ffffff00
  • menu.background#f5f5ff
  • menu.border#ffffff00
  • menu.foreground#303030bf
  • menu.selectionBackground#ad95e929
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#303030
  • menu.separatorBackground#aea5d666
  • menubar.selectionBackground#ad95e929
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#8a5050
  • merge.commonContentBackground#8f7bbe1a
  • merge.commonHeaderBackground#8f7bbe33
  • merge.currentContentBackground#91d4a840
  • merge.currentHeaderBackground#91d4a8
  • merge.incomingContentBackground#7fb6ed40
  • merge.incomingHeaderBackground#9dc7f1
  • minimap.background#fafaff
  • minimap.errorHighlight#a31700
  • minimap.findMatchHighlight#ad95e929
  • minimap.selectionHighlight#ad95e929
  • minimap.warningHighlight#af551d
  • minimapGutter.addedBackground#91d4a8
  • minimapGutter.deletedBackground#fcb5aa
  • minimapGutter.modifiedBackground#9dc7f1
  • notificationCenter.border#ffffff00
  • notificationCenterHeader.background#f5f5ff
  • notificationCenterHeader.foreground#303030bf
  • notifications.background#f5f5ff
  • notifications.border#aea5d666
  • notifications.foreground#303030bf
  • notificationsErrorIcon.foreground#a31700
  • notificationsInfoIcon.foreground#006cd8
  • notificationsWarningIcon.foreground#af551d
  • notificationToast.border#ffffff00
  • panel.background#f1f1ff
  • panel.border#ffffff00
  • panelSection.border#aea5d666
  • panelTitle.activeBorder#303030
  • panelTitle.activeForeground#303030
  • panelTitle.inactiveForeground#303030bf
  • peekView.border#aea5d666
  • peekViewEditor.background#fafaff
  • peekViewEditor.matchHighlightBackground#ad95e929
  • peekViewEditor.matchHighlightBorder#aea5d666
  • peekViewEditorGutter.background#fafaff
  • peekViewResult.background#fafaff
  • peekViewResult.fileForeground#303030bf
  • peekViewResult.lineForeground#303030bf
  • peekViewResult.matchHighlightBackground#fcb5aa40
  • peekViewResult.selectionBackground#ad95e929
  • peekViewResult.selectionForeground#303030
  • peekViewTitle.background#fafaff
  • peekViewTitleDescription.foreground#303030bf
  • peekViewTitleLabel.foreground#303030
  • pickerGroup.border#aea5d666
  • pickerGroup.foreground#5b3da6
  • progressBar.background#fcae40
  • scrollbar.shadow#39266929
  • scrollbarSlider.activeBackground#ad95e933
  • scrollbarSlider.background#ad95e929
  • scrollbarSlider.hoverBackground#ad95e935
  • selection.background#ad95e929
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#303030bf
  • sideBar.background#f1f1ff
  • sideBar.border#ffffff00
  • sideBar.dropBackground#ad95e929
  • sideBar.foreground#303030bf
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#303030bf
  • sideBarTitle.foreground#303030bf
  • statusBar.background#f1f1ff
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#fcae40
  • statusBar.debuggingBorder#ffffff00
  • statusBar.debuggingForeground#303030
  • statusBar.foreground#303030bf
  • statusBar.noFolderBackground#c8b3f9
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#303030
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.hoverBackground#ad95e929
  • statusBarItem.remoteBackground#fcae40
  • statusBarItem.remoteForeground#303030
  • tab.activeBackground#f5f5ff
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#303030
  • tab.border#aea5d666
  • tab.hoverBackground#f5f5ff
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#303030
  • tab.inactiveBackground#f1f1ff
  • tab.inactiveForeground#303030bf
  • terminal.ansiBlack#303030
  • terminal.ansiBlue#006cd8
  • terminal.ansiBrightBlack#303030bf
  • terminal.ansiBrightBlue#006cd8bf
  • terminal.ansiBrightCyan#00798abf
  • terminal.ansiBrightGreen#0a7f3dbf
  • terminal.ansiBrightMagenta#583cacbf
  • terminal.ansiBrightRed#a31700bf
  • terminal.ansiBrightWhite#30303066
  • terminal.ansiBrightYellow#af551dbf
  • terminal.ansiCyan#00798a
  • terminal.ansiGreen#0a7f3d
  • terminal.ansiMagenta#583cac
  • terminal.ansiRed#a31700
  • terminal.ansiWhite#30303099
  • terminal.ansiYellow#af551d
  • terminal.border#aea5d666
  • terminal.foreground#303030
  • terminal.selectionBackground#ad95e929
  • terminalCursor.background#ad95e929
  • terminalCursor.foreground#303030
  • textLink.activeForeground#1d6ebe
  • textLink.foreground#165390
  • titleBar.activeBackground#f1f1ff
  • titleBar.activeForeground#303030bf
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#f1f1ff
  • titleBar.inactiveForeground#303030bf
  • tree.indentGuidesStroke#aea5d666
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#39266929

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