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#0b1a1a
  • activityBar.border#63c88855
  • activityBar.foreground#63c888
  • activityBar.inactiveForeground#63c88858
  • activityBarBadge.background#63c888
  • activityBarBadge.foreground#000000
  • badge.background#63c888
  • badge.foreground#000000
  • button.background#63c888
  • button.foreground#0d1817
  • button.secondaryBackground#173733
  • button.secondaryForeground#63c888
  • checkbox.background#0d1817
  • checkbox.border#354e47
  • checkbox.foreground#88ecbd
  • debugIcon.breakpointForeground#d8571b
  • descriptionForeground#b2e6cd98
  • diffEditor.diagonalFill#63c88825
  • diffEditor.insertedTextBackground#36bb320e
  • diffEditor.insertedTextBorder#32bb3909
  • diffEditor.removedTextBackground#ff270b2a
  • diffEditor.removedTextBorder#ff270b09
  • dropdown.background#0d1817
  • dropdown.border#354e47
  • dropdown.foreground#88ecbd
  • editor.background#0b1a1a
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#e6d4b2
  • editor.lineHighlightBackground#63c88810
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#7a7f5a41
  • editor.selectionHighlightBackground#63c88827
  • editor.wordHighlightBackground#db7f3333
  • editor.wordHighlightStrongBackground#db923349
  • editorBracketHighlight.foreground1#337354
  • editorBracketHighlight.foreground2#ca8b8b
  • editorBracketHighlight.foreground3#b0c35a
  • editorBracketHighlight.foreground4#77ad8b
  • editorBracketHighlight.foreground5#a786a4
  • editorBracketHighlight.foreground6#ebb95b
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#7bf6a8
  • editorCursor.background#0b1a1a
  • editorCursor.foreground#63c888
  • editorError.foreground#c4454f
  • editorGroup.border#63c88855
  • editorGroup.dropBackground#63c88825
  • editorGroupHeader.tabsBackground#0b1a1a
  • editorGutter.addedBackground#3d5c0b
  • editorGutter.commentRangeForeground#57514d
  • editorGutter.deletedBackground#8b4846
  • editorGutter.modifiedBackground#79e9a2
  • editorHint.foreground#2cef7a
  • editorIndentGuide.activeBackground#63c88850
  • editorIndentGuide.background#63c88815
  • editorInfo.foreground#308461
  • editorInlayHint.background#162d21
  • editorInlayHint.foreground#41684e
  • editorInlayHint.parameterBackground#311b1b
  • editorInlayHint.parameterForeground#cb886d
  • editorInlayHint.typeBackground#35281c
  • editorInlayHint.typeForeground#c19e69
  • editorLightBulb.foreground#ffbb00
  • editorLightBulbAutoFix.foreground#60d4c1
  • editorLineNumber.activeForeground#63c888
  • editorLineNumber.foreground#63c88855
  • editorLink.activeForeground#b7ffde
  • editorOverviewRuler.addedForeground#0b5c26
  • editorOverviewRuler.modifiedForeground#79e9a2
  • editorStickyScrollHover.background#10362b
  • editorSuggestWidget.focusHighlightForeground#83ffb1
  • editorSuggestWidget.foreground#63c888
  • editorSuggestWidget.highlightForeground#aaffc9
  • editorSuggestWidget.selectedBackground#63c88833
  • editorWarning.foreground#fdab3f
  • editorWhitespace.foreground#e6d4b213
  • editorWidget.background#0d201d
  • editorWidget.border#63c88855
  • editorWidget.foreground#69b786
  • focusBorder#63c888
  • foreground#63c899
  • gitDecoration.addedResourceForeground#58b11da6
  • gitDecoration.conflictingResourceForeground#c254a1
  • gitDecoration.deletedResourceForeground#af4544
  • gitDecoration.ignoredResourceForeground#4f6e63
  • gitDecoration.modifiedResourceForeground#6dffa3
  • gitlens.trailingLineForegroundColor#38584d
  • icon.foreground#63c888
  • input.background#0d1817
  • input.border#354e47
  • input.foreground#88ecbd
  • keybindingLabel.background#1c382e
  • keybindingLabel.border#3f785364
  • keybindingLabel.bottomBorder#22492f86
  • keybindingLabel.foreground#63c888
  • list.activeSelectionBackground#63c88844
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#63c88813
  • list.errorForeground#f15c48
  • list.filterMatchBackground#0eff7a2c
  • list.focusBackground#63c88850
  • list.focusForeground#a2ffc4
  • list.focusHighlightForeground#7affb8
  • list.highlightForeground#a7ffc7
  • list.hoverBackground#63c88815
  • list.inactiveSelectionBackground#e6d4b211
  • list.inactiveSelectionForeground#c1e1cd
  • list.invalidItemForeground#9d427c
  • list.warningForeground#e69543
  • listFilterWidget.background#033f2c
  • listFilterWidget.noMatchesOutline#c35046
  • listFilterWidget.outline#0b1a1a00
  • menu.background#0d1e1e
  • menu.border#63c88855
  • menu.foreground#e6d4b2
  • menu.selectionBackground#63c88849
  • menu.selectionForeground#e6d4b2
  • menu.separatorBackground#63c88855
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#63c8882a
  • minimap.selectionHighlight#63c88838
  • notifications.background#0d2522
  • notifications.border#203333
  • notifications.foreground#63c888
  • panel.background#0b1a1a
  • panel.border#63c88855
  • panelTitle.activeForeground#63c888
  • panelTitle.inactiveForeground#63c88866
  • peekView.border#63c88899
  • peekViewEditor.background#63c88810
  • peekViewEditor.matchHighlightBackground#d60bff44
  • peekViewEditorStickyScroll.background#102f26
  • peekViewResult.background#63c88825
  • peekViewResult.fileForeground#e6d4b2
  • peekViewResult.lineForeground#5da96da6
  • peekViewResult.selectionBackground#63c88855
  • peekViewTitle.background#63c88822
  • peekViewTitleDescription.foreground#e6d4b2ab
  • peekViewTitleLabel.foreground#e6d4b2
  • pickerGroup.border#63c88855
  • pickerGroup.foreground#63c899
  • progressBar.background#63c888
  • scrollbar.shadow#0b1a1a
  • scrollbarSlider.activeBackground#63c88810
  • scrollbarSlider.background#63c88822
  • scrollbarSlider.hoverBackground#63c88855
  • selection.background#63c88899
  • settings.headerForeground#cfffd8
  • settings.modifiedItemIndicator#88ecbd
  • sideBar.background#0b1a1a
  • sideBar.border#63c88855
  • sideBar.foreground#9fd5aeaa
  • sideBarSectionHeader.background#0b1a1a
  • sideBarSectionHeader.border#63c88855
  • sideBarSectionHeader.foreground#63c888
  • sideBarTitle.foreground#63c888
  • statusBar.background#0b1a1a
  • statusBar.border#63c88855
  • statusBar.debuggingBackground#3e251f
  • statusBar.foreground#63c888d5
  • statusBar.noFolderBackground#0b1a1a
  • statusBarItem.prominentBackground#63c888
  • statusBarItem.prominentForeground#0b1a1a
  • statusBarItem.prominentHoverBackground#63c888
  • statusBarItem.remoteBackground#63c88898
  • symbolIcon.classForeground#f8af11
  • symbolIcon.constructorForeground#b874c8
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#db6938
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#de773f
  • symbolIcon.variableForeground#76f3a4
  • tab.activeBackground#63c88812
  • tab.activeBorderTop#63c888
  • tab.activeForeground#63c888
  • tab.border#0000
  • tab.inactiveBackground#0b1a1a
  • terminal.ansiBlack#243d36
  • terminal.ansiBlue#4a89ad
  • terminal.ansiBrightBlack#406662
  • terminal.ansiBrightBlue#68bbdb
  • terminal.ansiBrightCyan#c0ffe6
  • terminal.ansiBrightGreen#8fe560
  • terminal.ansiBrightMagenta#f3777b
  • terminal.ansiBrightRed#e46857
  • terminal.ansiBrightWhite#faece0
  • terminal.ansiBrightYellow#ffcb2f
  • terminal.ansiCyan#6cffbd
  • terminal.ansiGreen#3bce16
  • terminal.ansiMagenta#cb3e43
  • terminal.ansiRed#a94133
  • terminal.ansiWhite#e8bfa1
  • terminal.ansiYellow#b47d36
  • terminal.background#0b1a1a
  • terminal.foreground#63c888
  • terminal.selectionBackground#63c8887c
  • terminalCursor.background#63c88855
  • terminalCursor.foreground#63c888
  • textBlockQuote.background#e4e4e418
  • textBlockQuote.border#63c888
  • textLink.activeForeground#e3fff3
  • textLink.foreground#b7ffde
  • textPreformat.foreground#b7ffde
  • textSeparator.foreground#e0e0e055
  • titleBar.activeBackground#0b1a1a
  • titleBar.activeForeground#63c888
  • titleBar.inactiveBackground#0b1a1a
  • titleBar.inactiveForeground#63c888cb
  • tree.indentGuidesStroke#63c88855
  • widget.shadow#0d1817

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3c5e48
comment.block.documentation storage.type.class.jsdoc#63c888italic
constant.other.php#38996cbold
keyword.operator.class.php#ca8750
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#efc6a4
meta.object-literal.key#d3a57d
meta.brace.round#888888
constant.other.color#e6d4b2
invalid, invalid.illegal#e14459
keyword#bebebe
keyword.operator.new#aa8c84italic
storage.type#d3967ditalic
storage.type.enum.ts, storage.type.enum.tsx#9376b6
entity.name.type.enum.ts, entity.name.type.enum.tsx#a86dd2bold
entity.name.label.ts, entity.name.label.tsx#9ba58f
keyword.operator.expression.of#abce6a
storage.type.function.arrow#bd625c
storage.type.property#e99264italic
storage.modifier#d7775fitalic
meta.brace.square#90bb5ebold
storage.modifier.async#46d483
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#bfa080ab
variable.interpolation
keyword.operator.ternary#b07df3
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#8e7b92
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#4db674
entity.other.keyframe-offset.css#aec94d
keyword.control.require#63c57a
keyword.control.switch#bd7fc5
keyword.control.as#248555
keyword.control.flow.python, keyword.control.conditional#5cde97
keyword.control.flow.block-scalar.literal.yaml
keyword.control.loop#a3c06c
keyword.controlitalic
keyword.control.return, keyword.control.flow#3b9f66italic
keyword.control.trycatch#d6656fitalic
support.class.builtin#50c0b1bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#63c291bold
keyword.otheritalic
support.other.variable, string.other.link#c7b29f
constant.numeric#da8671
keyword.other.unit#a35440
keyword.other.unit.px#72959e
keyword.other.unit.em#a78255
keyword.other.unit.rem#b8b655
constant.language.infinity#8569b3
constant.language.null#5a836c
constant.language.undefined#678d7d
keyword.operator.expression.void#678d80italic
constant.language.boolean.true#5be98f
constant.language.boolean.false#c36c8c
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#46c476
keyword.operator.optional, punctuation.accessor.optional#be5a5a
keyword.operator.arithmetic#b87e76
keyword.operator.logical#e0a03e
keyword.operator.relational, keyword.operator.comparison#76b66e
keyword.operator.assignment#8a5656
keyword.operator.expression#a15f5fitalic
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#dbae5f
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#616161
keyword.operator.rest#be7d64
meta.attribute string.quoted, meta.tag.attributes string.quoted#cc9b5a
support.function.construct.output#69a097italic
keyword.generator.asterisk#715de1bold
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#ddb649
entity.name.property#be9233bold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#e67d62
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#e78361italic
meta.function-call support.function#e97e53
variable.parameter#cfa898
support.class, support.constantbold
support.class.console#616161bold
variable.other.readwrite support.class.error, support.class.error#d32e11bold
meta.decorator#84b9aeitalic
variable.other.object, variable.argument.css
variable.other.constant#92c594bold
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#c5a45citalic 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#6da37citalic underline
meta.interface.ts entity.other.inherited-class#bb5a19italic underline
meta.type.annotation string.quoted#b68145
meta.var.expr meta.brace.round#835d31
punctuation.definition.string#aa7a43
punctuation.definition.block#685e50
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#866d9c
punctuation.definition.binding-pattern.array#337459
punctuation.definition.binding-pattern.object#8d491b
entity.name.type.module.ts, entity.name.type.module.tsx#d1a427bold italic underline
keyword.operator.type.ts, keyword.operator.type.tsx#905e4e
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#a9967e
support.type.primitive.ts, support.type.primitive.tsx#967355italic underline
keyword.operator.spread#ad5b55italic
keyword.operator.of#71c7aditalic
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#e8b94bbold
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#8db694
meta.property-list entity.name.tag#6bca87
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#cca596
support.constant.color.w3c-standard-color-name.css#cca596
keyword.other.important#be524abold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#e6d4b2italic
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#7dbb9e
entity.name.method.js#82AAFFitalic
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#cfb59f
meta.class-method.js entity.name.function.js, variable.function.constructor#88bd58
entity.other.attribute-name#b38769
source.js constant.other.object.key.js string#c0c0c0
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#efe5ce
entity.other.attribute-name.class punctuation.definition.entity.css, entity.other.attribute-name.class#dd7251
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#c0c0c0
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#c67ff5
string.regexp#c466af
string.regexp punctuation#9060ff
keyword.control.anchor.regexp#54c9b5
constant.character.numeric.regexp#e06aa1
constant.character.escape.backslash.regexp#933be6
string.regexp punctuation.definition.string, string.regexp keyword.operator#745fec
constant.character.escape#58bda4
*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#ac5757italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#e6d4b2
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ca9674
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#e2a785
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#6db68b
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#53aa53
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#d2bfa6
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#446e61
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#d37474
markup.italic#dddddditalic
markup.bold, markup.bold string#e6d4b2bold
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#e6d4b2italic bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#63c888
string.other.link.description.title.markdown#c680f5
constant.other.reference.link.markdown#7eb964
markup.raw.block#C792EA
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#97d9ac
markup.raw.block.fenced.markdown#0b1a1a50
punctuation.definition.fenced.markdown#0b1a1a50
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#B99679
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#B99679

Shiki preview

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

Loading...