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#1f2135
  • activityBar.border#1f2135
  • activityBar.foreground#7982a9
  • activityBar.inactiveForeground#41496b
  • activityBarBadge.background#3d59a1
  • activityBarBadge.foreground#fff
  • badge.background#7e83b233
  • badge.foreground#a9b1d6
  • breadcrumb.activeSelectionForeground#a9b1d6
  • breadcrumb.background#1f2135
  • breadcrumb.focusForeground#a9b1d6
  • breadcrumb.foreground#545c7e
  • breadcrumbPicker.background#1f2135
  • button.background#3d59a1dd
  • button.foreground#ffffff
  • button.hoverBackground#3d59a1AA
  • button.secondaryBackground#41496b
  • charts.blue#7aa2f7
  • charts.foreground#9AA5CE
  • charts.green#73daca
  • charts.lines#1f2135
  • charts.orange#f7bf76
  • charts.purple#9d7cd8
  • charts.red#ff5473
  • charts.yellow#e06896
  • debugConsole.errorForeground#bb616b
  • debugConsole.infoForeground#7982a9
  • debugConsole.sourceForeground#7982a9
  • debugConsole.warningForeground#c49a5a
  • debugConsoleInputIcon.foreground#73daca
  • debugExceptionWidget.background#1b1e2e
  • debugExceptionWidget.border#963c47
  • debugIcon.breakpointDisabledForeground#545c7e
  • debugIcon.breakpointForeground#db4b4b
  • debugIcon.breakpointUnverifiedForeground#c24242
  • debugTokenExpression.boolean#f7bf76
  • debugTokenExpression.error#bb616b
  • debugTokenExpression.name#7dcfff
  • debugTokenExpression.number#f7bf76
  • debugTokenExpression.string#9ece6a
  • debugTokenExpression.value#9aa5ce
  • debugToolBar.background#1b1e2e
  • debugView.stateLabelBackground#1b1e2e
  • debugView.stateLabelForeground#7982a9
  • debugView.valueChangedHighlight#3d59a1cc
  • descriptionForeground#545c7e
  • diffEditor.diagonalFill#2c324a
  • diffEditor.insertedLineBackground#41a6b520
  • diffEditor.insertedTextBackground#41a6b520
  • diffEditor.removedLineBackground#db4b4b22
  • diffEditor.removedTextBackground#db4b4b22
  • diffEditorGutter.insertedLineBackground#41a6b525
  • diffEditorGutter.removedLineBackground#db4b4b22
  • diffEditorOverview.insertedForeground#41a6b525
  • diffEditorOverview.removedForeground#db4b4b22
  • dropdown.background#1b1e2e
  • dropdown.foreground#7982a9
  • dropdown.listBackground#1b1e2e
  • editor.background#212339
  • editor.findMatchBackground#3d59a166
  • editor.findMatchBorder#ffdb69aa
  • editor.findMatchHighlightBackground#3d59a166
  • editor.findRangeHighlightBackground#6f7bb625
  • editor.focusedStackFrameHighlightBackground#73daca20
  • editor.foldBackground#181b294a
  • editor.foreground#a9b1d6
  • editor.inactiveSelectionBackground#6f7bb615
  • editor.lineHighlightBackground#292e42
  • editor.rangeHighlightBackground#6f7bb620
  • editor.selectionBackground#6f7bb640
  • editor.selectionHighlightBackground#6f7bb633
  • editor.stackFrameHighlightBackground#e2bd3a20
  • editor.wordHighlightBackground#6f7bb633
  • editor.wordHighlightStrongBackground#6f7bb644
  • editorBracketHighlight.foreground1#698cd6
  • editorBracketHighlight.foreground2#68b3de
  • editorBracketHighlight.foreground3#9a7ecc
  • editorBracketHighlight.foreground4#25aac2
  • editorBracketHighlight.foreground5#80a856
  • editorBracketHighlight.foreground6#cfa25f
  • editorBracketHighlight.unexpectedBracket.foreground#db4b4b
  • editorBracketMatch.background#1f2135
  • editorBracketMatch.border#545c7e
  • editorBracketPairGuide.activeBackground1#698cd6
  • editorBracketPairGuide.activeBackground2#68b3de
  • editorBracketPairGuide.activeBackground3#9a7ecc
  • editorBracketPairGuide.activeBackground4#25aac2
  • editorBracketPairGuide.activeBackground5#80a856
  • editorBracketPairGuide.activeBackground6#cfa25f
  • editorCodeLens.foreground#5f6996
  • editorCursor.foreground#a8b1ff
  • editorError.foreground#db4b4b
  • editorGhostText.foreground#7582ba
  • editorGroup.border#1b1e2e
  • editorGroup.dropBackground#292e42
  • editorGroupHeader.border#1b1e2e
  • editorGroupHeader.noTabsBackground#1f2135
  • editorGroupHeader.tabsBackground#1f2135
  • editorGroupHeader.tabsBorder#1b1e2e
  • editorGutter.addedBackground#164846
  • editorGutter.deletedBackground#823c41
  • editorGutter.modifiedBackground#3d547a
  • editorHint.foreground#0da0ba
  • editorHoverWidget.background#1f2135
  • editorHoverWidget.border#1b1e2e
  • editorIndentGuide.activeBackground1#3b4261
  • editorIndentGuide.background1#292e42
  • editorInfo.foreground#0da0ba
  • editorLightBulb.foreground#e06896
  • editorLightBulbAutoFix.foreground#e06896
  • editorLineNumber.activeForeground#737aa2
  • editorLineNumber.foreground#3b4261
  • editorLink.activeForeground#a9b1d6
  • editorMarkerNavigation.background#1f2135
  • editorOverviewRuler.addedForeground#164846
  • editorOverviewRuler.border#1b1e2e
  • editorOverviewRuler.bracketMatchForeground#1b1e2e
  • editorOverviewRuler.deletedForeground#703438
  • editorOverviewRuler.errorForeground#db4b4b
  • editorOverviewRuler.findMatchForeground#a9b1d644
  • editorOverviewRuler.infoForeground#1abc9c
  • editorOverviewRuler.modifiedForeground#3d547a
  • editorOverviewRuler.rangeHighlightForeground#a9b1d644
  • editorOverviewRuler.selectionHighlightForeground#a9b1d622
  • editorOverviewRuler.warningForeground#e06896
  • editorOverviewRuler.wordHighlightForeground#9587fc55
  • editorOverviewRuler.wordHighlightStrongForeground#9587fc66
  • editorPane.background#1f2135
  • editorRuler.foreground#1b1e2e
  • editorSuggestWidget.background#1f2135
  • editorSuggestWidget.border#1b1e2e
  • editorSuggestWidget.highlightForeground#668ac4
  • editorSuggestWidget.selectedBackground#282e44
  • editorWarning.foreground#e06896
  • editorWhitespace.foreground#3b4261
  • editorWidget.background#1f2135
  • editorWidget.foreground#7982a9
  • editorWidget.resizeBorder#545c7e33
  • errorForeground#5a607d
  • extensionBadge.remoteBackground#3d59a1
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.prominentBackground#3d59a1DD
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#3d59a1AA
  • focusBorder#545c7e33
  • foreground#8eb7ca
  • gitDecoration.addedResourceForeground#449dab
  • gitDecoration.conflictingResourceForeground#e06896cc
  • gitDecoration.deletedResourceForeground#914c54
  • gitDecoration.ignoredResourceForeground#545c7e
  • gitDecoration.modifiedResourceForeground#6183bb
  • gitDecoration.renamedResourceForeground#449dab
  • gitDecoration.stageDeletedResourceForeground#914c54
  • gitDecoration.stageModifiedResourceForeground#6183bb
  • gitDecoration.untrackedResourceForeground#449dab
  • gitlens.gutterBackgroundColor#1f2135
  • gitlens.gutterForegroundColor#7982a9
  • gitlens.gutterUncommittedForegroundColor#7aa2f7
  • gitlens.trailingLineForegroundColor#7582ba
  • icon.foreground#7982a9
  • input.background#1b1e2e
  • input.border#282e44
  • input.foreground#a9b1d6
  • input.placeholderForeground#4a5272
  • inputOption.activeBackground#3d59a144
  • inputOption.activeForeground#a8b1ff
  • inputValidation.errorBackground#85353e
  • inputValidation.errorBorder#963c47
  • inputValidation.errorForeground#bbc2e0
  • inputValidation.infoBackground#3d59a15c
  • inputValidation.infoBorder#3d59a1
  • inputValidation.infoForeground#bbc2e0
  • inputValidation.warningBackground#c2985b
  • inputValidation.warningBorder#e06896
  • inputValidation.warningForeground#000000
  • list.activeSelectionBackground#2c324a
  • list.activeSelectionForeground#a9b1d6
  • list.deemphasizedForeground#7982a9
  • list.dropBackground#292e42
  • list.errorForeground#bb616b
  • list.focusBackground#292e42
  • list.focusForeground#a9b1d6
  • list.highlightForeground#668ac4
  • list.hoverBackground#1b1e2e
  • list.hoverForeground#a9b1d6
  • list.inactiveSelectionBackground#292e42
  • list.inactiveSelectionForeground#a9b1d6
  • list.invalidItemForeground#c97018
  • list.warningForeground#c49a5a
  • listFilterWidget.background#1b1e2e
  • listFilterWidget.noMatchesOutline#a6333f
  • listFilterWidget.outline#3d59a1
  • menu.background#1f2135
  • menu.border#1b1e2e
  • menu.foreground#7982a9
  • menu.selectionBackground#2f3549
  • menu.selectionForeground#a8b1ff
  • menu.separatorBackground#1b1e2e
  • menubar.selectionBackground#2f3549
  • menubar.selectionBorder#1b1e2e
  • menubar.selectionForeground#a8b1ff
  • merge.currentContentBackground#007a7544
  • merge.currentHeaderBackground#41a6b525
  • merge.incomingContentBackground#3d59a144
  • merge.incomingHeaderBackground#3d59a1aa
  • mergeEditor.change.background#41a6b525
  • mergeEditor.change.word.background#41a6b540
  • mergeEditor.conflict.handled.minimapOverViewRuler#449dab
  • mergeEditor.conflict.handledFocused.border#41a6b565
  • mergeEditor.conflict.handledUnfocused.border#41a6b525
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#e06896
  • mergeEditor.conflict.unhandledFocused.border#e06896d9
  • mergeEditor.conflict.unhandledUnfocused.border#e0689688
  • minimapGutter.addedBackground#1C5957
  • minimapGutter.deletedBackground#944449
  • minimapGutter.modifiedBackground#3d547a
  • notebook.cellBorderColor#2c3d4970
  • notebook.cellEditorBackground#202236
  • notebook.cellStatusBarItemHoverBackground#2c324a
  • notebook.editorBackground#1f2135
  • notebook.focusedCellBorder#2c466d
  • notebook.focusedEditorBorder#293d5a
  • notificationCenterHeader.background#1b1e2e
  • notificationLink.foreground#6183bb
  • notifications.background#1b1e2e
  • notificationsErrorIcon.foreground#bb616b
  • notificationsInfoIcon.foreground#0da0ba
  • notificationsWarningIcon.foreground#bba461
  • panel.background#1f2135
  • panel.border#1b1e2e
  • panelInput.border#1f2135
  • panelTitle.activeBorder#3d59a1
  • panelTitle.activeForeground#a9b1d6
  • panelTitle.inactiveForeground#7982a9
  • peekView.border#1b1e2e
  • peekViewEditor.background#1f2135
  • peekViewEditor.matchHighlightBackground#3d59a166
  • peekViewResult.background#1b1e2e
  • peekViewResult.fileForeground#7982a9
  • peekViewResult.lineForeground#a9b1d6
  • peekViewResult.matchHighlightBackground#3d59a166
  • peekViewResult.selectionBackground#3d59a133
  • peekViewResult.selectionForeground#a9b1d6
  • peekViewTitle.background#1b1e2e
  • peekViewTitleDescription.foreground#7982a9
  • peekViewTitleLabel.foreground#a9b1d6
  • pickerGroup.border#1b1e2e
  • pickerGroup.foreground#a9b1d6
  • progressBar.background#3d59a1
  • sash.hoverBorder#29355a
  • scrollbar.shadow#00000033
  • scrollbarSlider.activeBackground#9cacff22
  • scrollbarSlider.background#9cacff15
  • scrollbarSlider.hoverBackground#9cacff10
  • selection.background#6f7bb635
  • settings.headerForeground#6183bb
  • sideBar.background#1f2135
  • sideBar.border#1b1e2e
  • sideBar.dropBackground#292e42
  • sideBar.foreground#7982a9
  • sideBarSectionHeader.background#1f2135
  • sideBarSectionHeader.border#1b1e2e
  • sideBarSectionHeader.foreground#a9b1d6
  • sideBarTitle.foreground#7982a9
  • statusBar.background#1f2135
  • statusBar.border#1b1e2e
  • statusBar.debuggingBackground#1f2135
  • statusBar.debuggingForeground#7982a9
  • statusBar.foreground#7982a9
  • statusBar.noFolderBackground#1f2135
  • statusBarItem.activeBackground#1b1e2e
  • statusBarItem.hoverBackground#282e44
  • statusBarItem.prominentBackground#1b1e2e
  • statusBarItem.prominentHoverBackground#282e44
  • tab.activeBackground#1f2135
  • tab.activeBorder#3d59a1
  • tab.activeForeground#a9b1d6
  • tab.activeModifiedBorder#282d42
  • tab.border#1b1e2e
  • tab.hoverForeground#a9b1d6
  • tab.inactiveBackground#1f2135
  • tab.inactiveForeground#7982a9
  • tab.inactiveModifiedBorder#282d42
  • tab.lastPinnedBorder#2c3147
  • tab.unfocusedActiveBorder#3b4261
  • tab.unfocusedActiveForeground#a9b1d6
  • tab.unfocusedHoverForeground#a9b1d6
  • tab.unfocusedInactiveForeground#7982a9
  • terminal.ansiBlack#414868
  • terminal.ansiBlue#7aa2f7
  • terminal.ansiBrightBlack#414868
  • terminal.ansiBrightBlue#7aa2f7
  • terminal.ansiBrightCyan#7dcfff
  • terminal.ansiBrightGreen#73daca
  • terminal.ansiBrightMagenta#9587fc
  • terminal.ansiBrightRed#ff5473
  • terminal.ansiBrightWhite#a9b1d6
  • terminal.ansiBrightYellow#e06896
  • terminal.ansiCyan#7dcfff
  • terminal.ansiGreen#73daca
  • terminal.ansiMagenta#9587fc
  • terminal.ansiRed#ff5473
  • terminal.ansiWhite#7982a9
  • terminal.ansiYellow#e06896
  • terminal.background#1f2135
  • terminal.foreground#7982a9
  • terminal.selectionBackground#6f7bb640
  • textBlockQuote.background#1f2135
  • textCodeBlock.background#1f2135
  • textLink.activeForeground#7dcfff
  • textLink.foreground#668ac4
  • textPreformat.foreground#73daca
  • textSeparator.foreground#545c7e
  • titleBar.activeBackground#1f2135
  • titleBar.activeForeground#7982a9
  • titleBar.border#1b1e2e
  • titleBar.inactiveBackground#1f2135
  • titleBar.inactiveForeground#7982a9
  • toolbar.activeBackground#182247
  • toolbar.hoverBackground#192142
  • tree.indentGuidesStroke#2e344f
  • walkThrough.embeddedEditorBackground#121831
  • widget.shadow#ffffff00
  • window.activeBorder#0d0f17
  • window.inactiveBorder#0d0f17

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, meta.var.expr storage.type, keyword.control.flow, keyword.control.return, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.modifieritalic
keyword.control.flow.block-scalar.literal, keyword.control.flow.pythonitalic
comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation#5f6996
keyword.operator.assignment.jsdoc, comment.block.documentation variable, comment.block.documentation storage, comment.block.documentation keyword, comment.block.documentation support, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, keyword.other.phpdoc.php, log.date#6f7bb0
meta.other.type.phpdoc.php support.class, comment.block.documentation storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation entity.name.type.instance#6c96b9
variable.other.constant, punctuation.definition.constant, constant.language, constant.numeric, support.constant, constant.other.caps#fdb26d
string, constant.other.symbol, constant.other.key, meta.attribute-selector, string constant.character#6effe9d7
constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant#506bcc
invalid, invalid.illegal#ff5370
invalid.deprecated#9587fc
storage.type#a99efd
meta.var.expr storage.type, storage.modifier#9d7cd8
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars, punctuation.section.tag.twig#7dcfff
keyword.control.smarty, keyword.control.twig, support.constant.handlebars keyword.control, keyword.operator.comparison.twig, keyword.blade, entity.name.function.blade#55b8ff
keyword.operator.spread, keyword.operator.rest#ff5473bold
keyword.operator, keyword.control.as, keyword.other, keyword.operator.bitwise.shift, punctuation, expression.embbeded.vue punctuation.definition.tag, text.html.twig meta.tag.inline.any.html, meta.tag.template.value.twig meta.function.arguments.twig, meta.directive.vue punctuation.separator.key-value.html, punctuation.definition.constant.markdown, punctuation.definition.string, punctuation.support.type.property-name, text.html.vue-html meta.tag, meta.attribute.directive, punctuation.definition.keyword, punctuation.terminator.rule, punctuation.definition.entity, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, entity.name.operator, meta.property-list punctuation.separator.key-value, meta.at-rule.mixin punctuation.separator.key-value, meta.at-rule.function variable.parameter.url#89ffce
keyword.control.module.js, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other#7dcfff
keyword, keyword.control, keyword.other.important#9587fc
keyword.other.DML#7dcfff
keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp#9587fc
entity.name.tag#ff5473
entity.name.tag support.class.component, meta.tag.custom entity.name.tag, meta.tag.other.unrecognized.html.derivative entity.name.tag, meta.tag#de5971
punctuation.definition.tag#ba3c97
constant.other.php, variable.other.global.safer, variable.other.global.safer punctuation.definition.variable, variable.other.global, variable.other.global punctuation.definition.variable, constant.other.haskell#e06896
variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars, variable.other.object, meta.fstring, meta.function-call meta.function-call.arguments#a8b1ff
meta.array.literal variable#7dcfff
meta.object-literal.key, entity.name.type.hcl, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.field.declaration.ts variable.object.property, meta.block entity.name.label#73daca
variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property, variable.other.object.property.cs#7dcfff
variable.other.object.property#a8b1ff
meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.object-literal.key#41a6b5
source.cpp meta.block variable.other#ff5473
support.other.variable#ff5473
meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method, storage.type.cs#7aa2f7
entity.name.function, variable.other.enummember, meta.function-call, meta.function-call entity.name.function, variable.function, meta.definition.method entity.name.function, meta.object-literal entity.name.function#7aa2f7
variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable#e06896
keyword.other.type.php, storage.type.php, constant.character, constant.escape, keyword.other.unit#9587fc
meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.declaration.hcl variable.other.readwrite.hcl, meta.mapping.key.hcl variable.other.readwrite.hcl, variable.other.declaration#9587fc
entity.other.inherited-class#9587fc
support.class, support.type, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.variable.dom, support.constant.math, support.type.object.module, support.constant.json, entity.name.namespace, meta.import.qualifier, variable.other.constant.object#55b8ff
entity.name#5ecfff
source.python, source.ruby, source.cpp, source.c, source.rust, entity.name.type.numeric.rust#a8b1ff
support.function#55b8ff
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, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key#7aa2f7
support.constant.font-name, meta.definition.variable#6effe9d7
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss#6effe9d7
entity.other.attribute-name.id#fc7b7b
entity.name.tag.css#55b8ff
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity, entity.other.attribute-name.class punctuation.definition.entity, entity.name.tag.reference#e06896
meta.property-list#9abdf5
meta.property-list meta.at-rule.if, meta.at-rule.return variable.parameter.url, meta.property-list meta.at-rule.else#f7bf76
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css#73daca
meta.property-list meta.property-list#9abdf5
meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include#9587fc
keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.include keyword.control.at-rule.include, keyword.control.at-rule.extend punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.function keyword.control.at-rule.function, keyword.control punctuation.definition.keyword#9d7cd8
meta.property-list meta.at-rule.include#a8b1ff
support.constant.property-value#f7bf76
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#a8b1ff
variable.language#ff5473
variable.other punctuation.definition.variable#a8b1ff
source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable, keyword.other.this#ff5473
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#9587fc
text.html constant.character.entity#55b8ff
entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html#9587fc
source.sass keyword.control#7aa2f7
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value#9587fc
markup.inserted#449dab
markup.deleted#914c54
markup.changed#6183bb
string.regexp#b4f9f8
punctuation.definition.group#ff5473
constant.other.character-class.regexp#9587fc
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp#e06896
keyword.operator.quantifier.regexp#89ffce
constant.character.escape.backslash#a8b1ff
constant.character.escape#89ffce
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#7aa2f7
keyword.other.unit#ff5473
source.json meta.structure.dictionary.json support.type.property-name.json#7aa2f7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#55b8ff
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#7dcfff
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#9587fc
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#e06896
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#55b8ff
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#73daca
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#ff5473
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#9ece6a
punctuation.definition.list_item.markdown#9abdf5
meta.block, meta.brace, punctuation.definition.block, punctuation.definition.use, punctuation.definition.class, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.switch-expression.begin.bracket, punctuation.definition.switch-expression.end.bracket, punctuation.definition.section.switch-block.begin.bracket, punctuation.definition.section.switch-block.end.bracket, punctuation.definition.group.shell, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section#9abdf5
meta.embedded.block#a8b1ff
meta.tag JSXNested, meta.jsx.children, text.html, text.log#9aa5ce
text.html.markdown markup.inline.raw.markdown#9587fc
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4E5579
heading.1.markdown entity.name, heading.1.markdown punctuation.definition.heading.markdown#89ffcebold
heading.2.markdown entity.name, heading.2.markdown punctuation.definition.heading.markdown#61bdf2bold
heading.3.markdown entity.name, heading.3.markdown punctuation.definition.heading.markdown#7aa2f7bold
heading.4.markdown entity.name, heading.4.markdown punctuation.definition.heading.markdown#6d91debold
heading.5.markdown entity.name, heading.5.markdown punctuation.definition.heading.markdown#9aa5cebold
heading.6.markdown entity.name, heading.6.markdown punctuation.definition.heading.markdown#747ca1bold
markup.italic, markup.italic punctuation#a8b1ffitalic
markup.bold, markup.bold punctuation#a8b1ffbold
markup.bold markup.italic, markup.bold markup.italic punctuation#a8b1ffbold italic
markup.underline, markup.underline punctuationunderline
markup.quote punctuation.definition.blockquote.markdown#4E5579
markup.quoteitalic
string.other.link, markup.underline.link, constant.other.reference.link.markdown, string.other.link.description.title.markdown#73daca
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown#89ffce
meta.separator#5f6996bold
markup.table#c0cefc
token.info-token#0db9d7
token.warn-token#ffdb69
token.error-token#db4b4b
token.debug-token#b267e6
entity.tag.apacheconf#ff5473
meta.preprocessor#73daca
source.env#7aa2f7

Shiki preview

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

Loading...

Iroh the Cat Night - Coding Theme