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#21241e
  • activityBar.border#fc943f38
  • activityBar.foreground#d4872e
  • activityBar.inactiveForeground#fc943f62
  • activityBarBadge.background#d4872e
  • activityBarBadge.foreground#312f2e
  • badge.background#d4872e
  • badge.foreground#110b09
  • button.background#d4872e
  • button.foreground#362222
  • checkbox.background#2F2C20
  • checkbox.border#fc943f38
  • debugIcon.breakpointForeground#ee560f
  • descriptionForeground#e2ab8198
  • diffEditor.diagonalFill#eea16719
  • diffEditor.insertedTextBackground#80a35313
  • diffEditor.insertedTextBorder#80a35308
  • diffEditor.removedTextBackground#bb3d1e38
  • diffEditor.removedTextBorder#bb3d1e08
  • dropdown.background#2F2C20
  • dropdown.border#fc943f38
  • dropdown.foreground#e7b07d
  • editor.background#21241e
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#e7b07d
  • editor.lineHighlightBackground#e9412b1e
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#df651e46
  • editor.selectionHighlightBackground#fa65654d
  • editor.wordHighlightBackground#db3e3333
  • editor.wordHighlightStrongBackground#db473349
  • editorBracketHighlight.foreground1#926d3c
  • editorBracketHighlight.foreground2#cf6b6b
  • editorBracketHighlight.foreground3#9ca546
  • editorBracketHighlight.foreground4#3a7900
  • editorBracketHighlight.foreground5#b3709f
  • editorBracketHighlight.foreground6#ce952d
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#f5c599
  • editorCursor.background#21241e
  • editorCursor.foreground#f06b1e
  • editorError.foreground#c71726
  • editorGroup.border#fc943f38
  • editorGroup.dropBackground#ffd97013
  • editorGroupHeader.tabsBackground#21241e
  • editorGutter.addedBackground#5da32f
  • editorGutter.commentRangeForeground#866e5d
  • editorGutter.deletedBackground#9e5857
  • editorGutter.modifiedBackground#36a062
  • editorHint.foreground#34a125
  • editorIndentGuide.activeBackground#e7b07d44
  • editorInfo.foreground#73b4ac
  • editorInlayHint.background#3b3b35
  • editorInlayHint.foreground#969959
  • editorInlayHint.parameterBackground#382d2a
  • editorInlayHint.parameterForeground#d27b58
  • editorInlayHint.typeBackground#362d27
  • editorInlayHint.typeForeground#c39e5b
  • editorLightBulb.foreground#e6ac57
  • editorLightBulbAutoFix.foreground#7ac9ab
  • editorLineNumber.activeForeground#f0601e
  • editorLineNumber.foreground#fc943f38
  • editorLink.activeForeground#d4872e
  • editorOverviewRuler.addedForeground#609932
  • editorOverviewRuler.modifiedForeground#46a76e
  • editorRuler.foreground#e2ab8198
  • editorStickyScrollHover.background#40341f
  • editorSuggestWidget.border#fc943f38
  • editorSuggestWidget.foreground#e7b07d
  • editorSuggestWidget.highlightForeground#f0601e
  • editorSuggestWidget.selectedBackground#f0601e33
  • editorWarning.foreground#e98842
  • editorWhitespace.foreground#eea16719
  • editorWidget.background#252922
  • editorWidget.border#fc943f38
  • editorWidget.foreground#e7b07d
  • focusBorder#f0601e
  • foreground#e7b07d
  • gitDecoration.addedResourceForeground#65d10c83
  • gitDecoration.conflictingResourceForeground#eb4ee3
  • gitDecoration.deletedResourceForeground#b34f4d
  • gitDecoration.ignoredResourceForeground#5c5e4d
  • gitDecoration.modifiedResourceForeground#488582
  • gitDecoration.renamedResourceForeground#188d5c
  • gitDecoration.untrackedResourceForeground#51995b
  • icon.foreground#e7b07d
  • input.background#2F2C20
  • input.border#fc943f38
  • input.foreground#e7b07d
  • keybindingLabel.background#323929
  • keybindingLabel.border#e7b07d33
  • keybindingLabel.bottomBorder#e7b07d33
  • keybindingLabel.foreground#e7b07d
  • list.activeSelectionBackground#f0601e44
  • list.activeSelectionForeground#ffa046
  • list.dropBackground#ffd97013
  • list.errorForeground#f15c48
  • list.filterMatchBackground#f0601e2c
  • list.focusBackground#d4872e60
  • list.focusForeground#ffdbad
  • list.highlightForeground#ff793b
  • list.hoverBackground#ffdbad10
  • list.inactiveSelectionBackground#f0601e22
  • list.inactiveSelectionForeground#f0831e
  • list.invalidItemForeground#b8980a
  • list.warningForeground#b8820c
  • listFilterWidget.background#8b4319
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#262922
  • menu.border#fc943f38
  • menu.foreground#e7b07d
  • menu.selectionBackground#d4862e3b
  • menu.selectionForeground#e7b07d
  • menu.separatorBackground#d4872e86
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#f0601e2a
  • minimap.selectionHighlight#fa8f657e
  • minimapSlider.activeBackground#d4872e32
  • minimapSlider.background#d4872e22
  • minimapSlider.hoverBackground#d4872e42
  • notifications.background#252922
  • notifications.border#fc943f38
  • notifications.foreground#e7b07d
  • panel.background#21241e
  • panel.border#fc943f38
  • panelTitle.activeForeground#f0601e
  • panelTitle.inactiveForeground#e7b07da2
  • peekView.border#f07c1e70
  • peekViewEditor.background#f0721e10
  • peekViewEditor.matchHighlightBackground#ff810b44
  • peekViewEditorStickyScroll.background#3b301d
  • peekViewResult.background#f0831e1d
  • peekViewResult.fileForeground#d69b7f
  • peekViewResult.lineForeground#e7b07da6
  • peekViewResult.selectionBackground#ff810b5d
  • peekViewTitle.background#f0831e41
  • peekViewTitleDescription.foreground#e6af86a6
  • peekViewTitleLabel.foreground#e7b07d
  • pickerGroup.border#fc943f38
  • pickerGroup.foreground#e7b07d
  • progressBar.background#f0601e
  • sash.hoverBorder#e2ab8198
  • scrollbar.shadow#21241e
  • scrollbarSlider.activeBackground#d4872e10
  • scrollbarSlider.background#d4872e13
  • scrollbarSlider.hoverBackground#d4872e17
  • selection.background#86434399
  • settings.focusedRowBackground#d4872e1f
  • settings.focusedRowBorder#e09e5313
  • settings.headerForeground#ca804f
  • settings.modifiedItemIndicator#d4872e
  • sideBar.background#21241e
  • sideBar.border#fc943f38
  • sideBar.foreground#b88a6c
  • sideBarSectionHeader.background#d4862e15
  • sideBarSectionHeader.border#fc943f38
  • sideBarTitle.foreground#a77b5e
  • statusBar.background#21241e
  • statusBar.border#fc943f38
  • statusBar.debuggingBackground#682d22
  • statusBar.foreground#e7b07d
  • statusBar.noFolderBackground#21241e
  • statusBarItem.hoverBackground#ffaa6438
  • statusBarItem.prominentBackground#f0601e
  • statusBarItem.prominentForeground#21241e
  • statusBarItem.prominentHoverBackground#f0601edd
  • statusBarItem.remoteBackground#945d1e
  • statusBarItem.remoteForeground#f8d7b2
  • symbolIcon.classForeground#f8af11
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#0aa3a3
  • tab.activeBackground#d4862e15
  • tab.activeBorderTop#d4872e
  • tab.activeForeground#ffb070
  • tab.border#0000
  • tab.inactiveBackground#21241e
  • tab.inactiveForeground#ffb0706e
  • terminal.ansiBlack#3d3735
  • terminal.ansiBlue#5477a5
  • terminal.ansiBrightBlack#504d47
  • terminal.ansiBrightBlue#6fb2d1
  • terminal.ansiBrightCyan#7bc09d
  • terminal.ansiBrightGreen#8ac255
  • terminal.ansiBrightMagenta#d66c8f
  • terminal.ansiBrightRed#e35e4d
  • terminal.ansiBrightWhite#fff2ec
  • terminal.ansiBrightYellow#e8b455
  • terminal.ansiCyan#549878
  • terminal.ansiGreen#6ea03d
  • terminal.ansiMagenta#ae5975
  • terminal.ansiRed#ad5145
  • terminal.ansiWhite#fae5d6
  • terminal.ansiYellow#b88f51
  • terminal.background#21241e
  • terminal.foreground#e7b07d
  • terminal.selectionBackground#eb08004b
  • terminalCursor.background#f0601e7a
  • terminalCursor.foreground#f0601e
  • textBlockQuote.background#e9d6c818
  • textBlockQuote.border#f0601e
  • textLink.activeForeground#ff6308
  • textLink.foreground#f0601e
  • textPreformat.foreground#73a33c
  • textSeparator.foreground#dba37b55
  • titleBar.activeBackground#21241e
  • titleBar.activeForeground#e7b07d
  • titleBar.inactiveBackground#21241e
  • titleBar.inactiveForeground#e7b07d65
  • tree.indentGuidesStroke#e7b07d18
  • widget.shadow#161b15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#74563e
comment.block.documentation storage.type.class.jsdoc#d48545
constant.other.php#5ec970bold
keyword.operator.class.php#ca8750
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#ffc697
meta.object-literal.key#e0966a
meta.brace.round#a76053
constant.other.color#f3c89f
invalid, invalid.illegal#E14446
keyword#ceaf76
keyword.operator.new#b89e59
storage.type#ac6b4c
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#ac954a
storage.type.function.arrow#e06651
storage.type.property#e67d37
storage.modifier#bd6752
meta.brace.square#7ca054bold
storage.modifier.async#7bc21e
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#e67d4dbe
variable.interpolation
keyword.operator.ternary#be6bdf
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#c57892
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#80853b
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#c479a4
keyword.control.as#cf8b4a
keyword.control.flow.python, keyword.control.conditional#5fc75f
keyword.control.loop#b9b747
keyword.control
keyword.control.return, keyword.control.flow#5e961e
keyword.control.trycatch#f17070
support.class.builtin#abad34bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#5e9c5cbold
keyword.other
support.other.variable, string.other.link#d89962
constant.numeric#eb7456
keyword.other.unit#d68571
keyword.other.unit.px#46aa78
keyword.other.unit.em#c99c64
keyword.other.unit.rem#ceb154
constant.language.infinity#b689ff
constant.language.null#9ba17d
constant.language.undefined#9ba17d
keyword.operator.expression.void#725f5f
constant.language.boolean.true#82d128
constant.language.boolean.false#e25070
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#93bb37
keyword.operator.optional, punctuation.accessor.optional#ce7063
keyword.operator.arithmetic#b87e76
keyword.operator.logical#ffa033
keyword.operator.relational, keyword.operator.comparison#a7c458
keyword.operator.assignment#c77048
keyword.operator.expression#ca6969
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#f0923a
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#81593f
keyword.operator.rest#d86e44
meta.attribute string.quoted, meta.tag.attributes string.quoted#ecad5a
support.function.construct.output#69a080
keyword.generator.asterisk#7e5cddbold
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#d8b249
entity.name.property#be9233bold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#e0533a
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#e0533a
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#9bc0a9
variable.other.object, variable.argument.css
variable.other.constant#a4b97dbold
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#e4a83aunderline
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#9ca157underline
meta.interface.ts entity.other.inherited-class#bb5a19underline
meta.type.annotation string.quoted#c98659
meta.var.expr meta.brace.round#c48844
punctuation.definition.string#ce9758
punctuation.definition.block#8b5a4e
meta.arrow punctuation.definition.block#996554
meta.objectliteral punctuation.definition.block#ce8f54
meta.objectliteral meta.method.declaration punctuation.definition.block#c57e62
punctuation.section.embedded#c07a5a
text.html.php.blade punctuation.section.embedded, meta.embedded.block.php punctuation.section.embedded#866d9c
punctuation.definition.binding-pattern.array#36ad54
punctuation.definition.binding-pattern.object#c2723e
entity.name.type.module.ts, entity.name.type.module.tsx#ffae00bold 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#d19959
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#c28757
support.type.primitive.ts, support.type.primitive.tsx#d8823bunderline
keyword.operator.spread#c2716c
keyword.operator.of#6dddbb
keyword.operator.expression.delete#f85c51
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#ff9b18bold
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#96ad7a
meta.property-list entity.name.tag#52af4f
support.type.vendored.property-name#5ccf79
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#e99777
support.constant.color.w3c-standard-color-name.css#e2b190
keyword.other.important#e93e32bold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#ffd5b3
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#b48966
entity.name.method.js#82AAFF
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#d4a57e
meta.class-method.js entity.name.function.js, variable.function.constructor#88bd58
entity.other.attribute-name#e0784f
source.js constant.other.object.key.js string#b98051
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#e9cba2
entity.other.attribute-name.class punctuation.definition.entity.css, entity.other.attribute-name.class#eb7450
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#96cc32bold
meta.property-value.css support.constant#bb8c66
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#93ac28
markup.inserted#C3E88D
markup.deleted#ff5353
markup.changed#cd76df
string.regexp#e0718d
string.regexp punctuation#c272b7
keyword.control.anchor.regexp#7dc561
constant.character.numeric.regexp#e07a93
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#82AAFF
keyword.begin.blade, keyword.end.blade, keyword.blade#eb7d7d
source.js constant.other.object.key.js string.unquoted.label.js#FF5370
source.json meta.structure.dictionary.json support.type.property-name.json#9ac053
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e67b5b
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#e0a694
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#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#e7b07d
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#fcc897bold
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#fcc897italic bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quote
string.other.link.title.markdown#45be55
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#7bac74
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#e7b07d
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#e7b07d

Shiki preview

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

Loading...