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#0c1021
  • activityBar.border#b472e626
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#b472e6
  • activityBarBadge.foreground#ffffff
  • badge.background#b472e6
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#0c1021
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff
  • button.background#a855f7
  • button.foreground#ffffff
  • button.hoverBackground#9333ea
  • button.secondaryBackground#64748b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#475569
  • checkbox.background#9966CC
  • checkbox.border#483D8B
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#181b28
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#0f172a
  • debugToolBar.border#cf9eff
  • diffEditor.border#b472e626
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#9966CC
  • dropdown.border#483D8B
  • dropdown.foreground#ffffff
  • editor.background#0c1021
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#212538
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#483D8B
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#00000033
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#272b3d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#b472e680
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#b472e633
  • editorBracketMatch.border#b472e6
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#FF00FF
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff3700
  • editorGroup.border#b472e626
  • editorGroup.emptyBackground#0c1021
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#0f172a
  • editorGroupHeader.tabsBorder#b472e626
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#0c1021
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#181b28
  • editorHoverWidget.border#b472e6
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#41a6ff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#242a43
  • editorSuggestWidget.border#b472e6
  • editorSuggestWidget.foreground#eaeaea
  • editorSuggestWidget.highlightForeground#007cff
  • editorSuggestWidget.selectedBackground#242a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd100
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#0f172a
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#b472e6
  • focusBorder#b472e6
  • foreground#b3b3b3
  • gitDecoration.addedResourceForeground#59b86b
  • gitDecoration.conflictingResourceForeground#ffeb95cc
  • gitDecoration.deletedResourceForeground#ef535090
  • gitDecoration.ignoredResourceForeground#56b3ff
  • gitDecoration.modifiedResourceForeground#C8A2C8
  • gitDecoration.stageDeletedResourceForeground#e2725e
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#c5e478
  • icon.foreground#ffffff
  • input.background#7851A9
  • input.border#b472e6
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#483D8B
  • inputOption.activeBorder#b472e6
  • inputOption.activeForeground#eeeeee
  • keybindingLabel.background#3e3e42
  • keybindingLabel.border#ffffff1a
  • keybindingLabel.bottomBorder#b472e6
  • keybindingLabel.foreground#ffffff
  • list.activeSelectionBackground#4238a3
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#5045b0
  • list.focusBackground#b14dcf7e
  • list.focusForeground#ffffff
  • list.highlightForeground#dc69ffdf
  • list.hoverBackground#3a3670
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#2e2b57
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#6b21a878
  • listFilterWidget.noMatchesOutline#ef4444
  • listFilterWidget.outline#d946ef
  • menu.background#0f172a
  • menu.border#b472e6
  • menu.foreground#d1cbcb
  • menu.selectionBackground#ad45cd
  • menu.selectionBorder#b472e6
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#868686
  • menubar.selectionBackground#b856d6
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0f172a
  • minimap.errorHighlight#ff512e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#272b3d
  • minimap.warningHighlight#ffd100
  • minimapGutter.addedBackground#0c7c32
  • minimapGutter.deletedBackground#ab3238
  • minimapGutter.modifiedBackground#0c7d9d
  • notifications.background#0f172a
  • notifications.border#b472e6
  • notifications.foreground#e6e6e6
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#62b5ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#b472e6
  • panel.background#0f172a
  • panel.border#b472e626
  • panelSection.border#b472e626
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#b472e6
  • peekViewEditor.background#181b28
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#181b28
  • peekViewResult.background#181b28
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#181b28
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#b472e6
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#b07be6df
  • scrollbarSlider.background#b07be680
  • scrollbarSlider.hoverBackground#b07be6b3
  • selection.background#a65dbf80
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#0f172a
  • sideBar.border#b472e626
  • sideBar.dropBackground#0f172a
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#0c1021
  • sideBarSectionHeader.border#b472e626
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#eeeeee
  • statusBar.background#181b28
  • statusBar.border#b472e626
  • statusBar.debuggingBackground#e26324
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#750099
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#b856d6
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0c1021
  • tab.activeBorder#00000000
  • tab.activeBorderTop#b472e6
  • tab.activeForeground#ffffff
  • tab.border#b472e626
  • tab.hoverBackground#01111d00
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0f172a
  • tab.inactiveForeground#9fa9c6
  • terminal.ansiBlack#3c4048
  • terminal.ansiBlue#58a6ff
  • terminal.ansiBrightBlack#8892b0
  • terminal.ansiBrightBlue#67e8f9
  • terminal.ansiBrightCyan#65d9ef
  • terminal.ansiBrightGreen#98e4a9
  • terminal.ansiBrightMagenta#e699ff
  • terminal.ansiBrightRed#ff9e9e
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f0d58f
  • terminal.ansiCyan#4ca3b2
  • terminal.ansiGreen#7bd88f
  • terminal.ansiMagenta#d77be2
  • terminal.ansiRed#ff6e6e
  • terminal.ansiWhite#e4e4e7
  • terminal.ansiYellow#e7c36f
  • terminal.border#b472e626
  • terminal.foreground#ffffff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#9966CC
  • terminalCursor.foreground#ffffff
  • textLink.foreground#b472e6
  • titleBar.activeBackground#0c1021
  • titleBar.activeForeground#fffffffd
  • titleBar.border#b472e626
  • titleBar.inactiveBackground#1a1f33
  • titleBar.inactiveForeground#9fa9c6
  • tree.indentGuidesStroke#ffffff74
  • walkThrough.embeddedEditorBackground#00000050
  • widget.border#b472e6
  • widget.shadow#00000080

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#cbd5e1
variable.other.generic-type.haskell#d77be2
storage.type.haskell#fca17d
support.variable.magic.python#ff6e6e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#cbd5e1
variable.parameter.function.language.special.self.python#e7c36f
storage.modifier.lifetime.rust#cbd5e1
support.function.std.rust#75b5ff
entity.name.lifetime.rust#e7c36f
variable.language.rust#ff6e6e
support.constant.edge#d77be2
constant.other.character-class.regexp#ff6e6e
keyword.operator.quantifier.regexp#fca17d
punctuation.definition.string.begin,punctuation.definition.string.end#7bd88f
variable.parameter.function#cbd5e1italic
comment markup.link#8892b0
markup.changed.diff#e7c36f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#75b5ff
markup.inserted.diff#7bd88f
markup.deleted.diff#ff6e6e
meta.function.c,meta.function.cpp#ff6e6e
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#cbd5e1
punctuation.separator.key-value#cbd5e1
keyword.operator.expression.import#75b5ff
support.constant.math#e7c36f
support.constant.property.math#fca17d
variable.other.constant#e7c36f
storage.type.annotation.java, storage.type.object.array.java#e7c36f
source.java#ff6e6e
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#cbd5e1
meta.method.java#75b5ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e7c36f
keyword.operator.instanceof.java#d77be2
meta.definition.variable.name.java#ff6e6e
keyword.operator.logical#47aabb
keyword.operator.bitwise#47aabb
keyword.operator.channel#47aabb
support.constant.property-value.scss,support.constant.property-value.css#fca17d
keyword.operator.css,keyword.operator.scss,keyword.operator.less#47aabb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#fca17d
punctuation.separator.list.comma.css#cbd5e1
support.constant.color.w3c-standard-color-name.css#fca17d
support.type.vendored.property-name.css#47aabb
support.module.node,support.type.object.module,support.module.node#e7c36f
entity.name.type.module#e7c36f
variable.other.readwrite,support.variable.object.process,support.variable.object.node#e7c36f
meta.object-literal.key,support.variable.property#ff6e6e
support.constant.json#fca17d
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d77be2
support.type.object.console#e7c36f
support.variable.property.process#fca17d
entity.name.function,support.function.console#75b5ff
keyword.operator.misc.rust#cbd5e1
keyword.operator.sigil.rust#d77be2
keyword.operator.delete#d77be2
support.type.object.dom#47aabb
support.variable.dom,support.variable.property.dom#e7c36f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#47aabb
support.type.property-name.json#fca17d
string.quoted.double.json#7BD88F
constant.numeric.json#E7C36F
constant.language.boolean.json#75B5FF
constant.language.null.json#CBBABE
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#d77be2
punctuation.separator.delimiter#cbd5e1
punctuation.separator.c,punctuation.separator.cpp#cbd5e1
support.type.posix-reserved.c,support.type.posix-reserved.cpp#47aabb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d77be2
variable.parameter.function.language.python#fca17ditalic
support.type.python#47aabb
keyword.operator.logical.python#d77be2
variable.parameter.function.python#fca17ditalic
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#cbd5e1
meta.function-call.generic.python#75b5ff
constant.character.format.placeholder.other.python#fca17d
keyword.operator#cbd5e1
keyword.operator.assignment.compound#d77be2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#47aabb
keyword#d77be2bold
entity.name.namespace#e7c36fbold
variable#ff6e6e
variable.c#cbd5e1
variable.language#e7c36f
token.variable.parameter.java#cbd5e1
import.storage.java#e7c36f
token.package.keyword#d77be2
token.package#cbd5e1
entity.name.function, meta.require, support.function.any-method, variable.function#75b5ffbold
entity.name.type.namespace#e7c36fbold
support.class, entity.name.type.class#e7c36fbold
entity.name.class.identifier.namespace.type#e7c36fbold
entity.name.class, variable.other.class.js, variable.other.class.ts#e7c36fbold
entity.name.type#e7c36fbold
keyword.control#d77be2bold
control.elements, keyword.operator.less#fca17d
keyword.other.special-method#75b5ff
storage#d77be2bold
token.storage#d77be2bold
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#d77be2
token.storage.type.java#e7c36f
support.function#47aabb
support.type.property-name#cbd5e1
support.constant.property-value#cbd5e1
support.constant.font-name#fca17d
meta.tag#cbd5e1
string#7bd88f
entity.other.inherited-class#e7c36f
constant.other.symbol#47aabb
constant.numeric#fca17d
constant#fca17d
punctuation.definition.constant#fca17d
entity.name.tag#ff6e6ebold
entity.other.attribute-name#fca17d
entity.other.attribute-name.id#75b5ffnormal
entity.other.attribute-name.class.css#fca17dnormal
meta.selector#d77be2
markup.heading#ff6e6ebold
markup.heading punctuation.definition.heading, entity.name.section#75b5ff
keyword.other.unit#ff6e6e
markup.bold,todo.bold#fca17d
punctuation.definition.bold#e7c36f
markup.italic, punctuation.definition.italic,todo.emphasis#d77be2
emphasis md#d77be2
entity.name.section.markdown#ff6e6e
punctuation.definition.heading.markdown#ff6e6e
punctuation.definition.list.begin.markdown#ff6e6e
markup.heading.setext#cbd5e1
punctuation.definition.bold.markdown#fca17d
markup.inline.raw.markdown,markup.inline.raw.string.markdown#7bd88f
punctuation.definition.list.markdown#ff6e6e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff6e6e
beginning.punctuation.definition.list.markdown#ff6e6e
punctuation.definition.metadata.markdown#ff6e6e
markup.underline.link.markdown,markup.underline.link.image.markdown#d77be2
string.other.link.title.markdown,string.other.link.description.markdown#75b5ff
string.regexp#47aabb
constant.character.escape#47aabb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#cbd5e1
meta.template.expression#cbd5e1
keyword.operator.module#d77be2
support.type.type.flowtype#75b5ff
support.type.primitive#e7c36f
meta.property.object#ff6e6e
variable.parameter.function.js#ff6e6eitalic
keyword.other.template.begin#7bd88f
keyword.other.template.end#7bd88f
keyword.other.substitution.begin#cbd5e1
keyword.other.substitution.end#cbd5e1
keyword.operator.assignment#47aabb
keyword.operator.assignment.go#e7c36f
keyword.operator.arithmetic.go, keyword.operator.address.go#d77be2
entity.name.package.go#e7c36f
support.type.prelude.elm#47aabb
support.constant.elm#fca17d
punctuation.quasi.element#d77be2
constant.character.entity#ff6e6e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#47aabb
entity.global.clojure#e7c36f
meta.symbol.clojure#ff6e6e
constant.keyword.clojure#47aabb
meta.arguments.coffee, variable.parameter.function.coffee#ff6e6e
source.ini#7bd88f
meta.scope.prerequisites.makefile#ff6e6e
source.makefile#e7c36f
storage.modifier.import.groovy#e7c36f
meta.method.groovy#75b5ff
meta.definition.variable.name.groovy#ff6e6e
meta.definition.class.inherited.classes.groovy#7bd88f
support.variable.semantic.hlsl#e7c36f
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#d77be2
text.variable, text.bracketed#ff6e6e
support.type.swift, support.type.vb.asp#e7c36f
entity.name.function.xi#e7c36f
entity.name.class.xi#47aabb
constant.character.character-class.regexp.xi#ff6e6e
constant.regexp.xi#d77be2
keyword.control.xi#47aabb
invalid.xi#cbd5e1
beginning.punctuation.definition.quote.markdown.xi#7bd88f
beginning.punctuation.definition.list.markdown.xi#8892b0
constant.character.xi#75b5ff
accent.xi#75b5ff
wikiword.xi#fca17d
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8892b0
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e7c36f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff6e6e
meta.brace.square#cbd5e1
comment, punctuation.definition.comment#8892b0italic
markup.quote.markdown#8892b0
punctuation.definition.block.sequence.item.yaml#cbd5e1
constant.language.symbol.elixir#47aabb
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#ff6e6e
entity.name.function.php, support.function.php#75b5ff
entity.name.type.class.php, support.class.php#e7c36f
constant.language.php, variable.other.constant.php#fca17d
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#47aabb
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#7582dbbold
punctuation.terminator.expression.php#cbd5e1
variable.other.ruby#ff6e6e
entity.name.type.class.ruby#e7c36fbold
constant.other.symbol.hashkey.ruby#7bd88f
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell#ff6e6e
support.function.builtin.shell, entity.name.command.shell#75b5ffbold
variable.other.readwrite.powershell#ff6e6e
support.function.powershell#75b5ffbold
variable.other.lua#ff6e6e
entity.name.function.lua#75b5ffbold
support.type.graphql, entity.name.type.graphql#e7c36fbold
variable.graphql#ff6e6e
entity.name.tag.yaml#fca17dbold
entity.name.tag.xml#ff6e6ebold
entity.name.type.class.kotlin#e7c36fbold
entity.name.function.kotlin#75b5ffbold
entity.name.class.scala#e7c36fbold
keyword.other.dockerfile#d77be2bold
variable.other.readwrite.batch#ff6e6e
support.function.section.latex#e7c36fbold
entity.name.type.class.cs#e7c36fbold
support.class.dart#e7c36fbold
variable.other.property.dart#fca17d
entity.name.function.r, variable.function.r#75b5ffbold
variable.other.readwrite.global.perl#ff6e6e
keyword.control.blade#d77be2bold
string.quoted.single.twig, string.quoted.double.twig#7bd88f
entity.name.type.resource.terraform#e7c36fbold
variable.other.property, support.variable.property#ff6e6e

Shiki preview

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

Loading...