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#092630
  • activityBar.border#1dfcd728
  • activityBar.foreground#1dfcd7
  • activityBar.inactiveForeground#1dfcd762
  • activityBarBadge.background#eb853d
  • activityBarBadge.foreground#312f2e
  • badge.background#eb853d
  • badge.foreground#110b09
  • button.background#eb853d
  • button.foreground#362222
  • button.secondaryBackground#0e535f
  • button.secondaryForeground#1dfcd7
  • checkbox.background#092630
  • checkbox.border#1dfcd728
  • debugIcon.breakpointForeground#ff3b2d
  • descriptionForeground#e2ab8198
  • diffEditor.diagonalFill#e3b19d1f
  • diffEditor.insertedTextBackground#1dfcd70e
  • diffEditor.insertedTextBorder#1dfcd708
  • diffEditor.removedTextBackground#b4242459
  • diffEditor.removedTextBorder#b4242408
  • dropdown.background#092630
  • dropdown.border#1dfcd728
  • dropdown.foreground#94f8e7
  • editor.background#092630
  • editor.findMatchBackground#d475f12a
  • editor.findMatchHighlightBackground#ce0d9e33
  • editor.findMatchHighlightBorder#d857ad33
  • editor.foreground#e3b19d
  • editor.lineHighlightBackground#eb853d1e
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#ff681042
  • editor.selectionHighlightBackground#1ed7f02d
  • editor.wordHighlightBackground#db3e3328
  • editor.wordHighlightStrongBackground#db47333b
  • editorBracketHighlight.foreground1#9e6f61
  • editorBracketHighlight.foreground2#7b9494
  • editorBracketHighlight.foreground3#9ca546
  • editorBracketHighlight.foreground4#d65f3b
  • editorBracketHighlight.foreground5#b3709f
  • editorBracketHighlight.foreground6#ce952d
  • editorBracketHighlight.unexpectedBracket.foreground#ff3232
  • editorCodeLens.foreground#ed9d7e
  • editorCursor.background#4bccb7
  • editorCursor.foreground#eb853d
  • editorError.foreground#c71726
  • editorGroup.border#1dfcd728
  • editorGroup.dropBackground#1dfcd72d
  • editorGroupHeader.tabsBackground#092630
  • editorGutter.addedBackground#65a018
  • editorGutter.commentRangeForeground#866e5d
  • editorGutter.deletedBackground#9e5857
  • editorGutter.modifiedBackground#11947e
  • editorHint.foreground#34a125
  • editorIndentGuide.activeBackground#1dfcd72d
  • editorInfo.foreground#73b4ac
  • editorInlayHint.background#1b3138
  • editorInlayHint.foreground#8b9794
  • editorInlayHint.parameterBackground#173438
  • editorInlayHint.parameterForeground#589186
  • editorInlayHint.typeBackground#383330
  • editorInlayHint.typeForeground#a98047
  • editorLightBulb.foreground#ffbb00
  • editorLightBulbAutoFix.foreground#6ac292
  • editorLineNumber.activeForeground#eb853d
  • editorLineNumber.foreground#1dfcd728
  • editorLink.activeForeground#1dfcd7
  • editorOverviewRuler.addedForeground#65a018
  • editorOverviewRuler.modifiedForeground#11947e
  • editorRuler.foreground#e2ab8198
  • editorStickyScrollHover.background#0e4d50
  • editorSuggestWidget.border#1dfcd728
  • editorSuggestWidget.foreground#e3b19d
  • editorSuggestWidget.highlightForeground#eb853d
  • editorSuggestWidget.selectedBackground#1dfcd733
  • editorWarning.foreground#e98842
  • editorWhitespace.foreground#25817519
  • editorWidget.background#092630
  • editorWidget.border#1dfcd728
  • editorWidget.foreground#65c2aa
  • focusBorder#eb853d
  • foreground#4bccb7
  • gitDecoration.addedResourceForeground#87cc2c
  • gitDecoration.conflictingResourceForeground#c254b9
  • gitDecoration.deletedResourceForeground#b45150
  • gitDecoration.ignoredResourceForeground#4b5a59
  • gitDecoration.modifiedResourceForeground#17caac
  • icon.foreground#eb853d
  • input.background#092630
  • input.border#1dfcd728
  • input.foreground#94f8e7
  • keybindingLabel.background#173f42
  • keybindingLabel.border#65c2aa64
  • keybindingLabel.bottomBorder#65c2aa86
  • keybindingLabel.foreground#65c2aa
  • list.activeSelectionBackground#eb853d44
  • list.activeSelectionForeground#eb853d
  • list.dropBackground#1dfcd713
  • list.errorForeground#f15c48
  • list.filterMatchBackground#1dfcd72c
  • list.focusBackground#f06b1e63
  • list.focusForeground#eb853d
  • list.focusHighlightForeground#ffc57e
  • list.highlightForeground#eb853d
  • list.hoverBackground#ffb87512
  • list.inactiveSelectionBackground#eb853d22
  • list.inactiveSelectionForeground#ff7417
  • list.invalidItemForeground#b8980a
  • list.warningForeground#b8820c
  • listFilterWidget.background#8b4319
  • listFilterWidget.noMatchesOutline#ce4235
  • listFilterWidget.outline#00000000
  • menu.background#092630
  • menu.border#1dfcd728
  • menu.foreground#e3b19d
  • menu.selectionBackground#f07f162f
  • menu.selectionForeground#e3b19d
  • menu.separatorBackground#1dfcd728
  • merge.incomingContentBackground#da652123
  • merge.incomingHeaderBackground#da65214b
  • minimap.findMatchHighlight#1dfcd72a
  • minimap.selectionHighlight#ff681065
  • minimapSlider.activeBackground#1dfcd732
  • minimapSlider.background#1dfcd713
  • minimapSlider.hoverBackground#1dfcd742
  • notifications.background#092630
  • notifications.border#1dfcd728
  • notifications.foreground#e3b19d
  • panel.background#092630
  • panel.border#1dfcd728
  • panelTitle.activeForeground#1dfcd7
  • panelTitle.inactiveForeground#1dfcd765
  • peekView.border#1dfcd786
  • peekViewEditor.background#1dfcd713
  • peekViewEditor.matchHighlightBackground#eb853d44
  • peekViewEditorStickyScroll.background#0d4447
  • peekViewResult.background#1dfcd718
  • peekViewResult.fileForeground#d69b7f
  • peekViewResult.lineForeground#e3b19da6
  • peekViewResult.selectionBackground#eb853d5d
  • peekViewTitle.background#1dfcd734
  • peekViewTitleDescription.foreground#e6af86a6
  • peekViewTitleLabel.foreground#e3b19d
  • pickerGroup.border#1dfcd728
  • pickerGroup.foreground#4bccb7
  • progressBar.background#1dfcd7
  • sash.hoverBorder#e2ab8198
  • scrollbar.shadow#092630
  • scrollbarSlider.activeBackground#1dfcd710
  • scrollbarSlider.background#1dfcd713
  • scrollbarSlider.hoverBackground#1dfcd717
  • selection.background#4bccb742
  • settings.focusedRowBackground#1dfcd718
  • settings.focusedRowBorder#1dfcd73d
  • settings.headerForeground#eb853d
  • settings.modifiedItemIndicator#1dfcd7
  • sideBar.background#092630
  • sideBar.border#1dfcd728
  • sideBar.foreground#c8a89c
  • sideBarSectionHeader.background#092630
  • sideBarSectionHeader.border#1dfcd728
  • sideBarSectionHeader.foreground#4bccb7
  • sideBarTitle.foreground#4bccb7
  • statusBar.background#092630
  • statusBar.border#1dfcd728
  • statusBar.debuggingBackground#682d22
  • statusBar.foreground#4bccb7
  • statusBar.noFolderBackground#092630
  • statusBarItem.prominentBackground#eb853d
  • statusBarItem.prominentForeground#092630
  • statusBarItem.prominentHoverBackground#ffa41bdd
  • statusBarItem.remoteBackground#03b698
  • statusBarItem.remoteForeground#092630
  • symbolIcon.classForeground#f8af11
  • symbolIcon.constructorForeground#ce63e9
  • symbolIcon.fieldForeground#bb7b51
  • symbolIcon.functionForeground#d35027
  • symbolIcon.interfaceForeground#af7942
  • symbolIcon.methodForeground#d35027
  • symbolIcon.variableForeground#03b698
  • tab.activeBackground#092630
  • tab.activeBorderTop#ff7411
  • tab.activeForeground#eb853d
  • tab.border#0000
  • tab.inactiveBackground#092630
  • tab.inactiveForeground#1dfcd786
  • terminal.ansiBlack#205263
  • terminal.ansiBlue#173fc3
  • terminal.ansiBrightBlack#215769
  • terminal.ansiBrightBlue#509fff
  • terminal.ansiBrightCyan#8febf2
  • terminal.ansiBrightGreen#48ec7f
  • terminal.ansiBrightMagenta#ff46c8
  • terminal.ansiBrightRed#ff5a44
  • terminal.ansiBrightWhite#fae8e0
  • terminal.ansiBrightYellow#ffd54c
  • terminal.ansiCyan#03d6dd
  • terminal.ansiGreen#14ad35
  • terminal.ansiMagenta#db0f8d
  • terminal.ansiRed#ff4128
  • terminal.ansiWhite#e3b19d
  • terminal.ansiYellow#eba31c
  • terminal.background#092630
  • terminal.foreground#03b698
  • terminal.selectionBackground#1dfcd72d
  • terminalCursor.background#1dfcd77a
  • terminalCursor.foreground#1dfcd7
  • textBlockQuote.background#e9d6c818
  • textBlockQuote.border#eb853d
  • textLink.activeForeground#ff650b
  • textLink.foreground#eb853d
  • textPreformat.foreground#1dfcd7
  • textSeparator.foreground#dba37b55
  • titleBar.activeBackground#092630
  • titleBar.activeForeground#e3b19d
  • titleBar.inactiveBackground#092630
  • titleBar.inactiveForeground#e3b19d65
  • tree.indentGuidesStroke#e3b19d18
  • widget.shadow#071f27

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#326d65
comment.block.documentation storage.type.class.jsdoc#2bc2a9italic
constant.other.php#35be7abold
keyword.operator.class.php#ca8750
variable, string constant.other.placeholder, variable.other.property, variable.other.readwrite, support.variable.property, punctuation.definition.variable#fbcab7
meta.object-literal.key#e0966a
meta.brace.round#a76053
constant.other.color#e3b19d
invalid, invalid.illegal#E14446
keyword#ceaf76
keyword.operator.new#b89e59italic
storage.type#c47e72italic
storage.type.enum.ts, storage.type.enum.tsx#996caa
entity.name.type.enum.ts, entity.name.type.enum.tsx#a478d6bold
entity.name.label.ts, entity.name.label.tsx#b5beaa
keyword.operator.expression.of#ac954a
storage.type.function.arrow#e06651
storage.type.property#f75827italic
storage.modifier#bd6752italic
meta.brace.square#bbc473bold
storage.modifier.async#699b31
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#c581ba
keyword.control punctuation.definition.keyword.css, keyword.control, meta.tag#5da885
entity.other.keyframe-offset.css#bdc94d
keyword.control.require#63c57a
keyword.control.switch#c479a4
keyword.control.as#be7a39
keyword.control.flow.python, keyword.control.conditional#5ec394
keyword.control.loop#b9b747
keyword.controlitalic
keyword.control.return, keyword.control.flow#319b51italic
keyword.control.trycatch#ee324bitalic
support.class.builtin#abad34bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, source.vue entity.name.tag, entity.name.tag.html#41a37abold
keyword.otheritalic
support.other.variable, string.other.link#d89962
constant.numeric#ee6941
keyword.other.unit#cc644a
keyword.other.unit.px#46aa78
keyword.other.unit.em#cf7c45
keyword.other.unit.rem#c28637
constant.language.infinity#b689ff
constant.language.null#927a65
constant.language.undefined#927a65
keyword.operator.expression.void#725f5fitalic
constant.language.boolean.true#82d128
constant.language.boolean.false#c6667b
keyword.other.unit
constant.language, support.constant, constant.character, constant.escape, keyword.other, constant.other.caps#18c976
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#ca6969italic
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#e49358
punctuation.definition.string.template#ffd6bb
punctuation.terminator.statement#81593f
keyword.operator.rest#d86e44
meta.attribute string.quoted, meta.tag.attributes string.quoted#ee9953
support.function.construct.output#69a080italic
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#e2654f
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#e66a54italic
meta.function-call support.function#ff6739
variable.parameter#f19a78
support.class, support.constantbold
support.class.console#616161bold
variable.other.readwrite support.class.error, support.class.error#f55e43bold
meta.decorator#9bc0a9italic
variable.other.object, variable.argument.css
variable.other.constant#96bfa3bold
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#d6a54aitalic 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#9ca157italic underline
meta.interface.ts entity.other.inherited-class#bb5a19italic underline
meta.type.annotation string.quoted#c98659
meta.var.expr meta.brace.round#c48844
punctuation.definition.string#ce9758
punctuation.definition.block#756352
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#efb943bold 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#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#d8823bitalic 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#ff9b18bold
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#7aad89
meta.property-list entity.name.tag#3eda99
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#ffd5b3italic
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#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#e2ad82
meta.class-method.js entity.name.function.js, variable.function.constructor#88bd58
entity.other.attribute-name#ec7445
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#DDCAC1
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#319b51
markup.inserted#C3E88D
markup.deleted#ff5353
markup.changed#cd76df
string.regexp#e96bd8
string.regexp punctuation#a66bdd
keyword.control.anchor.regexp#49cf90
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#82AAFFitalic
keyword.begin.blade, keyword.end.blade, keyword.blade#eb7d7ditalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#29ad81
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f7674d
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#f3a892
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#e3b19d
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#fcd3c7bold
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#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#03b698
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#e3b19d
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#e3b19d

Shiki preview

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

Loading...

Paddy Color Themes - Coding Theme