Skip to main content
CodingTheme

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.activeBorder#f78166
  • activityBar.background#0d1117
  • activityBar.border#30363d
  • activityBar.foreground#e6edf3
  • activityBar.inactiveForeground#7d8590
  • activityBarBadge.background#1f6feb
  • activityBarBadge.foreground#ffffff
  • badge.background#1f6feb
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#7d8590
  • breadcrumb.focusForeground#e6edf3
  • breadcrumb.foreground#7d8590
  • breadcrumbPicker.background#161b22
  • button.background#238636
  • button.foreground#ffffff
  • button.hoverBackground#2ea043
  • button.secondaryBackground#282e33
  • button.secondaryForeground#c9d1d9
  • button.secondaryHoverBackground#30363d
  • checkbox.background#161b22
  • checkbox.border#30363d
  • debugConsole.errorForeground#ffa198
  • debugConsole.infoForeground#8b949e
  • debugConsole.sourceForeground#e3b341
  • debugConsole.warningForeground#d29922
  • debugConsoleInputIcon.foreground#bc8cff
  • debugIcon.breakpointForeground#f85149
  • debugTokenExpression.boolean#56d364
  • debugTokenExpression.error#ffa198
  • debugTokenExpression.name#79c0ff
  • debugTokenExpression.number#56d364
  • debugTokenExpression.string#a5d6ff
  • debugTokenExpression.value#a5d6ff
  • debugToolBar.background#161b22
  • descriptionForeground#7d8590
  • diffEditor.insertedLineBackground#23863626
  • diffEditor.insertedTextBackground#3fb9504d
  • diffEditor.removedLineBackground#da363326
  • diffEditor.removedTextBackground#ff7b724d
  • dropdown.background#161b22
  • dropdown.border#30363d
  • dropdown.foreground#e6edf3
  • dropdown.listBackground#161b22
  • editor.background#0d1117
  • editor.findMatchBackground#9e6a03
  • editor.findMatchHighlightBackground#f2cc6080
  • editor.focusedStackFrameHighlightBackground#2ea04366
  • editor.foldBackground#6e76811a
  • editor.lineHighlightBackground#6e76811a
  • editor.linkedEditingBackground#2f81f712
  • editor.selectionHighlightBackground#3fb95040
  • editor.stackFrameHighlightBackground#bb800966
  • editor.wordHighlightBackground#6e768180
  • editor.wordHighlightBorder#6e768199
  • editor.wordHighlightStrongBackground#6e76814d
  • editor.wordHighlightStrongBorder#6e768199
  • editorBracketMatch.background#3fb95040
  • editorBracketMatch.border#3fb95099
  • editorCursor.foreground#2f81f7
  • editorGroup.border#30363d
  • editorGroupHeader.tabsBackground#010409
  • editorGroupHeader.tabsBorder#30363d
  • editorGutter.addedBackground#2ea04366
  • editorGutter.deletedBackground#f8514966
  • editorGutter.modifiedBackground#bb800966
  • editorIndentGuide.activeBackground#e6edf33d
  • editorIndentGuide.background#e6edf31f
  • editorInlayHint.background#8b949e33
  • editorInlayHint.foreground#7d8590
  • editorInlayHint.paramBackground#8b949e33
  • editorInlayHint.paramForeground#7d8590
  • editorInlayHint.typeBackground#8b949e33
  • editorInlayHint.typeForeground#7d8590
  • editorLineNumber.activeForeground#e6edf3
  • editorLineNumber.foreground#6e7681
  • editorOverviewRuler.border#010409
  • editorWhitespace.foreground#484f58
  • editorWidget.background#161b22
  • errorForeground#f85149
  • focusBorder#1f6feb
  • foreground#e6edf3
  • gitDecoration.addedResourceForeground#3fb950
  • gitDecoration.conflictingResourceForeground#db6d28
  • gitDecoration.deletedResourceForeground#f85149
  • gitDecoration.ignoredResourceForeground#6e7681
  • gitDecoration.modifiedResourceForeground#d29922
  • gitDecoration.submoduleResourceForeground#7d8590
  • gitDecoration.untrackedResourceForeground#3fb950
  • icon.foreground#7d8590
  • input.background#0d1117
  • input.border#30363d
  • input.foreground#e6edf3
  • input.placeholderForeground#6e7681
  • keybindingLabel.foreground#e6edf3
  • list.activeSelectionBackground#6e768166
  • list.activeSelectionForeground#e6edf3
  • list.focusBackground#388bfd26
  • list.focusForeground#e6edf3
  • list.highlightForeground#2f81f7
  • list.hoverBackground#6e76811a
  • list.hoverForeground#e6edf3
  • list.inactiveFocusBackground#388bfd26
  • list.inactiveSelectionBackground#6e768166
  • list.inactiveSelectionForeground#e6edf3
  • minimapSlider.activeBackground#8b949e47
  • minimapSlider.background#8b949e33
  • minimapSlider.hoverBackground#8b949e3d
  • notificationCenterHeader.background#161b22
  • notificationCenterHeader.foreground#7d8590
  • notifications.background#161b22
  • notifications.border#30363d
  • notifications.foreground#e6edf3
  • notificationsErrorIcon.foreground#f85149
  • notificationsInfoIcon.foreground#2f81f7
  • notificationsWarningIcon.foreground#d29922
  • panel.background#010409
  • panel.border#30363d
  • panelInput.border#30363d
  • panelTitle.activeBorder#f78166
  • panelTitle.activeForeground#e6edf3
  • panelTitle.inactiveForeground#7d8590
  • peekViewEditor.background#6e76811a
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#0d1117
  • peekViewResult.matchHighlightBackground#bb800966
  • pickerGroup.border#30363d
  • pickerGroup.foreground#7d8590
  • progressBar.background#1f6feb
  • quickInput.background#161b22
  • quickInput.foreground#e6edf3
  • scrollbar.shadow#484f5833
  • scrollbarSlider.activeBackground#8b949e47
  • scrollbarSlider.background#8b949e33
  • scrollbarSlider.hoverBackground#8b949e3d
  • settings.headerForeground#e6edf3
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#010409
  • sideBar.border#30363d
  • sideBar.foreground#e6edf3
  • sideBarSectionHeader.background#010409
  • sideBarSectionHeader.border#30363d
  • sideBarSectionHeader.foreground#e6edf3
  • sideBarTitle.foreground#e6edf3
  • statusBar.background#0d1117
  • statusBar.border#30363d
  • statusBar.debuggingBackground#da3633
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#1f6feb80
  • statusBar.foreground#7d8590
  • statusBar.noFolderBackground#0d1117
  • statusBarItem.activeBackground#e6edf31f
  • statusBarItem.focusBorder#1f6feb
  • statusBarItem.hoverBackground#e6edf314
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#30363d
  • statusBarItem.remoteForeground#e6edf3
  • symbolIcon.arrayForeground#f0883e
  • symbolIcon.booleanForeground#58a6ff
  • symbolIcon.classForeground#f0883e
  • symbolIcon.colorForeground#79c0ff
  • symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
  • symbolIcon.constructorForeground#d2a8ff
  • symbolIcon.enumeratorForeground#f0883e
  • symbolIcon.enumeratorMemberForeground#58a6ff
  • symbolIcon.eventForeground#6e7681
  • symbolIcon.fieldForeground#f0883e
  • symbolIcon.fileForeground#d29922
  • symbolIcon.folderForeground#d29922
  • symbolIcon.functionForeground#bc8cff
  • symbolIcon.interfaceForeground#f0883e
  • symbolIcon.keyForeground#58a6ff
  • symbolIcon.keywordForeground#ff7b72
  • symbolIcon.methodForeground#bc8cff
  • symbolIcon.moduleForeground#ff7b72
  • symbolIcon.namespaceForeground#ff7b72
  • symbolIcon.nullForeground#58a6ff
  • symbolIcon.numberForeground#3fb950
  • symbolIcon.objectForeground#f0883e
  • symbolIcon.operatorForeground#79c0ff
  • symbolIcon.packageForeground#f0883e
  • symbolIcon.propertyForeground#f0883e
  • symbolIcon.referenceForeground#58a6ff
  • symbolIcon.snippetForeground#58a6ff
  • symbolIcon.stringForeground#79c0ff
  • symbolIcon.structForeground#f0883e
  • symbolIcon.textForeground#79c0ff
  • symbolIcon.typeParameterForeground#79c0ff
  • symbolIcon.unitForeground#58a6ff
  • symbolIcon.variableForeground#f0883e
  • tab.activeBackground#0d1117
  • tab.activeBorder#0d1117
  • tab.activeBorderTop#f78166
  • tab.activeForeground#e6edf3
  • tab.border#30363d
  • tab.hoverBackground#0d1117
  • tab.inactiveBackground#010409
  • tab.inactiveForeground#7d8590
  • tab.unfocusedActiveBorder#0d1117
  • tab.unfocusedActiveBorderTop#30363d
  • tab.unfocusedHoverBackground#6e76811a
  • terminal.ansiBlack#484f58
  • terminal.ansiBlue#58a6ff
  • terminal.ansiBrightBlack#6e7681
  • terminal.ansiBrightBlue#79c0ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#56d364
  • terminal.ansiBrightMagenta#d2a8ff
  • terminal.ansiBrightRed#ffa198
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e3b341
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#3fb950
  • terminal.ansiMagenta#bc8cff
  • terminal.ansiRed#ff7b72
  • terminal.ansiWhite#b1bac4
  • terminal.ansiYellow#d29922
  • terminal.foreground#e6edf3
  • textBlockQuote.background#010409
  • textBlockQuote.border#30363d
  • textCodeBlock.background#6e768166
  • textLink.activeForeground#2f81f7
  • textLink.foreground#2f81f7
  • textPreformat.foreground#7d8590
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#0d1117
  • titleBar.activeForeground#7d8590
  • titleBar.border#30363d
  • titleBar.inactiveBackground#010409
  • titleBar.inactiveForeground#7d8590
  • tree.indentGuidesStroke#21262d
  • welcomePage.buttonBackground#21262d
  • welcomePage.buttonHoverBackground#30363d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text, source, variable.other.readwrite, punctuation.definition.variable#ced8ff
punctuation#9fa9d2
comment, punctuation.definition.comment#a1a8c3
string, punctuation.definition.string#aadb8b
constant.character.escape#ffbff0
constant.numeric, variable.other.constant, entity.name.constant, constant.language.boolean, constant.language.false, constant.language.true, keyword.other.unit.user-defined, keyword.other.unit.suffix.floating-point#ffa773
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#d9a4fb
entity.name.tag.documentation#d9a4fb
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#81d2c7
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function#8fb5ff
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#efd092
entity.name.enum#efd092
meta.enum variable.other.readwrite, variable.other.enummember#81d2c7
meta.property.object#81d2c7
meta.type, meta.type-alias, support.type, entity.name.type#efd092
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#ffa773
variable.parameter, meta.function.parameters#ff9fa2
constant.language, support.function.builtin#ff848a
entity.other.attribute-name.documentation#ff848a
keyword.control.directive, punctuation.definition.directive#efd092
punctuation.definition.typeparameters#9ddbe6
entity.name.namespace#efd092
support.type.property-name.css#8fb5ff
variable.language.this, variable.language.this punctuation.definition.variable#ff848a
variable.object.property#ced8ff
string.template variable, string variable#ced8ff
keyword.operator.newbold
storage.modifier.specifier.extern.cpp#d9a4fb
entity.name.scope-resolution.template.call.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.cpp, entity.name.scope-resolution.function.definition.cpp#efd092
storage.type.class.doxygen
storage.modifier.reference.cpp#81d2c7
meta.interpolation.cs#ced8ff
comment.block.documentation.cs#ced8ff
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#efd092
punctuation.separator.operator.css#81d2c7
source.css entity.other.attribute-name.pseudo-class#81d2c7
source.css constant.other.unicode-range#ffa773
source.css variable.parameter.url#aadb8b
support.type.vendored.property-name#9ddbe6
source.css meta.property-value variable, source.css meta.property-value variable.other.less, source.css meta.property-value variable.other.less punctuation.definition.variable.less, meta.definition.variable.scss#ff9fa2
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#8fb5ff
keyword.other.unit.percentage.css#ffa773
source.css meta.attribute-selector#aadb8b
keyword.other.definition.ini, punctuation.support.type.property-name.json, support.type.property-name.json, punctuation.support.type.property-name.toml, support.type.property-name.toml, entity.name.tag.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.yaml#8fb5ff
constant.language.json, constant.language.yaml#ffa773
entity.name.type.anchor.yaml, variable.other.alias.yaml#efd092
support.type.property-name.table, entity.name.section.group-title.ini#efd092
constant.other.time.datetime.offset.toml#ffbff0
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#ffbff0
entity.other.document.begin.yaml#ffbff0
markup.changed.diff#ffa773
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#8fb5ff
markup.inserted.diff#aadb8b
markup.deleted.diff#ff848a
variable.other.env#8fb5ff
string.quoted variable.other.env#ced8ff
support.function.builtin.gdscript#8fb5ff
constant.language.gdscript#ffa773
comment meta.annotation.go#ff9fa2
comment meta.annotation.parameters.go#ffa773
constant.language.go#ffa773
variable.graphql#ced8ff
string.unquoted.alias.graphql#fac4c4
constant.character.enum.graphql#81d2c7
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#fac4c4
keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag#d9a4fb
entity.name.tag#8fb5ff
text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, constant.character.entity.js.jsx, constant.charactger.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation#ff848a
entity.other.attribute-name#efd092
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#ffbff0
punctuation.definition.annotation, storage.type.annotation#ffa773
constant.other.enum.java#81d2c7
storage.modifier.import.java#ced8ff
comment.block.javadoc.java keyword.other.documentation.javadoc.java
meta.export variable.other.readwrite.js#ff9fa2
variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts#ced8ff
variable.other.jsdoc, comment.block.documentation variable.other#ff9fa2
storage.type.class.jsdoc
support.type.object.console.js#ced8ff
support.constant.node, support.type.object.module.js#d9a4fb
storage.modifier.implements#d9a4fb
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts#d9a4fb
variable.parameter.generic#efd092
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#81d2c7
punctuation.decorator.ts#8fb5ff
keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.is, keyword.operator.expression.keyof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts#d9a4fb
support.function.macro.julia#81d2c7
constant.language.julia#ffa773
constant.other.symbol.julia#ff9fa2
text.tex keyword.control.preamble#81d2c7
text.tex support.function.be#9ddbe6
constant.other.general.math.tex#fac4c4
comment.line.double-dash.documentation.lua storage.type.annotation.lua#d9a4fb
comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua#ced8ff
heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, heading.1.quarto punctuation.definition.heading.quarto, heading.1.quarto, markup.heading.atx.1.mdx, markup.heading.atx.1.mdx punctuation.definition.heading.mdx, markup.heading.setext.1.markdown, markup.heading.heading-0.asciidoc#ff848a
heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, heading.2.quarto punctuation.definition.heading.quarto, heading.2.quarto, markup.heading.atx.2.mdx, markup.heading.atx.2.mdx punctuation.definition.heading.mdx, markup.heading.setext.2.markdown, markup.heading.heading-1.asciidoc#ffa773
heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.3.quarto punctuation.definition.heading.quarto, heading.3.quarto, markup.heading.atx.3.mdx, markup.heading.atx.3.mdx punctuation.definition.heading.mdx, markup.heading.heading-2.asciidoc#efd092
heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.4.quarto punctuation.definition.heading.quarto, heading.4.quarto, markup.heading.atx.4.mdx, markup.heading.atx.4.mdx punctuation.definition.heading.mdx, markup.heading.heading-3.asciidoc#aadb8b
heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.5.quarto punctuation.definition.heading.quarto, heading.5.quarto, markup.heading.atx.5.mdx, markup.heading.atx.5.mdx punctuation.definition.heading.mdx, markup.heading.heading-4.asciidoc#8fb5ff
heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown, heading.6.quarto punctuation.definition.heading.quarto, heading.6.quarto, markup.heading.atx.6.mdx, markup.heading.atx.6.mdx punctuation.definition.heading.mdx, markup.heading.heading-5.asciidoc#d9a4fb
markup.bold#ff848abold
markup.italic#ff848a
markup.strikethrough#adb7destrikethrough
punctuation.definition.link, markup.underline.link#8fb5ff
text.html.markdown punctuation.definition.link.title, text.html.quarto punctuation.definition.link.title, string.other.link.title.markdown, string.other.link.title.quarto, markup.link, punctuation.definition.constant.markdown, punctuation.definition.constant.quarto, constant.other.reference.link.markdown, constant.other.reference.link.quarto, markup.substitution.attribute-reference#c2c3ff
punctuation.definition.raw.markdown, punctuation.definition.raw.quarto, markup.inline.raw.string.markdown, markup.inline.raw.string.quarto, markup.raw.block.markdown, markup.raw.block.quarto#aadb8b
fenced_code.block.language#9ddbe6
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9fa9d2
markup.quote, punctuation.definition.quote.begin#ffbff0
meta.separator.markdown#81d2c7
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#81d2c7
markup.heading.quartobold
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#8fb5ff
variable.parameter.name.nix#ced8ff
meta.embedded variable.parameter.name.nix#c2c3ff
string.unquoted.path.nix#ffbff0
support.attribute.builtin, meta.attribute.php#efd092
meta.function.parameters.php punctuation.definition.variable.php#ff9fa2
constant.language.php#d9a4fb
text.html.php support.function#9ddbe6
keyword.other.phpdoc.php
support.variable.magic.python, meta.function-call.arguments.python#ced8ff
support.function.magic.python#9ddbe6
variable.parameter.function.language.special.self.python, variable.language.special.self.python#ff848a
keyword.control.flow.python, keyword.operator.logical.python#d9a4fb
storage.type.function.python#d9a4fb
support.token.decorator.python, meta.function.decorator.identifier.python#9ddbe6
meta.function-call.python#8fb5ff
entity.name.function.decorator.python, punctuation.definition.decorator.python#ffa773
constant.character.format.placeholder.other.python#ffbff0
support.type.exception.python, support.function.builtin.python#ffa773
support.type.python#ffa773
constant.language.python#d9a4fb
meta.indexed-name.python, meta.item-access.python#ff9fa2
storage.type.string.python#aadb8b
meta.function.parameters.python
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#ffbff0
keyword.control.anchor.regexp#d9a4fb
string.regexp.ts#ced8ff
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#aadb8b
punctuation.definition.character-class.regexp#efd092
constant.other.character-class.regexp#ffbff0
constant.other.character-class.range.regexp#fcdcd5
keyword.operator.quantifier.regexp#81d2c7
constant.character.numeric.regexp#ffa773
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#8fb5ff
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#efd092
meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust
entity.name.function.macro.rules.rust, storage.type.module.rust, storage.modifier.rust, storage.type.struct.rust, storage.type.enum.rust, storage.type.trait.rust, storage.type.union.rust, storage.type.impl.rust, storage.type.rust, storage.type.function.rust, storage.type.type.rust#d9a4fb
entity.name.type.numeric.rust#d9a4fb
meta.generic.rust#ffa773
entity.name.impl.rust#efd092
entity.name.module.rust#ffa773
entity.name.trait.rust#efd092
storage.type.source.rust#efd092
entity.name.union.rust#efd092
meta.enum.rust storage.type.source.rust#81d2c7
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#8fb5ff
storage.modifier.lifetime.rust, entity.name.type.lifetime#8fb5ff
string.quoted.double.rust constant.other.placeholder.rust#ffbff0
meta.function.return-type.rust meta.generic.rust storage.type.rust#ced8ff
meta.function.call.rust#8fb5ff
punctuation.brackets.angle.rust#9ddbe6
constant.other.caps.rust#ffa773
meta.function.definition.rust variable.other.rust#ff9fa2
meta.function.call.rust variable.other.rust#ced8ff
variable.language.self.rust#ff848a
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#ffbff0
comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell#ffbff0
comment.line.shebang constant.language#81d2c7
meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation, meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation#ff848a
meta.string meta.interpolation.parameter.shell variable.other.readwrite#ffa773
source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell#81d2c7
entity.name.tag.heredoc.shell#d9a4fb
string.quoted.double.shell variable.other.normal.shell#ced8ff

Shiki preview

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

Loading...