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#221f1e
  • activityBar.border#dcbd9d23
  • activityBar.foreground#ee560f
  • activityBar.inactiveForeground#dcbd9d54
  • activityBarBadge.background#ee560f
  • activityBarBadge.foreground#161616
  • badge.background#ee560f
  • badge.foreground#000000
  • button.background#91a44d
  • button.foreground#292524
  • checkbox.background#312d27
  • checkbox.border#ac7c4f33
  • debugIcon.breakpointForeground#ee560f
  • descriptionForeground#dcbd9d98
  • diffEditor.diagonalFill#dcbd9d20
  • diffEditor.insertedTextBackground#63b1441c
  • diffEditor.insertedTextBorder#63b14408
  • diffEditor.removedTextBackground#bd3f042a
  • diffEditor.removedTextBorder#bd3f0408
  • dropdown.background#312d27
  • dropdown.border#ac7c4f33
  • dropdown.foreground#dcbd9d
  • editor.background#221f1e
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#dcbd9d
  • editor.lineHighlightBackground#dcbd9d13
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#dfee0f21
  • editor.selectionHighlightBackground#ee560f27
  • editor.wordHighlightBackground#db7f3333
  • editor.wordHighlightStrongBackground#db923349
  • editorBracketHighlight.foreground1#b8986f
  • editorBracketHighlight.foreground2#dd745a
  • editorBracketHighlight.foreground3#bec95f
  • editorBracketHighlight.foreground4#48a04c
  • editorBracketHighlight.foreground5#7ca5af
  • editorBracketHighlight.foreground6#e78747
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#c7e760
  • editorCursor.background#ffffff
  • editorCursor.foreground#c2d542
  • editorError.foreground#c71726
  • editorGroup.border#dcbd9d23
  • editorGroup.dropBackground#ee560f15
  • editorGroupHeader.tabsBackground#221f1e
  • editorGutter.addedBackground#0b5c26
  • editorGutter.commentRangeForeground#57514d
  • editorGutter.deletedBackground#b86261
  • editorGutter.modifiedBackground#145e4b
  • editorHint.foreground#80bb2e
  • editorIndentGuide.activeBackground#dcbd9d44
  • editorInfo.foreground#73b4ac
  • editorInlayHint.background#3b3532
  • editorInlayHint.foreground#928976
  • editorInlayHint.parameterBackground#403028
  • editorInlayHint.parameterForeground#b37856
  • editorInlayHint.typeBackground#362e28
  • editorInlayHint.typeForeground#a78659
  • editorLightBulb.foreground#ffb223
  • editorLightBulbAutoFix.foreground#80c26a
  • editorLineNumber.activeForeground#9aaa47
  • editorLineNumber.foreground#5e5a5881
  • editorLink.activeForeground#20dda1
  • editorOverviewRuler.addedForeground#0b5c26
  • editorOverviewRuler.modifiedForeground#1d796c
  • editorStickyScrollHover.background#3a422e
  • editorSuggestWidget.foreground#dcbd9d
  • editorSuggestWidget.highlightForeground#97c857
  • editorSuggestWidget.selectedBackground#6d923133
  • editorWarning.foreground#e98842
  • editorWhitespace.foreground#8d898518
  • editorWidget.background#292524
  • editorWidget.border#dcbd9d23
  • editorWidget.foreground#dcbd9d
  • focusBorder#9c542a
  • foreground#dcbd9d
  • gitDecoration.addedResourceForeground#1db129
  • gitDecoration.conflictingResourceForeground#fc60f4
  • gitDecoration.deletedResourceForeground#e05553
  • gitDecoration.ignoredResourceForeground#685c5c
  • gitDecoration.modifiedResourceForeground#488582
  • icon.foreground#b3bc64
  • input.background#312d27
  • input.border#ac7c4f33
  • input.foreground#dcbd9d
  • keybindingLabel.background#2d2a28
  • keybindingLabel.border#e7b07d33
  • keybindingLabel.bottomBorder#e7b07d33
  • keybindingLabel.foreground#de9e80
  • list.activeSelectionBackground#87bb5044
  • list.activeSelectionForeground#fff8f5
  • list.dropBackground#31925d13
  • list.errorForeground#f15c48
  • list.filterMatchBackground#0eff7a2c
  • list.focusBackground#97381b75
  • list.focusForeground#e9ded9
  • list.highlightForeground#a9d25d
  • list.hoverBackground#e9ded912
  • list.inactiveSelectionBackground#dcbd9d11
  • list.inactiveSelectionForeground#dcbd9d
  • list.invalidItemForeground#9c5622
  • list.warningForeground#ffba24
  • listFilterWidget.background#033f2c
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#1c1918
  • menu.foreground#dcbd9d
  • menu.selectionBackground#c2411a46
  • menu.selectionForeground#ebd3c8
  • menu.separatorBackground#dcbd9d18
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#31925d2a
  • minimap.selectionHighlight#bdd65063
  • notifications.background#292524
  • notifications.border#203333
  • notifications.foreground#dcbd9d
  • panel.background#221f1e
  • panel.border#dcbd9d23
  • panelTitle.activeForeground#fa6d2c
  • panelTitle.inactiveForeground#dcbd9d66
  • peekView.border#4f8b4b99
  • peekViewEditor.background#31923610
  • peekViewEditor.matchHighlightBackground#ff6d0b44
  • peekViewEditorStickyScroll.background#2e3128
  • peekViewResult.background#445b394f
  • peekViewResult.fileForeground#e2ccc2
  • peekViewResult.lineForeground#dcbd9da6
  • peekViewResult.selectionBackground#40923199
  • peekViewTitle.background#5a8d4822
  • peekViewTitleLabel.foreground#dcbd9d
  • pickerGroup.border#dcbd9d23
  • pickerGroup.foreground#dcbd9d
  • progressBar.background#339231
  • scrollbar.shadow#151c1d98
  • scrollbarSlider.activeBackground#dcbd9d10
  • scrollbarSlider.background#dcbd9d13
  • scrollbarSlider.hoverBackground#dcbd9d17
  • selection.background#93ac4f99
  • settings.headerForeground#e7d4cb
  • settings.modifiedItemIndicator#ee560f
  • sideBar.background#221f1e
  • sideBar.border#dcbd9d23
  • sideBar.foreground#dcbd9d
  • sideBarSectionHeader.background#221f1e
  • sideBarSectionHeader.border#dcbd9d23
  • sideBarTitle.foreground#dcbd9d
  • statusBar.background#221f1e
  • statusBar.border#dcbd9d23
  • statusBar.debuggingBackground#682d22
  • statusBar.debuggingForeground#ebbda8
  • statusBar.foreground#ad978d
  • statusBar.noFolderBackground#161616
  • statusBarItem.prominentBackground#ee560f
  • statusBarItem.prominentForeground#ffdecf
  • statusBarItem.prominentHoverBackground#ff6d29
  • statusBarItem.remoteBackground#90c142
  • statusBarItem.remoteForeground#000000
  • symbolIcon.classForeground#f8af11
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#0aa3a3
  • tab.activeBackground#221f1e
  • tab.activeBorderTop#ee560f
  • tab.activeForeground#fcc9b5
  • tab.border#0000
  • tab.inactiveBackground#221f1e
  • terminal.ansiBlack#473e3b
  • terminal.ansiBlue#3465a5
  • terminal.ansiBrightBlack#575249
  • terminal.ansiBrightBlue#3a89d3
  • terminal.ansiBrightCyan#1bdfbe
  • terminal.ansiBrightGreen#84c32b
  • terminal.ansiBrightMagenta#ff246d
  • terminal.ansiBrightRed#d43e2a
  • terminal.ansiBrightWhite#fae8e0
  • terminal.ansiBrightYellow#ff9b18
  • terminal.ansiCyan#08a087
  • terminal.ansiGreen#74ad45
  • terminal.ansiMagenta#c40b48
  • terminal.ansiRed#b61702
  • terminal.ansiWhite#dcbd9d
  • terminal.ansiYellow#d37d0d
  • terminal.background#221f1e
  • terminal.foreground#dcbd9d
  • terminal.selectionBackground#d0eb004b
  • terminalCursor.background#c2bf237a
  • terminalCursor.foreground#c2bf23
  • textBlockQuote.background#e9d6c818
  • textBlockQuote.border#c95a0f
  • textLink.activeForeground#ff6d0b
  • textLink.foreground#e9701f
  • textPreformat.foreground#ee6f58
  • textSeparator.foreground#e9d5c755
  • titleBar.activeBackground#221f1e
  • titleBar.activeForeground#dcbd9d
  • titleBar.inactiveBackground#221f1e
  • titleBar.inactiveForeground#dcbd9db6
  • tree.indentGuidesStroke#dcbd9d18
  • widget.shadow#1b1b1a98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5a554f
comment.block.documentation storage.type.class.jsdoc#e06932
constant.other.php#0f9473bold
keyword.operator.class.php#ca8750
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#e9cbb2
meta.object-literal.key#c0a085
meta.brace.round#a1866f
constant.other.color#ebc7a8
invalid, invalid.illegal#E14446
keyword#8f8a81
keyword.operator.new#9e8e62
storage.type#b57768
storage.type.enum.ts, storage.type.enum.tsx#8b788f
entity.name.type.enum.ts, entity.name.type.enum.tsx#8b7499bold
entity.name.label.ts, entity.name.label.tsx#9fab74
keyword.operator.expression.of#BBB958
storage.type.function.arrow#c0574f
storage.type.property#ff701d
storage.modifier#a3685a
meta.brace.square#71a773bold
storage.modifier.async#289b65
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#ac826eab
variable.interpolation
keyword.operator.ternary#8c63c0
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#8e7b92
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#76ad83
entity.other.keyframe-offset.css#a0aa49
keyword.control.require#63c57a
keyword.control.switch#a784a7
keyword.control.as#8b5624
keyword.control.flow.python, keyword.control.conditional#5bb177
keyword.control.loop#bbb958
keyword.control
keyword.control.return, keyword.control.flow#01a151
keyword.control.trycatch#db523a
support.class.builtin#43ac77bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#13a570bold
keyword.other
support.other.variable, string.other.link#e29d9e
constant.numeric#d1735b
keyword.other.unit#a35440
keyword.other.unit.px#457e79
keyword.other.unit.em#a18767
keyword.other.unit.rem#ca931b
constant.language.infinity#8569b3
constant.language.null#67726f
constant.language.undefined#616b68
keyword.operator.expression.void#575757
constant.language.boolean.true#73ac35
constant.language.boolean.false#b17091
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#2db889
keyword.operator.optional, punctuation.accessor.optional#9c5151
keyword.operator.arithmetic#b87e76
keyword.operator.logical#c58c37
keyword.operator.relational, keyword.operator.comparison#94b66e
keyword.operator.assignment#b45f5f
keyword.operator.expression#b16b6b
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#e98b48
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#614d40
keyword.operator.rest#d86e44
meta.attribute string.quoted, meta.tag.attributes string.quoted#e2b376
support.function.construct.output#69a097
keyword.generator.asterisk#6b5df0bold
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#a8a769
entity.name.property#be9233bold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#d86f50
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#e27554
meta.function-call support.function#c96648
variable.parameter#ce8365
support.class, support.constantbold
support.class.console#747070bold
variable.other.readwrite support.class.error, support.class.error#d32e11bold
meta.decorator#7ea08b
variable.other.object, variable.argument.css
variable.other.constant#97cdacbold
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#c29a46underline
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#858356underline
meta.interface.ts entity.other.inherited-class#bb5a19underline
meta.type.annotation string.quoted#b68145
meta.var.expr meta.brace.round#835d31
punctuation.definition.string#aa7a43
punctuation.definition.block#635546
meta.arrow punctuation.definition.block#6b5750
meta.objectliteral punctuation.definition.block#b97638
meta.objectliteral meta.method.declaration punctuation.definition.block#7a5242
punctuation.section.embedded#ad6949
text.html.php.blade punctuation.section.embedded, meta.embedded.block.php punctuation.section.embedded#9d82b4
punctuation.definition.binding-pattern.array#38795e
punctuation.definition.binding-pattern.object#8d491b
entity.name.type.module.ts, entity.name.type.module.tsx#d1a427bold 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#b68d58
keyword.operator.type.annotation, meta.type.annotation.tsx#b68d58
meta.type.annotation meta.brace.square#d6b386
meta.type.annotation meta.field.declaration meta.definition.property variable.object.property#997a51
support.type.primitive.ts, support.type.primitive.tsx#b87926underline
keyword.operator.spread#974842
keyword.operator.of#71c7ad
keyword.operator.expression.delete#d13c31
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#dca94bbold
new.expr.ts meta.type.parameters.ts entity.name.type.ts#9b6b23underline
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#90ab98
meta.property-list entity.name.tag#72c58b
support.type.vendored.property-name#70dba5
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#e9ccc1
support.constant.color.w3c-standard-color-name.css#cca596
keyword.other.important#992219bold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#ece0c9
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#53ac69
variable.other.class.jsbold
entity.name.type.instance.js#cca115bold
variable.language.this#b38967
entity.name.method.js#82AAFF
meta.decorator variable.other.readwrite, punctuation.decorator#7ea08b
meta.embedded.expression variable.other.readwrite, meta.embedded.expression punctuation.section.embedded.begin, meta.embedded.expression punctuation.section.embedded.end, meta.embedded.expression#bba38f
meta.class-method.js entity.name.function.js, variable.function.constructor#88bd58
entity.other.attribute-name#d68d59
source.js constant.other.object.key.js string#bba38f
source.vue text.html.vue-html string#d4b49a
source.directive.vue variable#e9dfcc
expression.embedded.vue variable#e9dfcc
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#DDCAC1
entity.other.attribute-name.class punctuation.definition.entity.css, entity.other.attribute-name.class#f08261
entity.name.tag.reference.scss#b44529
punctuation.section.property-list#aa766e
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation#cf812e
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#1dc78ebold
meta.property-value.css support.constant#bba38f
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#038539
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#bb75ac
string.regexp punctuation#5f4a92
keyword.control.anchor.regexp#5dbdad
constant.character.numeric.regexp#e07aaa
constant.character.escape.backslash.regexp#9e58df
string.regexp punctuation.definition.string, string.regexp keyword.operator#7862f3
constant.character.escape#62a594
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFF
keyword.begin.blade, keyword.end.blade, keyword.blade#ac5757
source.js constant.other.object.key.js string.unquoted.label.js#FF5370
source.json meta.structure.dictionary.json support.type.property-name.json#e06932
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#96c06f
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#db8f78
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#ca8e33
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#adb462
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#3fad6d
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#3aa33a
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#ce6d4f
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#849996
text.html.markdown, punctuation.definition.list_item.markdown#e9cab1
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#da5656
markup.italic#ddc2a8italic
markup.bold, markup.bold string#e9ded7bold
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#dfd4bfitalic bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quote
string.other.link.title.markdown#5ece91
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#e4b969
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#9aad66
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#e7c8af
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#e6c8b0

Shiki preview

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

Loading...