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#000000
  • activityBar.border#f5dcbc29
  • activityBar.foreground#ffbb00
  • activityBar.inactiveForeground#f5dcbc75
  • activityBarBadge.background#ffc629
  • activityBarBadge.foreground#312f2e
  • badge.background#ffbb00
  • badge.foreground#000000
  • button.background#ffbb00
  • button.foreground#000000
  • checkbox.background#000000
  • checkbox.border#f5dcbc55
  • checkbox.foreground#ffbb00
  • debugIcon.breakpointForeground#d8471b
  • descriptionForeground#f5dcbc98
  • diffEditor.diagonalFill#f5dcbc22
  • diffEditor.insertedTextBackground#3bab731c
  • diffEditor.insertedTextBorder#3bab7308
  • diffEditor.removedTextBackground#b43a2438
  • diffEditor.removedTextBorder#b43a2409
  • dropdown.background#000000
  • dropdown.border#f5dcbc55
  • dropdown.foreground#f5dcbc
  • editor.background#000000
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#f5dcbc
  • editor.lineHighlightBackground#f5dcbc1e
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#ffbb0043
  • editor.selectionHighlightBackground#ffbb004d
  • editor.wordHighlightBackground#db7f3333
  • editor.wordHighlightStrongBackground#db923349
  • editorBracketHighlight.foreground1#b8986f
  • editorBracketHighlight.foreground2#dd745a
  • editorBracketHighlight.foreground3#f0c03e
  • editorBracketHighlight.foreground4#48a04c
  • editorBracketHighlight.foreground5#af7ca0
  • editorBracketHighlight.foreground6#e78747
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#ffd45e
  • editorCursor.background#000000
  • editorCursor.foreground#ffbb00
  • editorError.foreground#c71726
  • editorGroup.border#f5dcbc29
  • editorGroup.dropBackground#ffbb0015
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#84ce5256
  • editorGutter.commentRangeForeground#756e69
  • editorGutter.deletedBackground#9e5857
  • editorGutter.modifiedBackground#6ac7ab6e
  • editorHint.foreground#34a125
  • editorIndentGuide.activeBackground#ffbb0048
  • editorInfo.foreground#73b4ac
  • editorInlayHint.background#131313
  • editorInlayHint.foreground#4e493e
  • editorInlayHint.parameterBackground#2b1a1a
  • editorInlayHint.parameterForeground#ad6640
  • editorInlayHint.typeBackground#281f17
  • editorInlayHint.typeForeground#a37b42
  • editorLightBulb.foreground#ffbb00
  • editorLightBulbAutoFix.foreground#6ac292
  • editorLineNumber.activeForeground#ffbb00
  • editorLineNumber.foreground#f5dcbc29
  • editorLink.activeForeground#ffbb00
  • editorOverviewRuler.addedForeground#84ce52
  • editorOverviewRuler.modifiedForeground#6ac7ab
  • editorStickyScrollHover.background#211c0a
  • editorSuggestWidget.border#f5dcbc29
  • editorSuggestWidget.foreground#f5dcbc
  • editorSuggestWidget.highlightForeground#ffbb00
  • editorSuggestWidget.selectedBackground#ffbb0033
  • editorWarning.foreground#e98842
  • editorWhitespace.foreground#f5dcbc19
  • editorWidget.background#0c0c0c
  • editorWidget.border#f5dcbc29
  • editorWidget.foreground#f5dcbc
  • focusBorder#ffbb00
  • foreground#f5dcbc
  • gitDecoration.addedResourceForeground#87e03d
  • gitDecoration.conflictingResourceForeground#c2549d
  • gitDecoration.deletedResourceForeground#c25755
  • gitDecoration.modifiedResourceForeground#80cfae
  • icon.foreground#ffbb00
  • input.background#000000
  • input.border#f5dcbc55
  • input.foreground#f5dcbc
  • keybindingLabel.background#262626
  • keybindingLabel.border#ffbb0033
  • keybindingLabel.bottomBorder#ffbb0033
  • keybindingLabel.foreground#ffbb00
  • list.activeSelectionBackground#ffbb005e
  • list.activeSelectionForeground#ffbb00
  • list.dropBackground#ffbb0013
  • list.errorForeground#f15c48
  • list.filterMatchBackground#ffbb002c
  • list.focusBackground#ffbb005d
  • list.focusForeground#ffffff
  • list.highlightForeground#ffbb00
  • list.hoverBackground#fff0c818
  • list.inactiveSelectionBackground#ffbb002f
  • list.inactiveSelectionForeground#ffbb00
  • list.invalidItemForeground#b8980a
  • list.warningForeground#b8820c
  • listFilterWidget.background#8b4319
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#f5dcbc29
  • menu.foreground#f5dcbc
  • menu.selectionBackground#ffbb0034
  • menu.selectionForeground#f5dcbc
  • menu.separatorBackground#f5dcbc29
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#ffbb002a
  • minimap.selectionHighlight#ffbb002a
  • notifications.background#0c0c0c
  • notifications.border#f5dcbc29
  • notifications.foreground#f5dcbc
  • panel.background#000000
  • panel.border#f5dcbc29
  • panelTitle.activeForeground#ffbb00
  • panelTitle.inactiveForeground#f5dcbca2
  • peekView.border#ffbb0099
  • peekViewEditor.background#ffbb0010
  • peekViewEditor.matchHighlightBackground#ff6d0b44
  • peekViewEditorStickyScroll.background#1b1708
  • peekViewResult.background#ffbb002f
  • peekViewResult.fileForeground#e2ccc2
  • peekViewResult.lineForeground#f5dcbca6
  • peekViewResult.selectionBackground#ffbb00
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#ffbb0041
  • peekViewTitleLabel.foreground#f5dcbc
  • pickerGroup.border#f5dcbc29
  • pickerGroup.foreground#f5dcbc
  • progressBar.background#ffbb00
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#f5dcbc1a
  • scrollbarSlider.background#f5dcbc13
  • scrollbarSlider.hoverBackground#f5dcbc33
  • selection.background#86434399
  • settings.headerForeground#f7f1e1
  • settings.modifiedItemIndicator#ffbb00
  • sideBar.background#000000
  • sideBar.border#f5dcbc29
  • sideBar.foreground#f5dcbccc
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#f5dcbc29
  • sideBarTitle.foreground#f5dcbc
  • statusBar.background#000000
  • statusBar.border#f5dcbc29
  • statusBar.debuggingBackground#ffbb00
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#f5dcbc
  • statusBar.noFolderBackground#000000
  • statusBarItem.prominentBackground#ffbb00
  • statusBarItem.prominentForeground#000000
  • statusBarItem.prominentHoverBackground#f5dcbc
  • statusBarItem.remoteBackground#ce9700
  • statusBarItem.remoteForeground#000000
  • symbolIcon.classForeground#ffbb00
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#0aa3a3
  • tab.activeBackground#000000
  • tab.activeBorderTop#ffbb00
  • tab.activeForeground#ffbb00
  • tab.border#0000
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#f5dcbc7a
  • terminal.ansiBlack#3d3735
  • terminal.ansiBlue#2867b9
  • terminal.ansiBrightBlack#504d47
  • terminal.ansiBrightBlue#43a4ff
  • terminal.ansiBrightCyan#2afdda
  • terminal.ansiBrightGreen#18d356
  • terminal.ansiBrightMagenta#ff24b6
  • terminal.ansiBrightRed#ff604b
  • terminal.ansiBrightWhite#fae8e0
  • terminal.ansiBrightYellow#ffd037
  • terminal.ansiCyan#0bc2a3
  • terminal.ansiGreen#00a824
  • terminal.ansiMagenta#d31353
  • terminal.ansiRed#eb1b00
  • terminal.ansiWhite#f5dcbc
  • terminal.ansiYellow#ffbb00
  • terminal.background#000000
  • terminal.foreground#f5dcbc
  • terminal.selectionBackground#ffbb004b
  • terminalCursor.background#ffbb007a
  • terminalCursor.foreground#ffbb00
  • textBlockQuote.background#ffbb0020
  • textBlockQuote.border#ffbb00
  • textLink.activeForeground#ff6308
  • textLink.foreground#ffbb00
  • textPreformat.foreground#78d6a2
  • textSeparator.foreground#ffbb0055
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffebd1
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#f5dcbcb6
  • tree.indentGuidesStroke#f5dcbc18
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#695e4d
comment.block.documentation storage.type.class.jsdoc#ffbb00italic
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#f8d5b3
meta.object-literal.key#dfad84
meta.brace.round#836850
constant.other.color#f5dcbc
invalid, invalid.illegal#E14446
keyword#c9bca4
keyword.operator.new#b89e59italic
storage.type#ce7c75italic
storage.type.enum.ts, storage.type.enum.tsx#ad72ad
entity.name.type.enum.ts, entity.name.type.enum.tsx#ad72adbold
entity.name.label.ts, entity.name.label.tsx#b5beaa
keyword.operator.expression.of#BBB958
storage.type.function.arrow#cf7e79
storage.type.property#c4662fitalic
storage.modifier#ad7a6eitalic
meta.brace.square#95c596bold
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#caa28fb2
variable.interpolation
keyword.operator.ternary#af7ad3
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#af8ab4
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#6e9178
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#b687b0
keyword.control.as#af7b4b
keyword.control.flow.python, keyword.control.conditional#70b67b
keyword.control.loop#bbb958
keyword.controlitalic
keyword.control.return, keyword.control.flow#4d913citalic
keyword.control.trycatch#ff7e42italic
support.class.builtin#49a86dbold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#52b16abold
keyword.otheritalic
support.other.variable, string.other.link#d89962
constant.numeric#e28a62
keyword.other.unit#b8796a
keyword.other.unit.px#5a9c97
keyword.other.unit.em#c99c64
keyword.other.unit.rem#d6d469
constant.language.infinity#bc88d4
constant.language.null#8c9291
constant.language.undefined#8c9291
keyword.operator.expression.void#8c9291italic
constant.language.boolean.true#6bb355
constant.language.boolean.false#d18bac
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#52bb64
keyword.operator.optional, punctuation.accessor.optional#c27669
keyword.operator.arithmetic#a16c65
keyword.operator.logical#df9534
keyword.operator.relational, keyword.operator.comparison#93b370
keyword.operator.assignment#d37878
keyword.operator.expression#ac6857italic
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#eca24d
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#ad8164
keyword.operator.rest#d86e44
meta.attribute string.quoted, meta.tag.attributes string.quoted#d49c51
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#ed7e3d
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.scssitalic
meta.function-call support.function#e67346
variable.parameter#dbb790
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#9cbea9bold
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#e6ad33italic 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#9da359italic underline
meta.interface.ts entity.other.inherited-class#bb5a19italic underline
meta.type.annotation string.quoted#c98659
meta.var.expr meta.brace.round#927e66
punctuation.definition.string#ce9758
punctuation.definition.block#b89876
meta.arrow punctuation.definition.block#726661
meta.objectliteral punctuation.definition.block#967b63
meta.objectliteral meta.method.declaration punctuation.definition.block#c08973
punctuation.section.embedded#c07a5a
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#ffdd44bold 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#a58050
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#cc8830italic 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#ffbb00bold
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#8cac94
meta.property-list entity.name.tag#64ce7b
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#97775d
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#ecceb5
meta.class-method.js entity.name.function.js, variable.function.constructor#88bd58
entity.other.attribute-name#df9057
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#df7f62
entity.name.tag.reference.scss#e26d4f
punctuation.section.property-list#8d6f6a
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#25d684bold
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#33a562
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#b795ce
string.regexp#c989bb
string.regexp punctuation#9480c2
keyword.control.anchor.regexp#62b4a6
constant.character.numeric.regexp#c27d9d
constant.character.escape.backslash.regexp#a076c7
string.regexp punctuation.definition.string, string.regexp keyword.operator#978cd3
constant.character.escape#5e8f83
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#91a6d4italic
keyword.begin.blade, keyword.end.blade, keyword.blade#ca7676italic
source.js constant.other.object.key.js string.unquoted.label.js#d8697bitalic
source.json meta.structure.dictionary.json support.type.property-name.json#ffbb00
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#dda287
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#be7863
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#cab9a2
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#fff5efbold
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#ffd037
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#f5dcbc
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#f5dcbc

Shiki preview

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

Loading...