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#3a4444
  • activityBar.border#c4e6eb16
  • activityBar.foreground#d4bcb2
  • activityBar.inactiveForeground#cfb5a977
  • activityBarBadge.background#1c774a
  • badge.background#1c774a
  • badge.foreground#e0cbc1
  • button.background#24b49049
  • button.foreground#ffe7d1
  • checkbox.background#4fac8a31
  • checkbox.border#4fac8a33
  • debugIcon.breakpointForeground#f77047
  • descriptionForeground#cfb5a998
  • diffEditor.diagonalFill#eccbbb19
  • diffEditor.insertedTextBackground#3bab881c
  • diffEditor.insertedTextBorder#3bab8808
  • diffEditor.removedTextBackground#b424242a
  • diffEditor.removedTextBorder#b4242408
  • dropdown.background#415855
  • dropdown.border#4fac8a33
  • dropdown.foreground#e9d0c4
  • editor.background#3a4444
  • editor.findMatchBackground#d475f146
  • editor.findMatchHighlightBackground#ce0d9e49
  • editor.findMatchHighlightBorder#d857ad4b
  • editor.foreground#ffe3cc
  • editor.lineHighlightBackground#a9cfbc0e
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#6f96904d
  • editor.selectionHighlightBackground#26a05d27
  • editor.wordHighlightBackground#f57b1834
  • editor.wordHighlightStrongBackground#db923346
  • editorBracketHighlight.foreground1#c7a374
  • editorBracketHighlight.foreground2#f07171
  • editorBracketHighlight.foreground3#bec95f
  • editorBracketHighlight.foreground4#48a04c
  • editorBracketHighlight.foreground5#ec8dd0
  • editorBracketHighlight.foreground6#e78747
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#ffebdb
  • editorCursor.background#3a4444
  • editorCursor.foreground#1fc56a
  • editorError.foreground#c71726
  • editorGroup.border#c4e6eb16
  • editorGroup.dropBackground#32bb6615
  • editorGroupHeader.tabsBackground#3a4444
  • editorGutter.addedBackground#97c579
  • editorGutter.commentRangeForeground#b1a59d
  • editorGutter.deletedBackground#e2615d
  • editorGutter.modifiedBackground#77a5a7
  • editorHint.foreground#34a125
  • editorIndentGuide.activeBackground#eccbbb44
  • editorIndentGuide.background#eccbbb11
  • editorInfo.foreground#73b4ac
  • editorInlayHint.background#515c51
  • editorInlayHint.foreground#95b29b
  • editorInlayHint.parameterBackground#5e514c
  • editorInlayHint.parameterForeground#e09b72
  • editorInlayHint.typeBackground#5c5549
  • editorInlayHint.typeForeground#d0b771
  • editorLightBulb.foreground#ffbb00
  • editorLightBulbAutoFix.foreground#6ac292
  • editorLineNumber.activeForeground#31925d
  • editorLineNumber.foreground#cbdbd62d
  • editorLink.activeForeground#20dda1
  • editorOverviewRuler.addedForeground#77ac89
  • editorOverviewRuler.modifiedForeground#6faca3
  • editorStickyScrollHover.background#455752
  • editorSuggestWidget.foreground#cfb5a9
  • editorSuggestWidget.highlightForeground#31925d
  • editorSuggestWidget.selectedBackground#31925d33
  • editorWarning.foreground#e98842
  • editorWhitespace.foreground#cfb5a91e
  • editorWidget.background#3f4b4b
  • editorWidget.border#657a79
  • editorWidget.foreground#eccbbb
  • focusBorder#d46c2f
  • foreground#ffe3cc
  • gitDecoration.addedResourceForeground#30ce3d
  • gitDecoration.conflictingResourceForeground#fa57df
  • gitDecoration.deletedResourceForeground#ee605e
  • gitDecoration.ignoredResourceForeground#6d7a74
  • gitDecoration.modifiedResourceForeground#5cb9b5
  • input.background#4fac8a2a
  • input.border#58c29b49
  • input.foreground#e4cbc0
  • keybindingLabel.background#4a5656
  • keybindingLabel.border#31925d33
  • keybindingLabel.bottomBorder#31925d33
  • keybindingLabel.foreground#8abda1
  • list.activeSelectionBackground#50bb8644
  • list.activeSelectionForeground#fff8f5
  • list.dropBackground#31925d13
  • list.errorForeground#f15c48
  • list.filterMatchBackground#0eff7a2c
  • list.focusBackground#3bab8854
  • list.focusForeground#e9ded9
  • list.highlightForeground#e8a473
  • list.hoverBackground#e9ded911
  • list.inactiveSelectionBackground#cfb5a911
  • list.inactiveSelectionForeground#cfb5a9
  • list.invalidItemForeground#b8980a
  • list.warningForeground#e0a82f
  • listFilterWidget.background#033f2c
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#3a4444
  • menu.border#c4e6eb16
  • menu.foreground#cfb5a9
  • menu.selectionBackground#7d9b9155
  • menu.selectionForeground#f3dfd5
  • menu.separatorBackground#cfb5a967
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#31925d2a
  • minimap.selectionHighlight#a0cfc152
  • notifications.background#3f4b4b
  • notifications.border#203333
  • notifications.foreground#cfb5a9
  • panel.background#3a4444
  • panel.border#c4e6eb16
  • panelTitle.activeForeground#eccec0
  • panelTitle.inactiveForeground#cfb5a979
  • peekView.border#31925d99
  • peekViewEditor.background#31925d10
  • peekViewEditor.matchHighlightBackground#ff6d0b44
  • peekViewEditorStickyScroll.background#3d4d48
  • peekViewResult.background#70aa8a19
  • peekViewResult.fileForeground#e2ccc2
  • peekViewResult.lineForeground#cfb5a9a6
  • peekViewResult.selectionBackground#31925d
  • peekViewTitle.background#31925d22
  • peekViewTitleDescription.foreground#cfb5a9ab
  • peekViewTitleLabel.foreground#cfb5a9
  • pickerGroup.border#c4e6eb16
  • pickerGroup.foreground#ffe3cc
  • progressBar.background#31925d
  • scrollbar.shadow#3a4444
  • scrollbarSlider.activeBackground#cfb5a910
  • scrollbarSlider.background#cfb5a913
  • scrollbarSlider.hoverBackground#cfb5a917
  • selection.background#44bd9199
  • settings.headerForeground#e7d4cb
  • settings.modifiedItemIndicator#31925d
  • sideBar.background#3a4444
  • sideBar.border#c4e6eb16
  • sideBar.foreground#d3beb3
  • sideBarSectionHeader.background#3a4444
  • sideBarSectionHeader.border#c4e6eb16
  • sideBarTitle.foreground#f8dacc
  • statusBar.background#3a4444
  • statusBar.border#c4e6eb16
  • statusBar.debuggingBackground#7c453e
  • statusBar.foreground#dbc3b8
  • statusBar.noFolderBackground#1f2b2a
  • statusBarItem.prominentBackground#159e5a
  • statusBarItem.prominentForeground#2e3a3a
  • statusBarItem.prominentHoverBackground#59f7c5dd
  • statusBarItem.remoteBackground#883c29
  • symbolIcon.classForeground#f8af11
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#0aa3a3
  • tab.activeBackground#3a4444
  • tab.activeBorderTop#ffffff75
  • tab.activeForeground#ffffff
  • tab.border#0000
  • tab.inactiveBackground#3a4444
  • terminal.ansiBlack#606d6d
  • terminal.ansiBlue#4779bb
  • terminal.ansiBrightBlack#899494
  • terminal.ansiBrightBlue#68b6ff
  • terminal.ansiBrightCyan#7be6e6
  • terminal.ansiBrightGreen#2fec6e
  • terminal.ansiBrightMagenta#ff6d9e
  • terminal.ansiBrightRed#fd8677
  • terminal.ansiBrightWhite#fff2ec
  • terminal.ansiBrightYellow#ffdd47
  • terminal.ansiCyan#46b9b9
  • terminal.ansiGreen#25ac42
  • terminal.ansiMagenta#e02d69
  • terminal.ansiRed#fa5c47
  • terminal.ansiWhite#fae5d6
  • terminal.ansiYellow#cca63c
  • terminal.background#3a4444
  • terminal.foreground#e7cdc0
  • terminal.selectionBackground#31925d2d
  • terminalCursor.background#31925d55
  • terminalCursor.foreground#30a866
  • textBlockQuote.background#e9d6c818
  • textBlockQuote.border#31925d
  • textLink.activeForeground#ff6d0b
  • textLink.foreground#ee7d32
  • textPreformat.foreground#ee6f58
  • textSeparator.foreground#e9d5c755
  • titleBar.activeBackground#344141
  • titleBar.activeForeground#f8dacc
  • titleBar.inactiveBackground#344141
  • titleBar.inactiveForeground#cfb5a9b2
  • tree.indentGuidesStroke#cfb5a918
  • widget.shadow#3a4444

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#77817e
comment.block.documentation storage.type.class.jsdoc#daccb0italic
constant.other.php#29d4aabold
keyword.operator.class.php#ca8750
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#ffe3cc
meta.object-literal.key#f8c093
meta.brace.round#a1866f
constant.other.color#ffead9
invalid, invalid.illegal#E14446
keyword#c9bca4
keyword.operator.new#b89e59italic
storage.type#e78d87italic
storage.type.enum.ts, storage.type.enum.tsx#b68abe
entity.name.type.enum.ts, entity.name.type.enum.tsx#b989d4bold
entity.name.label.ts, entity.name.label.tsx#b5beaa
keyword.operator.expression.of#BBB958
storage.type.function.arrow#ec7168
storage.type.property#ff8138italic
storage.modifier#c78979italic
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#f8c4abbe
variable.interpolation
keyword.operator.ternary#987ebb
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#ba96c2
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#8add9d
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#d391d3
keyword.control.as#cf8b4a
keyword.control.flow.python, keyword.control.conditional#70d893
keyword.control.loop#bbb958
keyword.controlitalic
keyword.control.return, keyword.control.flow#4dd686italic
keyword.control.trycatch#ff7e42italic
support.class.builtin#44ce89bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#4ab88fbold
keyword.otheritalic
support.other.variable, string.other.link#d89962
constant.numeric#f78d72
keyword.other.unit#d68571
keyword.other.unit.px#5db8b0
keyword.other.unit.em#c99c64
keyword.other.unit.rem#d6d469
constant.language.infinity#9871d6
constant.language.null#93ada7
constant.language.undefined#9daca6
keyword.operator.expression.void#575757italic
constant.language.boolean.true#38cf4c
constant.language.boolean.false#dd91b6
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#38d39f
keyword.operator.optional, punctuation.accessor.optional#e47979
keyword.operator.arithmetic#b87e76
keyword.operator.logical#fab042
keyword.operator.relational, keyword.operator.comparison#b4d88a
keyword.operator.assignment#e79292
keyword.operator.expression#ca6969italic
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#f3a066
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#8b776a
keyword.operator.rest#d86e44
meta.attribute string.quoted, meta.tag.attributes string.quoted#f5bc73
support.function.construct.output#69a097italic
keyword.generator.asterisk#6d88ffbold
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#f0d489
entity.name.property#be9233bold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#fe8f6e
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#ff997aitalic
meta.function-call support.function#ff6739
variable.parameter#f19a78
support.class, support.constantbold
support.class.console#616161bold
variable.other.readwrite support.class.error, support.class.error#f55e43bold
meta.decorator#9bc0a9italic
variable.other.object, variable.argument.css
variable.other.constant#b4ddbcbold
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#fcd37citalic 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#abaf7citalic underline
meta.interface.ts entity.other.inherited-class#bb5a19italic underline
meta.type.annotation string.quoted#c98659
meta.var.expr meta.brace.round#d19b5d
punctuation.definition.string#ce9758
punctuation.definition.block#b89876
meta.arrow punctuation.definition.block#99796e
meta.objectliteral punctuation.definition.block#e7a86c
meta.objectliteral meta.method.declaration punctuation.definition.block#c08973
punctuation.section.embedded#ad6949
text.html.php.blade punctuation.section.embedded, meta.embedded.block.php punctuation.section.embedded#866d9c
punctuation.definition.binding-pattern.array#658b7c
punctuation.definition.binding-pattern.object#c2723e
entity.name.type.module.ts, entity.name.type.module.tsx#d1a427bold 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#dfb57e
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#c2a073
support.type.primitive.ts, support.type.primitive.tsx#d1923fitalic underline
keyword.operator.spread#c2716citalic
keyword.operator.of#6dddbbitalic
keyword.operator.expression.delete#f85c51italic
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#f4ba4ebold
new.expr.ts meta.type.parameters.ts entity.name.type.ts#9b6b23italic 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#a6d8b5
meta.property-list entity.name.tag#7cd897
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#eeae94
support.constant.color.w3c-standard-color-name.css#ecc4b3
keyword.other.important#ce4940bold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#ffe8cditalic
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#53ac69
variable.other.class.jsbold
entity.name.type.instance.js#e6b515bold
variable.language.this#b69a83
entity.name.method.js#82AAFFitalic
meta.decorator variable.other.readwrite, punctuation.decorator#95b6a1
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#f39d5f
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#ff9373
entity.name.tag.reference.scss#e26d4f
punctuation.section.property-list#aa766e
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation#e28f37
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#15c25d
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#f186da
string.regexp punctuation#9e7ee7
keyword.control.anchor.regexp#55d4bf
constant.character.numeric.regexp#e07aaa
constant.character.escape.backslash.regexp#af68f1
string.regexp punctuation.definition.string, string.regexp keyword.operator#9380ff
constant.character.escape#62a594
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
keyword.begin.blade, keyword.end.blade, keyword.blade#eb7d7ditalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#3dbb52
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffa285
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#e7b8aa
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#e6a749
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#ad4120
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#ffe3cc
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.quoteitalic
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#55c788
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#ffe3cc
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#ffe3cc

Shiki preview

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

Loading...