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#e3f0ee
  • activityBar.border#86bda13f
  • activityBar.foreground#098a3a
  • activityBar.inactiveForeground#6a83709f
  • activityBarBadge.background#098a3a
  • badge.background#098a3a
  • badge.foreground#ffffff
  • button.background#086833
  • button.foreground#ebfcf9
  • checkbox.background#e9f5f4
  • checkbox.border#bfdad7
  • debugIcon.breakpointForeground#ff5420
  • descriptionForeground#493931
  • diffEditor.diagonalFill#18655419
  • diffEditor.insertedTextBackground#3bab881c
  • diffEditor.insertedTextBorder#3bab8808
  • diffEditor.removedTextBackground#f120202a
  • diffEditor.removedTextBorder#f1202008
  • dropdown.background#e9f5f4
  • dropdown.border#bfdad7
  • dropdown.foreground#163a2d
  • editor.background#ffffff
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#186554
  • editor.lineHighlightBackground#eaf8f873
  • editor.lineHighlightBorder#a8373700
  • editor.selectionBackground#badfd156
  • editor.selectionHighlightBackground#badfd122
  • editor.wordHighlightBackground#d6b25033
  • editor.wordHighlightStrongBackground#d6b25049
  • editorBracketHighlight.foreground1#a87839
  • editorBracketHighlight.foreground2#7b9e1c
  • editorBracketHighlight.foreground3#db5026
  • editorBracketHighlight.foreground4#167e9e
  • editorBracketHighlight.foreground5#da42ac
  • editorBracketHighlight.foreground6#1f7c70
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#155239
  • editorCursor.background#ffffff
  • editorCursor.foreground#07ad3f
  • editorError.foreground#ff5c69
  • editorGroup.border#86bda13f
  • editorGroup.dropBackground#32bb6615
  • editorGroupHeader.tabsBackground#f6faf9
  • editorGutter.addedBackground#9fc487
  • editorGutter.commentRangeForeground#b8a79b
  • editorGutter.deletedBackground#dd7271
  • editorGutter.modifiedBackground#6da396
  • editorHint.foreground#58be4a
  • editorHoverWidget.foreground#1b1f2b
  • editorIndentGuide.activeBackground#10503550
  • editorIndentGuide.background#6981732f
  • editorInfo.foreground#72bdb4
  • editorInlayHint.background#eceeed
  • editorInlayHint.foreground#9b9b9b
  • editorInlayHint.parameterBackground#e7f7f3
  • editorInlayHint.parameterForeground#86aca4
  • editorInlayHint.typeBackground#f8f3e8
  • editorInlayHint.typeForeground#b3a490
  • editorLightBulb.foreground#eeb61c
  • editorLightBulbAutoFix.foreground#23c494
  • editorLineNumber.activeForeground#31925d
  • editorLineNumber.foreground#a2b3b15b
  • editorLink.activeForeground#20dda1
  • editorOverviewRuler.addedForeground#9fc487
  • editorOverviewRuler.modifiedForeground#6da396
  • editorStickyScrollHover.background#ecf7f2
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#86bda185
  • editorSuggestWidget.foreground#1b1f2b
  • editorSuggestWidget.highlightForeground#589b76
  • editorSuggestWidget.selectedBackground#599e7833
  • editorWarning.foreground#ffa05b
  • editorWhitespace.foreground#4ec27463
  • editorWidget.background#ffffff
  • editorWidget.border#86bda13f
  • editorWidget.foreground#050e0e
  • focusBorder#d6964c
  • foreground#186554
  • gitDecoration.addedResourceForeground#9fc487
  • gitDecoration.conflictingResourceForeground#f038c8
  • gitDecoration.deletedResourceForeground#be4c4a
  • gitDecoration.modifiedResourceForeground#6da396
  • icon.foreground#037880
  • input.background#e9f5f4
  • input.border#bfdad7
  • input.foreground#163a2d
  • list.activeSelectionBackground#cde6e0
  • list.activeSelectionForeground#145039
  • list.deemphasizedForeground#0edb6a
  • list.dropBackground#31925d13
  • list.errorForeground#f15c48
  • list.filterMatchBackground#fdf3efd8
  • list.focusBackground#a6ddd5
  • list.focusForeground#0b8630
  • list.highlightForeground#60a76f
  • list.hoverBackground#e2f3ef
  • list.hoverForeground#0b1413
  • list.inactiveFocusBackground#edf4f5
  • list.inactiveSelectionBackground#dfeee8
  • list.inactiveSelectionForeground#146136
  • list.invalidItemForeground#836b01
  • list.warningForeground#815a07
  • listFilterWidget.background#fdf3ef
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#86bda13f
  • menu.foreground#0b1413
  • menu.selectionBackground#62a8794c
  • menu.selectionForeground#0b1413
  • menu.separatorBackground#49c49f65
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.background#ffffff
  • minimap.findMatchHighlight#31925d2a
  • minimap.selectionHighlight#badfd185
  • minimapSlider.activeBackground#aec2c256
  • minimapSlider.background#d1dada44
  • minimapSlider.hoverBackground#cfdfdf6e
  • notifications.background#eeded7
  • notifications.border#203333
  • notifications.foreground#162424
  • panel.background#f6faf8
  • panel.border#86bda13f
  • panelTitle.activeForeground#098a3a
  • panelTitle.inactiveForeground#8f9797
  • peekView.border#31928599
  • peekViewEditor.background#95cfbe25
  • peekViewEditor.matchHighlightBackground#ff6d0b44
  • peekViewEditorStickyScroll.background#f7fefb
  • peekViewResult.background#a7d1cf4f
  • peekViewResult.fileForeground#1b362e
  • peekViewResult.lineForeground#223f3b94
  • peekViewResult.selectionBackground#098a3a
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#31928522
  • peekViewTitleLabel.foreground#0c2c24
  • pickerGroup.border#86bda13f
  • pickerGroup.foreground#186554
  • progressBar.background#31925d
  • scrollbar.shadow#e2f1ec
  • scrollbarSlider.activeBackground#83ceb446
  • scrollbarSlider.background#9fbdb231
  • scrollbarSlider.hoverBackground#70be982d
  • selection.background#4da06975
  • settings.headerForeground#04462a
  • settings.modifiedItemIndicator#149950
  • sideBar.background#f6faf9
  • sideBar.border#86bda13f
  • sideBar.foreground#203123
  • sideBarSectionHeader.background#e3f0ee
  • sideBarSectionHeader.border#0000
  • sideBarSectionHeader.foreground#186554
  • sideBarTitle.foreground#203123
  • statusBar.background#d3e4e1
  • statusBar.border#86bda13f
  • statusBar.debuggingBackground#dfa168
  • statusBar.foreground#186554
  • statusBar.noFolderBackground#d3e4e1
  • statusBarItem.prominentBackground#098a3a
  • statusBarItem.prominentForeground#d3e4e1
  • statusBarItem.prominentHoverBackground#0ba546
  • statusBarItem.remoteBackground#098a3a
  • symbolIcon.classForeground#d69303
  • symbolIcon.constructorForeground#a841c2
  • symbolIcon.fieldForeground#a56840
  • symbolIcon.functionForeground#c74118
  • symbolIcon.interfaceForeground#9b6733
  • symbolIcon.methodForeground#c03b13
  • symbolIcon.variableForeground#076e6e
  • tab.activeBackground#ffffff
  • tab.activeBorderTop#8fd4ba
  • tab.activeForeground#045036
  • tab.border#0000
  • tab.inactiveBackground#f6faf9
  • tab.inactiveForeground#083b2d79
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#3465a5
  • terminal.ansiBrightBlack#4a574d
  • terminal.ansiBrightBlue#3a89d3
  • terminal.ansiBrightCyan#1bdfbe
  • terminal.ansiBrightGreen#1b9e47
  • terminal.ansiBrightMagenta#ff246d
  • terminal.ansiBrightRed#d43e2a
  • terminal.ansiBrightWhite#c7cecb
  • terminal.ansiBrightYellow#ff9b18
  • terminal.ansiCyan#08a087
  • terminal.ansiGreen#068020
  • terminal.ansiMagenta#c40b48
  • terminal.ansiRed#b61702
  • terminal.ansiWhite#a5b4ab
  • terminal.ansiYellow#d37d0d
  • terminal.background#f6faf8
  • terminal.foreground#186554
  • terminal.selectionBackground#059b2a2d
  • terminalCursor.background#059b2a55
  • terminalCursor.foreground#059b2a
  • textBlockQuote.background#1b9c7c18
  • textBlockQuote.border#1b9c7c
  • textLink.activeForeground#04c4b4
  • textLink.foreground#1b9c7c
  • textPreformat.foreground#ee6f58
  • textSeparator.foreground#1b9c7c55
  • titleBar.activeBackground#f6faf9
  • titleBar.activeForeground#186554
  • titleBar.inactiveBackground#f6faf9
  • titleBar.inactiveForeground#18655499
  • tree.indentGuidesStroke#cfb5a918
  • widget.shadow#020b0c33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8b3b0
comment.block.documentation storage.type.class.jsdoc#327c60italic
constant.other.php#0f9473bold
keyword.operator.class.php#a55c20
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#186554
meta.object-literal.key#967152
meta.brace.round#978473
constant.other.color#080101
invalid, invalid.illegal#ff2225
keyword#796641
keyword.operator.new#ca9f27italic
storage.type#b37570italic
storage.type.enum.ts, storage.type.enum.tsx#6a3d74
entity.name.type.enum.ts, entity.name.type.enum.tsx#5f4072bold
entity.name.label.ts, entity.name.label.tsx#778369
keyword.operator.expression.of#888734
storage.type.function.arrow#db756e
storage.type.property#fd6721italic
storage.modifier#7a4b3fitalic
meta.brace.square#6a886b
storage.modifier.async#14a86f
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution#a08476
variable.interpolation
keyword.operator.ternary#a764ff
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#a66fb3
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#6aa082
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#945ca5
keyword.control.as#b18155
keyword.control.flow.python, keyword.control.conditional#49a7ac
keyword.control.loop#a3a111
keyword.controlitalic
keyword.control.return, keyword.control.flow#1d8b19italic
keyword.control.trycatch#f31a1aitalic
support.class.builtin#82a794bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#1aa572bold
keyword.otheritalic
support.other.variable, string.other.link#0a1e27
constant.numeric#b34d34
keyword.other.unit#bd472a
keyword.other.unit.px#1b776f
keyword.other.unit.em#8a612e
keyword.other.unit.rem#a5a31a
constant.language.infinity#644596
constant.language.null#728681
constant.language.undefined#678379
keyword.operator.expression.void#575757italic
constant.language.boolean.true#19c452
constant.language.boolean.false#d15f96
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#02a56f
keyword.operator.optional, punctuation.accessor.optional#c96b73
keyword.operator.arithmetic#91534b
keyword.operator.logical#d18a1f
keyword.operator.relational, keyword.operator.comparison#73ad2f
keyword.operator.assignment#ac5050
keyword.operator.expression#b65e5eitalic
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#cc894b
punctuation.definition.string.template#1d1f86
punctuation.terminator.statement#9da7a7
keyword.operator.rest#b34a20
meta.attribute string.quoted, meta.tag.attributes string.quoted#C07938
support.function.construct.output#469285italic
keyword.generator.asterisk#4d7cffbold
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#a38544
entity.name.property#b68419bold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#f16a41
meta.object-literal.key entity.name.function, variable.other.constant entity.name.function, meta.field.declaration entity.name.function, meta.definition.method, meta.definition.functionbold
meta.function-call entity.name.function, meta.function-call support.function, support.function.misc.css, support.function.misc.scss#e6541bitalic
meta.function-call support.function#d35d3a
variable.parameter#b17056
support.class, support.constantbold
support.class.console#616161bold
variable.other.readwrite support.class.error, support.class.error#f00000bold
meta.decorator#51a06fitalic
variable.other.object, variable.argument.css
variable.other.constant#6fafa3bold
entity.name.type.ts, entity.name.type.tsx, meta.interface.ts entity.name.type, meta.interface.tsx entity.name.type, meta.type.declaration.ts entity.name.type, meta.type.declaration.tsx entity.name.type, meta.type.annotation.ts entity.name.type, meta.type.annotation.tsx entity.name.type, meta.type.annotation.ts meta.brace.square.ts, meta.type.annotation.tsx meta.brace.square.tsx, meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type, meta.return.type.ts entity.name.type, meta.return.type.tsx entity.name.type, new.expr.ts meta.type.annotation.ts entity.name.type.ts, new.expr.tsx meta.type.annotation.tsx entity.name.type.tsx, support.type.builtin.ts, support.type.builtin.tsx#c49b43italic underline
meta.type.annotation.ts meta.type.parameters.ts entity.name.type.ts, meta.type.annotation.tsx meta.type.parameters.tsx entity.name.type.tsx, meta.parameters.ts meta.type.annotation.ts meta.type.parameters.ts entity.name.type.ts, meta.parameters.tsx meta.type.annotation.tsx meta.type.parameters.tsx entity.name.type.tsx, meta.type.declaration.ts meta.type.parameters.ts entity.name.type.ts, meta.type.declaration.tsx meta.type.parameters.tsx entity.name.type.tsx, meta.interface.ts meta.type.parameters.ts entity.name.type.ts, meta.interface.tsx meta.type.parameters.tsx entity.name.type.tsx, new.expr.ts meta.type.parameters.ts entity.name.type.ts, new.expr.tsx meta.type.parameters.tsx entity.name.type.tsx, meta.objectliteral.ts meta.type.parameters.ts entity.name.type.ts, meta.objectliteral.tsx meta.type.parameters.tsx entity.name.type.tsx, meta.return.type.ts meta.type.parameters.ts entity.name.type.ts, meta.return.type.tsx meta.type.parameters.tsx entity.name.type.tsx#9da770italic underline
meta.interface.ts entity.other.inherited-class#bb5a19italic underline
meta.type.annotation string.quoted#a77032
meta.var.expr meta.brace.round#835d31
punctuation.definition.string#c48f53
punctuation.definition.block#caa175
meta.arrow punctuation.definition.block#8d6151
meta.objectliteral punctuation.definition.block#cf8d4e
meta.objectliteral meta.method.declaration punctuation.definition.block#835e50
punctuation.section.embedded#aa6241
text.html.php.blade punctuation.section.embedded, meta.embedded.block.php punctuation.section.embedded#6c488b
punctuation.definition.binding-pattern.array#5f99818e
punctuation.definition.binding-pattern.object#c9a288
entity.name.type.module.ts, entity.name.type.module.tsx#caa849bold italic underline
keyword.operator.type.ts, keyword.operator.type.tsx#a3740e
meta.object.type punctuation.definition.block, meta.type.declaration meta.brace.square, punctuation.definition.typeparameters, meta.type.annotation punctuation.accessor, meta.type.annotation meta.brace.square#aa7f47
keyword.operator.type.annotation, meta.type.annotation.tsx#aa7a3c
meta.type.annotation meta.brace.square#ad7d3e
meta.type.annotation meta.field.declaration meta.definition.property variable.object.property#9c7542
support.type.primitive.ts, support.type.primitive.tsx#c9642aitalic underline
keyword.operator.spread#c46c65italic
keyword.operator.of#4ead91italic
keyword.operator.expression.delete#d13c31italic
entity.name.type.class, support.class.component, entity.name.type.module, entity.other.inherited-class, new.expr.ts entity.name.type.ts, new.expr.tsx entity.name.type.tsx#daba62bold
new.expr.ts meta.type.parameters.ts entity.name.type.ts#bb9761italic underline
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#396b5f
meta.property-list entity.name.tag#12a871
support.type.vendored.property-name#1e9b5c
source.css support.constant.property-value.css, source.sass support.constant.property-value.css, source.scss support.constant.property-value.css, source.less support.constant.property-value.css, source.stylus support.constant.property-value.css, source.postcss support.constant.property-value.css#2b3b3f
support.constant.color.w3c-standard-color-name.css#161c3d
keyword.other.important#f12f21bold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#000000italic
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#1f8338
variable.other.class.jsbold
entity.name.type.instance.js#b48c07bold
variable.language.this#b39985
entity.name.method.js#305bb8italic
meta.decorator variable.other.readwrite, punctuation.decorator#5a8a6c
meta.embedded.expression variable.other.readwrite, meta.embedded.expression punctuation.section.embedded.begin, meta.embedded.expression punctuation.section.embedded.end, meta.embedded.expression#186554
meta.class-method.js entity.name.function.js, variable.function.constructor#659438
entity.other.attribute-name#aa5a3b
source.js constant.other.object.key.js string#8b5b33
source.vue text.html.vue-html string#0c1f2c
source.directive.vue variable#040a14
expression.embedded.vue variable#050d1a
meta.tag.metadata.doctype entity.name.tag.html, meta.tag.structure.html entity.name.tag.html, meta.tag.structure.head entity.name.tag.html, meta.tag.structure.body entity.name.tag.html, text.html.php.blade entity.name.tag.htmlbold
meta.tag.metadata.script entity.name.tag.html, meta.tag.metadata.style entity.name.tag.html, meta.tag.structure.template entity.name.tag.html
meta.jsx.children.tsx#0d081b
entity.other.attribute-name.class punctuation.definition.entity.css, entity.other.attribute-name.class#C07938
entity.name.tag.reference.scss#e0856e
punctuation.section.property-list#9b756f
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation#855018
meta.attribute.id.html entity.other.attribute-name.html, entity.other.attribute-name.id.css punctuation.definition.entity.css, entity.other.attribute-name.id.css#098d61bold
meta.property-value.css support.constant#0b1e29
source.css keyword.control, source.scss keyword.control, source.sass keyword.control, source.css keyword.control punctuation.definition.keyword.scss, source.scss keyword.control punctuation.definition.keyword.scss, source.sass keyword.control punctuation.definition.keyword.scss#01913d
markup.inserted#5c7a2f
markup.deleted#d11f3d
markup.changed#72349b
string.regexp#e42ebc
string.regexp punctuation#7341e7
keyword.control.anchor.regexp#07af93
constant.character.numeric.regexp#e07aaa
constant.character.escape.backslash.regexp#9e58df
string.regexp punctuation.definition.string, string.regexp keyword.operator#745cff
constant.character.escape#62a594
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#687eaditalic
keyword.begin.blade, keyword.end.blade, keyword.blade#ac5757italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json string#cf5107
source.json meta.structure.dictionary.json support.type.property-name.json#39833c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#584a3d
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#7a7a7a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#4a9154
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a17a25
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ca4332
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#74177c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#3bafc4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#59807a
text.html.markdown, punctuation.definition.list_item.markdown#1a3c42
text.html.markdown markup.inline.raw.markdown#7532a1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#476074
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#b61c1c
markup.italic#062835italic
markup.bold, markup.bold string#0e323dbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#163836italic bold
markup.underline#c54017underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#359661
string.other.link.description.title.markdown#734194
constant.other.reference.link.markdown#b67806
markup.raw.block#753f99
markup.raw.block.fenced.markdown#00000050
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#0f8659
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#0e1725
variable.language.fenced.markdown#344857
meta.separator#65737Ebold
markup.table#1d3844

Shiki preview

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

Loading...