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#4d3d35
  • activityBar.border#dbc5a32f
  • activityBar.foreground#eba74e
  • activityBar.inactiveForeground#f8e2c5a8
  • activityBarBadge.background#ffb95f
  • activityBarBadge.foreground#312f2e
  • badge.background#ffb95f
  • badge.foreground#42342c
  • button.background#eba74e
  • button.foreground#42342c
  • button.secondaryBackground#e0c69f
  • button.secondaryForeground#2b2928
  • button.secondaryHoverBackground#f3dab4
  • checkbox.background#42342c
  • checkbox.border#f5dcbc33
  • checkbox.foreground#eba74e
  • debugIcon.breakpointForeground#d8471b
  • descriptionForeground#f5dcbc98
  • diffEditor.diagonalFill#e5b98018
  • diffEditor.insertedTextBackground#59ad511c
  • diffEditor.insertedTextBorder#73c07108
  • diffEditor.removedTextBackground#b43a2438
  • diffEditor.removedTextBorder#b43a2409
  • dropdown.background#42342c
  • dropdown.border#f5dcbc33
  • dropdown.foreground#f5dcbc
  • editor.background#3d3028
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#f5dcbc
  • editor.lineHighlightBackground#eba74e1c
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#eba74e28
  • editor.selectionHighlightBackground#eba74e4d
  • editor.wordHighlightBackground#db7f3333
  • editor.wordHighlightStrongBackground#db923349
  • editorBracketHighlight.foreground1#b8986f
  • editorBracketHighlight.foreground2#df7c64
  • editorBracketHighlight.foreground3#ecc761
  • editorBracketHighlight.foreground4#91bb61
  • editorBracketHighlight.foreground5#bd89a1
  • editorBracketHighlight.foreground6#e79b53
  • editorBracketHighlight.unexpectedBracket.foreground#fa573a
  • editorCodeLens.foreground#ffb95e
  • editorCursor.background#3d3028
  • editorCursor.foreground#eba74e
  • editorError.foreground#ff4e41
  • editorGroup.border#dbc5a32f
  • editorGroup.dropBackground#eba74e15
  • editorGroupHeader.tabsBackground#473930
  • editorGutter.addedBackground#bdda566b
  • editorGutter.commentRangeForeground#756e69
  • editorGutter.deletedBackground#9e5857
  • editorGutter.modifiedBackground#7ac5af83
  • editorHint.foreground#84b93e
  • editorIndentGuide.activeBackground#eba74e6c
  • editorInfo.foreground#8abeb8
  • editorInlayHint.background#544232
  • editorInlayHint.foreground#9a7a69
  • editorInlayHint.parameterBackground#5a433b
  • editorInlayHint.parameterForeground#c38a3f
  • editorInlayHint.typeBackground#4b3e34
  • editorInlayHint.typeForeground#bb9553
  • editorLightBulb.foreground#f0a83c
  • editorLightBulbAutoFix.foreground#74bb7a
  • editorLineNumber.activeForeground#eba74e
  • editorLineNumber.foreground#d1b28e2f
  • editorLink.activeForeground#eba74e
  • editorOverviewRuler.addedForeground#aac561
  • editorOverviewRuler.modifiedForeground#89bbac
  • editorStickyScrollHover.background#5d4431
  • editorSuggestWidget.border#dbc5a32f
  • editorSuggestWidget.foreground#f5dcbc
  • editorSuggestWidget.highlightForeground#eba74e
  • editorSuggestWidget.selectedBackground#eba74e33
  • editorWarning.foreground#fa9a40
  • editorWhitespace.foreground#f5dcbc15
  • editorWidget.background#362A24
  • editorWidget.border#dbc5a32f
  • editorWidget.foreground#f5dcbc
  • focusBorder#eba74e
  • foreground#f5dcbc
  • gitDecoration.addedResourceForeground#b2d461
  • gitDecoration.conflictingResourceForeground#c2549d
  • gitDecoration.deletedResourceForeground#c25755
  • gitDecoration.ignoredResourceForeground#8a7660
  • gitDecoration.modifiedResourceForeground#8dc5ae
  • gitlens.trailingLineForegroundColor#bb935b94
  • icon.foreground#eba74e
  • input.background#42342c
  • input.border#f5dcbc33
  • input.foreground#f5dcbc
  • keybindingLabel.background#473930
  • keybindingLabel.border#eba74e33
  • keybindingLabel.bottomBorder#eba74e33
  • keybindingLabel.foreground#ffbc64
  • list.activeSelectionBackground#eba74e5e
  • list.activeSelectionForeground#ffae52
  • list.dropBackground#eba74e13
  • list.errorForeground#f15c48
  • list.filterMatchBackground#eba74e2c
  • list.focusBackground#eba74e5d
  • list.focusForeground#ffffff
  • list.highlightForeground#eba74e
  • list.hoverBackground#fff0c818
  • list.inactiveSelectionBackground#eba74e2f
  • list.inactiveSelectionForeground#ffb663
  • list.invalidItemForeground#b8980a
  • list.warningForeground#b8820c
  • listFilterWidget.background#8b4319
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#42342c00
  • menu.background#42342c
  • menu.border#dbc5a32f
  • menu.foreground#f5dcbc
  • menu.selectionBackground#eba74e48
  • menu.selectionForeground#f5dcbc
  • menu.separatorBackground#f5dcbc65
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#eba74e2a
  • minimap.selectionHighlight#eba74e2a
  • notifications.background#362A24
  • notifications.border#dbc5a32f
  • notifications.foreground#f5dcbc
  • panel.background#42342c
  • panel.border#dbc5a32f
  • panelTitle.activeForeground#eba74e
  • panelTitle.inactiveForeground#f5dcbca2
  • peekView.border#eba74e99
  • peekViewEditor.background#eba74e10
  • peekViewEditor.matchHighlightBackground#ff6d0b44
  • peekViewEditorStickyScroll.background#523D2D
  • peekViewResult.background#eba74e1d
  • peekViewResult.fileForeground#e6beab
  • peekViewResult.lineForeground#f1c893a6
  • peekViewResult.selectionBackground#eba74e
  • peekViewResult.selectionForeground#42342c
  • peekViewTitle.background#eba74e31
  • peekViewTitleDescription.foreground#f5dcbcc0
  • peekViewTitleLabel.foreground#f5dcbc
  • pickerGroup.border#dbc5a32f
  • pickerGroup.foreground#f5dcbc
  • progressBar.background#eba74e
  • scrollbar.shadow#42342c
  • scrollbarSlider.activeBackground#f5dcbc1a
  • scrollbarSlider.background#f5dcbc13
  • scrollbarSlider.hoverBackground#f5dcbc33
  • selection.background#86434399
  • settings.focusedRowBackground#eba74e1c
  • settings.focusedRowBorder#eba74e3b
  • settings.headerForeground#ffedd5
  • settings.modifiedItemIndicator#eba74e
  • sideBar.background#42342c
  • sideBar.border#dbc5a32f
  • sideBar.foreground#f5dcbc
  • sideBarSectionHeader.background#42342c
  • sideBarSectionHeader.border#dbc5a32f
  • sideBarTitle.foreground#f5dcbc
  • statusBar.background#362A24
  • statusBar.border#dbc5a32f
  • statusBar.debuggingBackground#eba74e
  • statusBar.debuggingForeground#42342c
  • statusBar.foreground#f5dcbc
  • statusBar.noFolderBackground#42342c
  • statusBarItem.prominentBackground#eba74e
  • statusBarItem.prominentForeground#42342c
  • statusBarItem.prominentHoverBackground#f5dcbc
  • statusBarItem.remoteBackground#9dbd9c
  • statusBarItem.remoteForeground#000000
  • symbolIcon.classForeground#eba74e
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#0aa3a3
  • tab.activeBackground#3d3028
  • tab.activeBorderTop#eba74e
  • tab.activeForeground#eba74e
  • tab.border#0000
  • tab.inactiveBackground#42342c
  • tab.inactiveForeground#f5dcbc7a
  • terminal.ansiBlack#55453b
  • terminal.ansiBlue#8eb7ca
  • terminal.ansiBrightBlack#726054
  • terminal.ansiBrightBlue#67d7db
  • terminal.ansiBrightCyan#98fcd6
  • terminal.ansiBrightGreen#c1e954
  • terminal.ansiBrightMagenta#f85e91
  • terminal.ansiBrightRed#ff7562
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffc31e
  • terminal.ansiCyan#78c0b4
  • terminal.ansiGreen#98bd5c
  • terminal.ansiMagenta#ca405e
  • terminal.ansiRed#e74935
  • terminal.ansiWhite#f5dcbc
  • terminal.ansiYellow#ef951e
  • terminal.background#42342c
  • terminal.foreground#ffebd2
  • terminal.selectionBackground#eba74e4b
  • terminalCursor.background#eba74e7a
  • terminalCursor.foreground#eba74e
  • textBlockQuote.background#eba74e20
  • textBlockQuote.border#eba74e
  • textLink.activeForeground#ff6308
  • textLink.foreground#eba74e
  • textPreformat.foreground#78d6a2
  • textSeparator.foreground#eba74e55
  • titleBar.activeBackground#42342c
  • titleBar.activeForeground#ffebd1
  • titleBar.inactiveBackground#42342c
  • titleBar.inactiveForeground#f5dcbcb6
  • tree.indentGuidesStroke#f5dcbc18
  • widget.shadow#362A24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a0825f
comment.block.documentation storage.type.class.jsdoc#eeaa5c
constant.other.php#73ccb6bold
keyword.operator.class.php#da9862
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#ffeecd
meta.object-literal.key#dfad84
meta.brace.round#92755c
constant.other.color#f3ccbb
invalid, invalid.illegal#e66852
keyword#c9bca4
keyword.operator.new#ccad57
storage.type#d8917c
storage.type.enum.ts, storage.type.enum.tsx#b984b9
entity.name.type.enum.ts, entity.name.type.enum.tsx#bb83bbbold
entity.name.label.ts, entity.name.label.tsx#b5beaa
keyword.operator.expression.of#BBB958
storage.type.function.arrow#db8f8b
storage.type.property#da7c46
storage.modifier#b97f72
meta.brace.square#95c596bold
storage.modifier.async#5ac77b
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#bc8ddb
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#af8ab4
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#9db490
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#b687b0
keyword.control.as#bd9169
keyword.control.flow.python, keyword.control.conditional#86ca90
keyword.control.loop#bbb958
keyword.control
keyword.control.return, keyword.control.flow#89c96c
keyword.control.trycatch#ff5e41
support.class.builtin#5bb67ebold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#7baf67bold
keyword.other
support.other.variable, string.other.link#d89962
constant.numeric#e28a62
keyword.other.unit#ca8b7b
keyword.other.unit.px#a2b499
keyword.other.unit.em#c99c64
keyword.other.unit.rem#d6d469
constant.language.infinity#bc88d4
constant.language.null#9fafac
constant.language.undefined#8c9291
keyword.operator.expression.void#8c9291
constant.language.boolean.true#95bd68
constant.language.boolean.false#d18bac
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#78ce6c
keyword.operator.optional, punctuation.accessor.optional#df8271
keyword.operator.arithmetic#a16c65
keyword.operator.logical#eba141
keyword.operator.relational, keyword.operator.comparison#a2ca78
keyword.operator.assignment#d1886b
keyword.operator.expression#c08778
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#fda744
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#ad8164
keyword.operator.rest#e67d54
meta.attribute string.quoted, meta.tag.attributes string.quoted#f5b056
support.function.construct.output#69a097
keyword.generator.asterisk#8a9ef5bold
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#cc9f3ebold
entity.name.function, meta.definition.method, meta.definition.function, variable.function, support.function, keyword.other.special-method#f3814c
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
meta.function-call support.function#ed8257
variable.parameter#dbb790
support.class, support.constantbold
support.class.console#616161bold
variable.other.readwrite support.class.error, support.class.error#fc4f30bold
meta.decorator#9bc0a9
variable.other.object, variable.argument.css
variable.other.constant#a6ce9cbold
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#e4b552underline
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#9da359underline
meta.interface.ts entity.other.inherited-class#db7a39underline
meta.type.annotation string.quoted#c98659
meta.var.expr meta.brace.round#a8957e
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#84ad9d
punctuation.definition.binding-pattern.object#d88853
entity.name.type.module.ts, entity.name.type.module.tsx#f0d665bold underline
keyword.operator.type.ts, keyword.operator.type.tsx#c49634
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#d69540underline
keyword.operator.spread#ce7b77
keyword.operator.of#6dddbb
keyword.operator.expression.delete#f37168
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#ecaa46bold
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#a4bea7
meta.property-list entity.name.tag#77c989
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#f1c9a3
support.constant.color.w3c-standard-color-name.css#ecc4b3
keyword.other.important#e06640bold
source.css variable, source.sass variable, source.scss variable, source.less variable, source.stylus variable, source.postcss variable#ffe8cd
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#63c27a
variable.other.class.jsbold
entity.name.type.instance.js#e6b515bold
variable.language.this#c5a081
entity.name.method.js#8fadee
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#dfa47a
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#f1e3c9
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#eeb346
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#eb8fd7
string.regexp punctuation#9d7fe0
keyword.control.anchor.regexp#62b4a6
constant.character.numeric.regexp#c27d9d
constant.character.escape.backslash.regexp#bf83f7
string.regexp punctuation.definition.string, string.regexp keyword.operator#8a7cda
constant.character.escape#76ada0
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9caed6
keyword.begin.blade, keyword.end.blade, keyword.blade#ca7676
source.js constant.other.object.key.js string.unquoted.label.js#d8697b
source.json meta.structure.dictionary.json support.type.property-name.json#ffead3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ecbe98
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#d88d77
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#c7ce7c
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#7cb895
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#9ec473
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#c47259
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#87a7a2
text.html.markdown, punctuation.definition.list_item.markdown#f3dec0
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#a79887
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#e66d6d
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#95b8b9
markup.quote
string.other.link.title.markdown#5ece91
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#e4b969
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#42342c50
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#9dc5a7
punctuation.definition.fenced.markdown#42342c50
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#f5dcbc
variable.language.fenced.markdown#65737E
meta.separator#7e7665bold
markup.table#f5dcbc

Shiki preview

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

Loading...