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.background#1E1E2E
  • activityBar.border#5EF5D126
  • activityBar.foreground#E4E8F0
  • activityBar.inactiveForeground#7A8097
  • activityBarBadge.background#5EF5D1
  • activityBarBadge.foreground#1E1E2E
  • badge.background#9AF580
  • badge.foreground#1E1E2E
  • breadcrumb.activeSelectionForeground#E4E8F0
  • breadcrumb.background#1E1E2E
  • breadcrumb.focusForeground#E4E8F0
  • breadcrumb.foreground#B0B7D1
  • button.background#5EF5D1
  • button.foreground#1E1E2E
  • button.hoverBackground#8EF5CE
  • button.secondaryBackground#313244
  • button.secondaryForeground#E4E8F0
  • button.secondaryHoverBackground#45475A
  • checkbox.background#313244
  • checkbox.border#6B75A2
  • checkbox.foreground#E4E8F0
  • debugExceptionWidget.background#252537
  • debugExceptionWidget.border#313244
  • debugToolBar.background#252537
  • debugToolBar.border#313244
  • diffEditor.border#313244
  • diffEditor.insertedTextBackground#9AF58033
  • diffEditor.removedTextBackground#FF7A8A33
  • dropdown.background#313244
  • dropdown.border#6B75A2
  • dropdown.foreground#E4E8F0
  • editor.background#1E1E2E
  • editor.findMatchBackground#6FE9F544
  • editor.findMatchBorder#5EF5D155
  • editor.findMatchHighlightBackground#5EF5D155
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#292B3A66
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#252537
  • editor.foreground#E4E8F0
  • editor.hoverHighlightBackground#313244
  • editor.inactiveSelectionBackground#292B3A
  • editor.lineHighlightBackground#292B3A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#292B3A
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#313244
  • editor.selectionHighlightBackground#31324488
  • editor.selectionHighlightBorder#45475A
  • editor.wordHighlightBackground#31324488
  • editor.wordHighlightStrongBackground#45475A
  • editorBracketMatch.background#313244
  • editorBracketMatch.border#5EF5D1
  • editorCodeLens.foreground#7A8097
  • editorCursor.background#1E1E2E
  • editorCursor.foreground#6FE9F5
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#FF7A8A
  • editorGroup.border#5EF5D126
  • editorGroup.emptyBackground#1E1E2E
  • editorGroupHeader.border#313244
  • editorGroupHeader.tabsBackground#252537
  • editorGroupHeader.tabsBorder#313244
  • editorGutter.addedBackground#9AF580
  • editorGutter.background#1E1E2E
  • editorGutter.commentRangeForeground#B0B7D1
  • editorGutter.deletedBackground#FF7A8A
  • editorGutter.foldingControlForeground#B0B7D1
  • editorGutter.modifiedBackground#5EF5D1
  • editorHoverWidget.background#252537
  • editorHoverWidget.border#5EF5D1
  • editorHoverWidget.foreground#E4E8F0
  • editorIndentGuide.activeBackground#7A8097
  • editorIndentGuide.background#45475A
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#5EF5D1
  • editorLineNumber.activeForeground#B0B7D1
  • editorLineNumber.foreground#7A8097
  • editorLink.activeForeground#5EF5D1
  • editorMarkerNavigation.background#252537
  • editorMarkerNavigationError.background#FF7A8A
  • editorMarkerNavigationInfo.background#5EF5D1
  • editorMarkerNavigationWarning.background#FFE085
  • editorOverviewRuler.background#1E1E2E
  • editorOverviewRuler.border#1E1E2E
  • editorRuler.foreground#45475A
  • editorSuggestWidget.background#252537
  • editorSuggestWidget.border#5EF5D1
  • editorSuggestWidget.foreground#E4E8F0
  • editorSuggestWidget.highlightForeground#5EF5D1
  • editorSuggestWidget.selectedBackground#313244
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#FFE085
  • editorWhitespace.foreground#45475A99
  • editorWidget.background#252537
  • editorWidget.foreground#E4E8F0
  • editorWidget.resizeBorder#5EF5D1
  • focusBorder#6FE9F5
  • foreground#E4E8F0
  • gitDecoration.addedResourceForeground#9AF580
  • gitDecoration.conflictingResourceForeground#FFE085
  • gitDecoration.deletedResourceForeground#FF7A8A
  • gitDecoration.ignoredResourceForeground#7A8097
  • gitDecoration.modifiedResourceForeground#5EF5D1
  • gitDecoration.stageDeletedResourceForeground#FF7A8A
  • gitDecoration.stageModifiedResourceForeground#5EF5D1
  • gitDecoration.submoduleResourceForeground#7CC7FF
  • gitDecoration.untrackedResourceForeground#9AF580
  • icon.foreground#E4E8F0
  • input.background#313244
  • input.border#5EF5D1
  • input.foreground#E4E8F0
  • input.placeholderForeground#7A8097
  • inputOption.activeBackground#45475A
  • inputOption.activeBorder#5EF5D1
  • inputOption.activeForeground#E4E8F0
  • keybindingLabel.background#3e3e42
  • keybindingLabel.border#ffffff1a
  • keybindingLabel.bottomBorder#5EF5D1
  • keybindingLabel.foreground#ffffff
  • list.activeSelectionBackground#313244
  • list.activeSelectionForeground#5EF5D1
  • list.dropBackground#313244
  • list.focusBackground#313244
  • list.focusForeground#5EF5D1
  • list.highlightForeground#9AF580
  • list.hoverBackground#313244
  • list.hoverForeground#E4E8F0
  • list.inactiveSelectionBackground#292B3A
  • list.inactiveSelectionForeground#E4E8F0
  • listFilterWidget.background#313244
  • listFilterWidget.noMatchesOutline#FF7A8A
  • listFilterWidget.outline#6FE9F5
  • menu.background#252537
  • menu.border#5EF5D1
  • menu.foreground#E4E8F0
  • menu.selectionBackground#313244
  • menu.selectionBorder#5EF5D1
  • menu.selectionForeground#5EF5D1
  • menu.separatorBackground#45475A
  • menubar.selectionBackground#313244
  • menubar.selectionForeground#5EF5D1
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1E1E2E
  • minimap.errorHighlight#FF7A8A
  • minimap.findMatchHighlight#6FE9F544
  • minimap.selectionHighlight#313244
  • minimap.warningHighlight#FFE085
  • minimapGutter.addedBackground#9AF580
  • minimapGutter.deletedBackground#FF7A8A
  • minimapGutter.modifiedBackground#5EF5D1
  • notifications.background#252537
  • notifications.border#5EF5D1
  • notifications.foreground#E4E8F0
  • notificationsErrorIcon.foreground#FF7A8A
  • notificationsInfoIcon.foreground#5EF5D1
  • notificationsWarningIcon.foreground#FFE085
  • notificationToast.border#5EF5D1
  • panel.background#252537
  • panel.border#5EF5D126
  • panelSection.border#5EF5D126
  • panelTitle.activeBorder#E4E8F0
  • panelTitle.activeForeground#E4E8F0
  • panelTitle.inactiveForeground#7A8097
  • peekView.border#5EF5D1
  • peekViewEditor.background#1E1E2E
  • peekViewEditor.matchHighlightBackground#5EF5D155
  • peekViewEditor.matchHighlightBorder#5EF5D1
  • peekViewEditorGutter.background#1E1E2E
  • peekViewResult.background#252537
  • peekViewResult.fileForeground#E4E8F0
  • peekViewResult.lineForeground#B0B7D1
  • peekViewResult.matchHighlightBackground#5EF5D155
  • peekViewResult.selectionBackground#313244
  • peekViewResult.selectionForeground#E4E8F0
  • peekViewTitle.background#252537
  • peekViewTitleDescription.foreground#7A8097
  • peekViewTitleLabel.foreground#E4E8F0
  • pickerGroup.border#5EF5D1
  • pickerGroup.foreground#5EF5D1
  • progressBar.background#5EF5D1
  • scrollbar.shadow#00000033
  • scrollbarSlider.activeBackground#7A8097
  • scrollbarSlider.background#45475A88
  • scrollbarSlider.hoverBackground#585B70
  • selection.background#313244
  • settings.focusedRowBackground#292B3A
  • settings.headerForeground#E4E8F0
  • sideBar.background#252537
  • sideBar.border#5EF5D126
  • sideBar.dropBackground#313244
  • sideBar.foreground#C5CCE4
  • sideBarSectionHeader.background#313244
  • sideBarSectionHeader.border#45475A
  • sideBarSectionHeader.foreground#E4E8F0
  • sideBarTitle.foreground#E4E8F0
  • statusBar.background#1E1E2E
  • statusBar.border#5EF5D126
  • statusBar.debuggingBackground#FF7A8A
  • statusBar.debuggingForeground#1E1E2E
  • statusBar.foreground#B0B7D1
  • statusBar.noFolderBackground#1E1E2E
  • statusBar.noFolderForeground#B0B7D1
  • statusBarItem.activeBackground#45475A
  • statusBarItem.hoverBackground#313244
  • statusBarItem.remoteBackground#5EF5D1
  • statusBarItem.remoteForeground#1E1E2E
  • tab.activeBackground#1E1E2E
  • tab.activeBorder#1E1E2E
  • tab.activeBorderTop#5EF5D1
  • tab.activeForeground#E4E8F0
  • tab.border#5EF5D126
  • tab.hoverBackground#313244
  • tab.hoverBorder#313244
  • tab.hoverForeground#E4E8F0
  • tab.inactiveBackground#252537
  • tab.inactiveForeground#7A8097
  • terminal.ansiBlack#1E1E2E
  • terminal.ansiBlue#7CC7FF
  • terminal.ansiBrightBlack#7A8097
  • terminal.ansiBrightBlue#7CC7FF
  • terminal.ansiBrightCyan#5EF5D1
  • terminal.ansiBrightGreen#9AF580
  • terminal.ansiBrightMagenta#D09EFF
  • terminal.ansiBrightRed#FF7A8A
  • terminal.ansiBrightWhite#E4E8F0
  • terminal.ansiBrightYellow#FFE085
  • terminal.ansiCyan#5EF5D1
  • terminal.ansiGreen#9AF580
  • terminal.ansiMagenta#D09EFF
  • terminal.ansiRed#FF7A8A
  • terminal.ansiWhite#C5CCE4
  • terminal.ansiYellow#FFE085
  • terminal.border#313244
  • terminal.foreground#E4E8F0
  • terminal.selectionBackground#313244
  • terminalCursor.background#1E1E2E
  • terminalCursor.foreground#6FE9F5
  • textLink.foreground#5EF5D1
  • titleBar.activeBackground#1E1E2E
  • titleBar.activeForeground#E4E8F0
  • titleBar.border#5EF5D126
  • titleBar.inactiveBackground#1E1E2E
  • titleBar.inactiveForeground#7A8097
  • tree.indentGuidesStroke#7A8097
  • walkThrough.embeddedEditorBackground#252537
  • widget.border#5EF5D1
  • widget.shadow#00000033

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#B0B7D1
variable.other.generic-type.haskell#D09EFF
storage.type.haskell#D09EFF
support.variable.magic.python#FF7A8A
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#B0B7D1
variable.parameter.function.language.special.self.python#6FE9F5italic
storage.modifier.lifetime.rust#B0B7D1
support.function.std.rust#5EF5D1
entity.name.lifetime.rust#C1CCE8
variable.language.rust#FF7A8A
support.constant.edge#D09EFF
constant.other.character-class.regexp#FF7A8A
keyword.operator.quantifier.regexp#D09EFF
punctuation.definition.string.begin,punctuation.definition.string.end#9AF580
variable.parameter.function#C1CCE8italic
comment markup.link#9BAFAF
markup.changed.diff#5EF5D1
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#7CC7FF
markup.inserted.diff#9AF580
markup.deleted.diff#FF7A8A
meta.function.c,meta.function.cpp#FF7A8A
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#B0B7D1
punctuation.separator.key-value#B0B7D1
keyword.operator.expression.import#7CC7FF
support.constant.math#C1CCE8
support.constant.property.math#D09EFF
variable.other.constant#C1CCE8
storage.type.annotation.java, storage.type.object.array.java#C1CCE8
source.java#FF7A8A
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#B0B7D1
meta.method.java#7CC7FF
storage.modifier.import.java,storage.type.java,storage.type.generic.java#C1CCE8
keyword.operator.instanceof.java#D09EFF
meta.definition.variable.name.java#FF7A8A
keyword.operator.logical#6FE9F5
keyword.operator.bitwise#6FE9F5
keyword.operator.channel#6FE9F5
support.constant.property-value.scss,support.constant.property-value.css#9AF580
keyword.operator.css,keyword.operator.scss,keyword.operator.less#6FE9F5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#9AF580
punctuation.separator.list.comma.css#B0B7D1
support.constant.color.w3c-standard-color-name.css#9AF580
support.type.vendored.property-name.css#6FE9F5
support.module.node,support.type.object.module,support.module.node#8EF5CE
entity.name.type.module#8EF5CE
variable.other.readwrite,support.variable.object.process,support.variable.object.node#E4E8F0
meta.object-literal.key,support.variable.property#B4BEFE
support.constant.json#D09EFF
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#7CC7FF
support.type.object.console#8EF5CE
support.variable.property.process#D09EFF
entity.name.function,support.function.console#5EF5D1
keyword.operator.misc.rust#B0B7D1
keyword.operator.sigil.rust#D09EFF
keyword.operator.delete#D09EFF
support.type.object.dom#6FE9F5
support.variable.dom,support.variable.property.dom#C1CCE8
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#6FE9F5
support.type.property-name.json#B4BEFE
string.quoted.double.json#9AF580
constant.numeric.json#D09EFF
constant.language.boolean.json#D09EFF
constant.language.null.json#D09EFF
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#D09EFF
punctuation.separator.delimiter#B0B7D1
punctuation.separator.c,punctuation.separator.cpp#B0B7D1
support.type.posix-reserved.c,support.type.posix-reserved.cpp#6FE9F5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#D09EFF
variable.parameter.function.language.python#C1CCE8italic
support.type.python#6FE9F5
keyword.operator.logical.python#D09EFF
variable.parameter.function.python#C1CCE8italic
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#B0B7D1
meta.function-call.generic.python#5EF5D1
constant.character.format.placeholder.other.python#9AF580
keyword.operator#6FE9F5
keyword.operator.assignment.compound#D09EFF
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#6FE9F5
keyword#7CC7FFbold
entity.name.namespace#8EF5CEbold
variable#E4E8F0
variable.c#E4E8F0
variable.language#6FE9F5italic
token.variable.parameter.java#E4E8F0
import.storage.java#8EF5CE
token.package.keyword#7CC7FF
token.package#E4E8F0
entity.name.function, meta.require, support.function.any-method, variable.function#5EF5D1bold
entity.name.type.namespace#8EF5CEbold
support.class, entity.name.type.class#8EF5CEbold
entity.name.class.identifier.namespace.type#8EF5CEbold
entity.name.class, variable.other.class.js, variable.other.class.ts#8EF5CEbold
entity.name.type#8EF5CEbold
keyword.control#7CC7FFbold
control.elements, keyword.operator.less#D09EFF
keyword.other.special-method#5EF5D1
storage#7CC7FFbold
token.storage#7CC7FFbold
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#7CC7FF
token.storage.type.java#8EF5CE
support.function#6FE9F5
support.type.property-name#E4E8F0
support.constant.property-value#E4E8F0
support.constant.font-name#D09EFF
meta.tag#B0B7D1
string#9AF580
entity.other.inherited-class#8EF5CE
constant.other.symbol#6FE9F5
constant.numeric#D09EFF
constant#D09EFF
punctuation.definition.constant#D09EFF
entity.name.tag#7CC7FFbold
entity.other.attribute-name#5EF5D1
entity.other.attribute-name.id#5EF5D1normal
entity.other.attribute-name.class.css#B4BEFEnormal
meta.selector#B4BEFE
markup.heading#5EF5D1bold
markup.heading punctuation.definition.heading, entity.name.section#5EF5D1bold
keyword.other.unit#FF7A8A
markup.bold,todo.bold#9AF580bold
punctuation.definition.bold#9AF580bold
markup.italic, punctuation.definition.italic,todo.emphasis#5EF5D1italic
emphasis md#5EF5D1italic
entity.name.section.markdown#5EF5D1bold
punctuation.definition.heading.markdown#5EF5D1bold
punctuation.definition.list.begin.markdown#7CC7FF
markup.heading.setext#E4E8F0
punctuation.definition.bold.markdown#9AF580bold
markup.inline.raw.markdown,markup.inline.raw.string.markdown#9AF580
punctuation.definition.list.markdown#7CC7FF
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#7CC7FF
beginning.punctuation.definition.list.markdown#7CC7FF
punctuation.definition.metadata.markdown#7CC7FF
markup.underline.link.markdown,markup.underline.link.image.markdown#7CC7FF
string.other.link.title.markdown,string.other.link.description.markdown#7CC7FF
string.regexp#6FE9F5
constant.character.escape#6FE9F5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#B0B7D1
meta.template.expression#E4E8F0
keyword.operator.module#7CC7FF
support.type.type.flowtype#7CC7FF
support.type.primitive#8EF5CE
meta.property.object#B4BEFE
variable.parameter.function.js#C1CCE8italic
keyword.other.template.begin#9AF580
keyword.other.template.end#9AF580
keyword.other.substitution.begin#B0B7D1
keyword.other.substitution.end#B0B7D1
keyword.operator.assignment#6FE9F5
keyword.operator.assignment.go#8EF5CE
keyword.operator.arithmetic.go, keyword.operator.address.go#D09EFF
entity.name.package.go#8EF5CE
support.type.prelude.elm#6FE9F5
support.constant.elm#D09EFF
punctuation.quasi.element#D09EFF
constant.character.entity#FF7A8A
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#6FE9F5
entity.global.clojure#8EF5CE
meta.symbol.clojure#E4E8F0
constant.keyword.clojure#6FE9F5
meta.arguments.coffee, variable.parameter.function.coffee#E4E8F0
source.ini#9AF580
meta.scope.prerequisites.makefile#FF7A8A
source.makefile#8EF5CE
storage.modifier.import.groovy#8EF5CE
meta.method.groovy#5EF5D1
meta.definition.variable.name.groovy#E4E8F0
meta.definition.class.inherited.classes.groovy#9AF580
support.variable.semantic.hlsl#8EF5CE
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl#D09EFF
text.variable, text.bracketed#E4E8F0
support.type.swift, support.type.vb.asp#8EF5CE
entity.name.function.xi#8EF5CE
entity.name.class.xi#6FE9F5
constant.character.character-class.regexp.xi#FF7A8A
constant.regexp.xi#D09EFF
keyword.control.xi#6FE9F5
invalid.xi#B0B7D1
beginning.punctuation.definition.quote.markdown.xi#9AF580
beginning.punctuation.definition.list.markdown.xi#9BAFAF
constant.character.xi#7CC7FF
accent.xi#7CC7FF
wikiword.xi#D09EFF
constant.other.color.rgb-value.xi#E4E8F0
punctuation.definition.tag.xi#9BAFAF
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#8EF5CE
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#FF7A8A
meta.brace.square#B0B7D1
comment, punctuation.definition.comment#9BAFAFitalic
markup.quote.markdown#9BAFAFitalic
punctuation.definition.block.sequence.item.yaml#B0B7D1
constant.language.symbol.elixir#6FE9F5
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
variable.other.php, punctuation.definition.variable.php#FF7A8A
entity.name.function.php, support.function.php#5EF5D1
entity.name.type.class.php, support.class.php#8EF5CE
constant.language.php, variable.other.constant.php#D09EFF
keyword.operator.arithmetic.php, keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.object.php, keyword.operator.increment-decrement.php, keyword.operator.scope-resolution.php#6FE9F5
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#7CC7FFbold
punctuation.terminator.expression.php#B0B7D1
variable.other.ruby#FF7A8A
entity.name.type.class.ruby#8EF5CEbold
constant.other.symbol.hashkey.ruby#9AF580
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell#FF7A8A
support.function.builtin.shell, entity.name.command.shell#5EF5D1bold
variable.other.readwrite.powershell#FF7A8A
support.function.powershell#5EF5D1bold
variable.other.lua#E4E8F0
entity.name.function.lua#5EF5D1bold
support.type.graphql, entity.name.type.graphql#8EF5CEbold
variable.graphql#E4E8F0
entity.name.tag.yaml#D09EFFbold
entity.name.tag.xml#7CC7FFbold
entity.name.type.class.kotlin#8EF5CEbold
entity.name.function.kotlin#5EF5D1bold
entity.name.class.scala#8EF5CEbold
keyword.other.dockerfile#7CC7FFbold
variable.other.readwrite.batch#FF7A8A
support.function.section.latex#8EF5CEbold
entity.name.type.class.cs#8EF5CEbold
support.class.dart#8EF5CEbold
variable.other.property.dart#D09EFF
entity.name.function.r, variable.function.r#5EF5D1bold
variable.other.readwrite.global.perl#FF7A8A
keyword.control.blade#7CC7FFbold
string.quoted.single.twig, string.quoted.double.twig#9AF580
entity.name.type.resource.terraform#8EF5CEbold
variable.other.property, support.variable.property#B4BEFE

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...