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#ff600000
  • activityBar.background#0C3947
  • activityBar.border#ff930700
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#2A5653
  • activityBarBadge.background#ff6e05
  • activityBarBadge.foreground#242543
  • badge.background#ff6e05
  • badge.foreground#474747
  • breadcrumb.activeSelectionForeground#ffa700
  • breadcrumb.background#0F434F
  • breadcrumb.focusForeground#ffa700
  • breadcrumb.foreground#6FD26D
  • button.background#ffbf00
  • button.foreground#7b7b7b
  • button.hoverBackground#ffffff
  • button.secondaryBackground#ff5400
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#7254ff
  • checkbox.background#3c3c3c
  • checkbox.border#4b4b4b76
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#0C3947
  • debugExceptionWidget.border#ff3c002e
  • debugToolBar.background#0C3947
  • debugToolBar.border#ff3c002e
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#8f6fff33
  • diffEditor.insertedTextBorder#322a2a00
  • diffEditor.removedTextBackground#0C3947
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#3c3c3c
  • dropdown.border#4b4b4b76
  • dropdown.foreground#cccccc
  • editor.background#104855
  • editor.findMatchBackground#0C3947
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#0C3947
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#0C3947
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ff7815
  • editor.hoverHighlightBackground#0C3947
  • editor.inactiveSelectionBackground#2A5653
  • editor.lineHighlightBackground#07013022
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#fff6c71e
  • editor.selectionHighlightBackground#0C3947
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#0C3947
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#0C3947
  • editor.wordHighlightStrongBorder#07013000
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#fdfdfd
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#6f2f22
  • editorGroup.border#1c233600
  • editorGroup.emptyBackground#2A5653
  • editorGroupHeader.border#be535300
  • editorGroupHeader.tabsBackground#0F434F
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#cd55f9
  • editorGutter.background#104855
  • editorGutter.commentRangeForeground#ff5400
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#ff5400
  • editorGutter.modifiedBackground#5a4dfb
  • editorHoverWidget.background#0C3947
  • editorHoverWidget.border#fd56051e
  • editorHoverWidget.foreground#6164bc
  • editorIndentGuide.activeBackground#549C5E
  • editorIndentGuide.background#0C3947
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff6326
  • editorLineNumber.foreground#549C5E
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#0C3947
  • editorMarkerNavigationError.background#ea71f4
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#a55f5f00
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#41414052
  • editorSuggestWidget.background#0C3947
  • editorSuggestWidget.border#ff401438
  • editorSuggestWidget.foreground#ff3c00
  • editorSuggestWidget.highlightForeground#ffc85e
  • editorSuggestWidget.selectedBackground#2A5653
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#eaeae8
  • editorWhitespace.foreground#ff550195
  • editorWidget.background#0C3947
  • editorWidget.foreground#8a8a8a
  • editorWidget.resizeBorder#b06b21
  • focusBorder#ffb3234c
  • foreground#ffcb00
  • gitDecoration.addedResourceForeground#6fff8a
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffa51e
  • gitDecoration.stageDeletedResourceForeground#e42402
  • gitDecoration.stageModifiedResourceForeground#a56300
  • gitDecoration.submoduleResourceForeground#3ba1ff
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffcb00
  • input.background#3c3c3c
  • input.border#4b4b4b76
  • input.foreground#cccccc
  • input.placeholderForeground#fff8f8
  • inputOption.activeBackground#0C3947
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#8e8e8e
  • list.activeSelectionBackground#ffffff
  • list.activeSelectionForeground#717171
  • list.dropBackground#2A5653
  • list.focusBackground#5f5c82
  • list.focusForeground#cccccc
  • list.highlightForeground#f76c36
  • list.hoverBackground#d98032b9
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ffffff
  • list.inactiveSelectionForeground#3d3d3d
  • listFilterWidget.background#ff6a29ad
  • listFilterWidget.noMatchesOutline#f07922b5
  • listFilterWidget.outline#00000000
  • menu.background#104855
  • menu.border#24395a0e
  • menu.foreground#3461e6
  • menu.selectionBackground#094771
  • menu.selectionBorder#1b1a0c14
  • menu.selectionForeground#f55f32
  • menu.separatorBackground#ffb70c0a
  • menubar.selectionBackground#104855
  • menubar.selectionBorder#ff5d1e
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#f7f1f1
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#122420
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2A5653
  • minimap.errorHighlight#6f2f22
  • minimap.findMatchHighlight#0C3947
  • minimap.selectionHighlight#fff6c71e
  • minimap.warningHighlight#eaeae8
  • minimapGutter.addedBackground#cd55f9
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#5a4dfb
  • notificationCenter.border#ff430a2a
  • notificationCenterHeader.background#2A5653
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0C3947
  • notifications.border#2a2a32
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#fb2c02
  • notificationsInfoIcon.foreground#00ffcf
  • notificationsWarningIcon.foreground#f78b00
  • notificationToast.border#ff6b3228
  • panel.background#0C3947
  • panel.border#ff480000
  • panelSection.border#64599b64
  • panelTitle.activeBorder#ff5847
  • panelTitle.activeForeground#ffdd55
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#ff600026
  • peekViewEditor.background#2A5653
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#ff480081
  • peekViewEditorGutter.background#2A5653
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#909090
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ead0008d
  • peekViewResult.selectionBackground#ff6c009f
  • peekViewResult.selectionForeground#060606
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00000002
  • pickerGroup.foreground#eaeaea
  • progressBar.background#ff880a
  • scrollbar.shadow#262947
  • scrollbarSlider.activeBackground#2A5653
  • scrollbarSlider.background#2A5653
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#ffd7007c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffcb00
  • sideBar.background#275a66
  • sideBar.border#21233000
  • sideBar.dropBackground#2A5653
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0C3947
  • statusBar.debuggingBackground#191412
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#6FD26D
  • statusBar.noFolderBackground#1b1c32
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#A0FFB3
  • statusBarItem.remoteForeground#171717
  • tab.activeBackground#0C3947
  • tab.activeBorder#ffd70066
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffa700
  • tab.border#68553000
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#0F434F
  • tab.inactiveForeground#6FD26D
  • terminal.ansiBlack#362f2f
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#2e2e2e
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#ff7171
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#ff5454
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#e59c10
  • terminal.border#64599b64
  • terminal.foreground#a3a3a3
  • terminal.selectionBackground#34436074
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ff4a13
  • textLink.foreground#3794ff
  • titleBar.activeBackground#007C72
  • titleBar.activeForeground#6FD26D
  • titleBar.border#00000000
  • titleBar.inactiveBackground#007C72
  • titleBar.inactiveForeground#6FD26D
  • tree.indentGuidesStroke#ff780042
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ff600032

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