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#9a9a9a
  • activityBar.background#ffffff
  • activityBar.border#9a9a9a
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#64484860
  • activityBarBadge.background#0a805d
  • activityBarBadge.foreground#ffffff
  • badge.background#0a805d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#0a805d
  • button.foreground#ffffff
  • button.hoverBackground#000000
  • button.secondaryBackground#e9a700
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#000000
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#000000
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#9a9a9a
  • diffEditor.insertedTextBackground#0a805d2a
  • diffEditor.removedTextBackground#e7000b1c
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#000000
  • editor.background#ffffff
  • editor.findMatchBackground#9a9a9a3f
  • editor.findMatchBorder#000000
  • editor.findMatchHighlightBackground#9a9a9a3f
  • editor.findMatchHighlightBorder#000000
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#e7000b80
  • editor.foreground#000000
  • editor.hoverHighlightBackground#ffffff15
  • editor.inactiveSelectionBackground#e9a70078
  • editor.lineHighlightBackground#e9a70062
  • editor.lineHighlightBorder#9a9a9a
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffb70040
  • editor.selectionHighlightBackground#9a9a9aaa
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#e9a700
  • editorBracketMatch.border#00000085
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#2a2a2a
  • editorError.background#b73a341c
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#9a9a9a
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#f2f2f3
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#0a805d
  • editorGutter.background#22222200
  • editorGutter.commentRangeForeground#0a805d
  • editorGutter.deletedBackground#e7000b
  • editorGutter.foldingControlForeground#0a805d
  • editorGutter.modifiedBackground#2e3192
  • editorHoverWidget.background#F2F2F3
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#000000
  • editorIndentGuide.activeBackground1#9a9a9a
  • editorIndentGuide.background1#0a805d
  • editorInfo.background#4490bf2e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e7000b
  • editorLineNumber.foreground#0a805d
  • editorLink.activeForeground#e25600
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e7000b
  • editorMarkerNavigationInfo.background#0a805d
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#9a9a9a
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#9a9a9a
  • editorSuggestWidget.foreground#040404
  • editorSuggestWidget.highlightForeground#0a805d
  • editorSuggestWidget.selectedBackground#cfcbcb
  • editorWarning.background#a9904030
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#9a9a9a
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#9a9a9a
  • foreground#000000
  • gitDecoration.addedResourceForeground#0a805d
  • gitDecoration.conflictingResourceForeground#a855f7
  • gitDecoration.deletedResourceForeground#e7000b
  • gitDecoration.ignoredResourceForeground#9a9a9a
  • gitDecoration.modifiedResourceForeground#e25600
  • gitDecoration.stageDeletedResourceForeground#e7000b
  • gitDecoration.stageModifiedResourceForeground#e25600
  • gitDecoration.submoduleResourceForeground#0d94fa
  • gitDecoration.untrackedResourceForeground#0a805d
  • icon.foreground#000000
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#000000
  • input.placeholderForeground#767676
  • inputOption.activeBackground#e7000b
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#9a9a9a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#f2f2f3
  • list.focusBackground#ffffff
  • list.focusForeground#000000
  • list.highlightForeground#0a805d
  • list.hoverBackground#9a9a9a
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#9a9a9a
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#e9a700
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0a805d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#f2f2f3
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#94c9b9
  • merge.currentHeaderBackground#0a805d
  • merge.incomingContentBackground#fbdf97
  • merge.incomingHeaderBackground#e9a700
  • minimap.background#ffffff
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#e7000c86
  • minimap.selectionHighlight#ffb70040
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#0a805d
  • minimapGutter.deletedBackground#e7000b
  • minimapGutter.modifiedBackground#2e3192
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e7000b
  • notificationsInfoIcon.foreground#0a805d
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#9a9a9a
  • panelSection.border#9a9a9a
  • panelTitle.activeBorder#9a9a9a
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#9a9a9a
  • peekView.border#000000
  • peekViewEditor.background#ffffff
  • peekViewEditor.matchHighlightBackground#e9a70038
  • peekViewEditor.matchHighlightBorder#e9a700
  • peekViewEditorGutter.background#e0e0e0
  • peekViewResult.background#ececec
  • peekViewResult.fileForeground#000000
  • peekViewResult.lineForeground#e7000b
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#0a805d3e
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#e9a700
  • peekViewTitleDescription.foreground#000000
  • peekViewTitleLabel.foreground#000000
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0a805d
  • progressBar.background#0a805d
  • scrollbar.shadow#9a9a9a
  • scrollbarSlider.activeBackground#e9a700
  • scrollbarSlider.background#9a9a9a
  • scrollbarSlider.hoverBackground#9a9a9a
  • selection.background#e9a700
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#ffffff
  • sideBar.border#9a9a9a
  • sideBar.dropBackground#f2f2f3
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#ffffff
  • sideBarSectionHeader.border#9a9a9a
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#e9a700
  • statusBar.debuggingBackground#0a805d
  • statusBar.debuggingForeground#0E0E10
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#e7000b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0E0E101a
  • statusBarItem.remoteBackground#e9a700
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#7D7D7D
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#00000000
  • tab.hoverBackground#5d5d5d
  • tab.inactiveBackground#9A9A9A
  • tab.inactiveForeground#000000
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#9a9a9a
  • terminal.foreground#333333
  • terminal.selectionBackground#9a9a9a3e
  • terminalCursor.background#e9a700
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0a805d
  • titleBar.activeBackground#F2F2F3
  • titleBar.activeForeground#000000
  • titleBar.border#9a9a9a
  • titleBar.inactiveBackground#9a9a9aa0
  • titleBar.inactiveForeground#000000
  • tree.indentGuidesStroke#9a9a9a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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