Skip to main content
Coding Theme

FlameLabs

Publisher: CongramThemes in package: 4

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.activeBackground#101014
  • activityBar.activeBorder#3b3e52
  • activityBar.background#1B1B1B
  • activityBar.border#1B1B1B
  • activityBar.foreground#787c99
  • activityBar.inactiveForeground#3b3e52
  • activityBarBadge.background#c0392b
  • activityBarBadge.foreground#fff
  • badge.background#7e83b230
  • badge.foreground#acb0d0
  • breadcrumb.activeSelectionForeground#a9b1d6
  • breadcrumb.background#1B1B1B
  • breadcrumb.focusForeground#a9b1d6
  • breadcrumb.foreground#515670
  • breadcrumbPicker.background#1B1B1B
  • button.background#c0392bdd
  • button.foreground#ffffff
  • button.hoverBackground#c0392bAA
  • button.secondaryBackground#3b3e52
  • charts.blue#e74c3c
  • charts.foreground#9AA5CE
  • charts.green#f4a261
  • charts.lines#1B1B1B
  • charts.orange#ff9e64
  • charts.purple#ff5722
  • charts.red#f7768e
  • charts.yellow#ffb000
  • debugConsole.errorForeground#bb616b
  • debugConsole.infoForeground#787c99
  • debugConsole.sourceForeground#787c99
  • debugConsole.warningForeground#c49a5a
  • debugConsoleInputIcon.foreground#ffd166
  • debugExceptionWidget.background#101014
  • debugExceptionWidget.border#963c47
  • debugIcon.breakpointDisabledForeground#414761
  • debugIcon.breakpointForeground#ff2e2e
  • debugIcon.breakpointUnverifiedForeground#c24242
  • debugTokenExpression.boolean#ff9e64
  • debugTokenExpression.error#bb616b
  • debugTokenExpression.name#ffb347
  • debugTokenExpression.number#ff9e64
  • debugTokenExpression.string#ffe066
  • debugTokenExpression.value#9aa5ce
  • debugToolBar.background#101014
  • debugView.stateLabelBackground#14141b
  • debugView.stateLabelForeground#787c99
  • debugView.valueChangedHighlight#c0392baa
  • descriptionForeground#515670
  • diffEditor.diagonalFill#292e42
  • 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#14141b
  • dropdown.foreground#787c99
  • dropdown.listBackground#14141b
  • editor.background#1F1F1F
  • editor.findMatchBackground#c0392b66
  • editor.findMatchBorder#ffb000
  • editor.findMatchHighlightBackground#c0392b66
  • editor.findRangeHighlightBackground#515c7e33
  • editor.focusedStackFrameHighlightBackground#73daca20
  • editor.foldBackground#1111174a
  • editor.foreground#a9b1d6
  • editor.inactiveSelectionBackground#515c7e25
  • editor.lineHighlightBackground#241414
  • editor.rangeHighlightBackground#515c7e20
  • editor.selectionBackground#515c7e40
  • editor.selectionHighlightBackground#515c7e44
  • editor.stackFrameHighlightBackground#E2BD3A20
  • editor.wordHighlightBackground#515c7e44
  • editor.wordHighlightStrongBackground#515c7e55
  • editorBracketHighlight.foreground1#b71c1c
  • editorBracketHighlight.foreground2#c62828
  • editorBracketHighlight.foreground3#9a7ecc
  • editorBracketHighlight.foreground4#25aac2
  • editorBracketHighlight.foreground5#f1c40f
  • editorBracketHighlight.foreground6#c49a5a
  • editorBracketHighlight.unexpectedBracket.foreground#ff2e2e
  • editorBracketMatch.background#1B1B1B
  • editorBracketMatch.border#42465d
  • editorBracketPairGuide.activeBackground1#b71c1c
  • editorBracketPairGuide.activeBackground2#c62828
  • editorBracketPairGuide.activeBackground3#9a7ecc
  • editorBracketPairGuide.activeBackground4#25aac2
  • editorBracketPairGuide.activeBackground5#f1c40f
  • editorBracketPairGuide.activeBackground6#c49a5a
  • editorCodeLens.foreground#484f70
  • editorCursor.foreground#c0caf5
  • editorError.foreground#ff2e2e
  • editorGhostText.foreground#646e9c
  • editorGroup.border#101014
  • editorGroup.dropBackground#241414
  • editorGroupHeader.border#101014
  • editorGroupHeader.noTabsBackground#1B1B1B
  • editorGroupHeader.tabsBackground#1B1B1B
  • editorGroupHeader.tabsBorder#101014
  • editorGutter.addedBackground#164846
  • editorGutter.deletedBackground#823c41
  • editorGutter.modifiedBackground#7f1d1d
  • editorHint.foreground#ff9800
  • editorHoverWidget.background#1B1B1B
  • editorHoverWidget.border#101014
  • editorIndentGuide.activeBackground#363b54
  • editorIndentGuide.background#241414
  • editorInfo.foreground#ff9800
  • editorLightBulb.foreground#ffb000
  • editorLightBulbAutoFix.foreground#ffb000
  • editorLineNumber.activeForeground#737aa2
  • editorLineNumber.foreground#363b54
  • editorLink.activeForeground#acb0d0
  • editorMarkerNavigation.background#1B1B1B
  • editorOverviewRuler.addedForeground#164846
  • editorOverviewRuler.border#101014
  • editorOverviewRuler.bracketMatchForeground#101014
  • editorOverviewRuler.deletedForeground#703438
  • editorOverviewRuler.errorForeground#ff2e2e
  • editorOverviewRuler.findMatchForeground#a9b1d644
  • editorOverviewRuler.infoForeground#1abc9c
  • editorOverviewRuler.modifiedForeground#7f1d1d
  • editorOverviewRuler.rangeHighlightForeground#a9b1d644
  • editorOverviewRuler.selectionHighlightForeground#a9b1d622
  • editorOverviewRuler.warningForeground#ffb000
  • editorOverviewRuler.wordHighlightForeground#ff6f3c755
  • editorOverviewRuler.wordHighlightStrongForeground#ff6f3c766
  • editorPane.background#1B1B1B
  • editorRuler.foreground#101014
  • editorSuggestWidget.background#1B1B1B
  • editorSuggestWidget.border#101014
  • editorSuggestWidget.highlightForeground#d35400
  • editorSuggestWidget.selectedBackground#20222c
  • editorWarning.foreground#ffb000
  • editorWhitespace.foreground#363b54
  • editorWidget.background#1B1B1B
  • editorWidget.resizeBorder#545c7e33
  • errorForeground#515670
  • extensionBadge.remoteBackground#c0392b
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.prominentBackground#c0392bDD
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#c0392bAA
  • focusBorder#545c7e33
  • foreground#787c99
  • gitDecoration.addedResourceForeground#449dab
  • gitDecoration.conflictingResourceForeground#e0af68cc
  • gitDecoration.deletedResourceForeground#914c54
  • gitDecoration.ignoredResourceForeground#515670
  • gitDecoration.modifiedResourceForeground#d35400
  • gitDecoration.renamedResourceForeground#449dab
  • gitDecoration.stageDeletedResourceForeground#914c54
  • gitDecoration.stageModifiedResourceForeground#d35400
  • gitDecoration.untrackedResourceForeground#449dab
  • gitlens.gutterForegroundColor#444b6a
  • gitlens.gutterUncommittedForegroundColor#444b6a
  • gitlens.trailingLineForegroundColor#444b6a
  • icon.foreground#787c99
  • input.background#14141b
  • input.border#0f0f14
  • input.foreground#a9b1d6
  • input.placeholderForeground#787c998A
  • inputOption.activeBackground#c0392b44
  • inputOption.activeForeground#c0caf5
  • inputValidation.errorBackground#85353e
  • inputValidation.errorBorder#963c47
  • inputValidation.errorForeground#bbc2e0
  • inputValidation.infoBackground#ff9800
  • inputValidation.infoBorder#e67e22
  • inputValidation.infoForeground#000000
  • inputValidation.warningBackground#c2985b
  • inputValidation.warningBorder#ffb000
  • inputValidation.warningForeground#000000
  • list.activeSelectionBackground#2a1212
  • list.activeSelectionForeground#c9cfeb
  • list.deemphasizedForeground#787c99
  • list.dropBackground#241414
  • list.errorForeground#bb616b
  • list.focusBackground#242227
  • list.focusForeground#c9cfeb
  • list.highlightForeground#668ac4
  • list.hoverBackground#13131a
  • list.hoverForeground#a9b1d6
  • list.inactiveSelectionBackground#242227
  • list.inactiveSelectionForeground#c9cfeb
  • list.invalidItemForeground#c97018
  • list.warningForeground#c49a5a
  • listFilterWidget.background#101014
  • listFilterWidget.noMatchesOutline#a6333f
  • listFilterWidget.outline#c0392b
  • menu.background#1B1B1B
  • menu.border#101014
  • menu.foreground#787c99
  • menu.selectionBackground#241414
  • menu.selectionForeground#a9b1d6
  • menu.separatorBackground#101014
  • menubar.selectionBackground#241414
  • menubar.selectionBorder#1b1e2e
  • menubar.selectionForeground#a9b1d6
  • merge.currentContentBackground#007a7544
  • merge.currentHeaderBackground#41a6b525
  • merge.incomingContentBackground#c0392b44
  • merge.incomingHeaderBackground#c0392baa
  • 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#ffb000
  • mergeEditor.conflict.unhandledFocused.border#e0af68b0
  • mergeEditor.conflict.unhandledUnfocused.border#e0af6888
  • minimapGutter.addedBackground#1C5957
  • minimapGutter.deletedBackground#944449
  • minimapGutter.modifiedBackground#8e2c2c
  • notebook.cellBorderColor#101014
  • notebook.cellEditorBackground#1B1B1B
  • notebook.cellStatusBarItemHoverBackground#242227
  • notebook.editorBackground#1F1F1F
  • notebook.focusedCellBorder#3a1414
  • notificationCenterHeader.background#101014
  • notificationLink.foreground#d35400
  • notifications.background#101014
  • notificationsErrorIcon.foreground#bb616b
  • notificationsInfoIcon.foreground#ff9800
  • notificationsWarningIcon.foreground#bba461
  • panel.background#1B1B1B
  • panel.border#101014
  • panelInput.border#1B1B1B
  • panelTitle.activeBorder#1B1B1B
  • panelTitle.activeForeground#787c99
  • panelTitle.inactiveForeground#42465d
  • peekView.border#101014
  • peekViewEditor.background#1B1B1B
  • peekViewEditor.matchHighlightBackground#c0392b66
  • peekViewResult.background#101014
  • peekViewResult.fileForeground#787c99
  • peekViewResult.lineForeground#a9b1d6
  • peekViewResult.matchHighlightBackground#c0392b66
  • peekViewResult.selectionBackground#c0392b33
  • peekViewResult.selectionForeground#a9b1d6
  • peekViewTitle.background#101014
  • peekViewTitleDescription.foreground#787c99
  • peekViewTitleLabel.foreground#a9b1d6
  • pickerGroup.border#101014
  • pickerGroup.foreground#a9b1d6
  • progressBar.background#c0392b
  • sash.hoverBorder#3a1414
  • scrollbar.shadow#00000033
  • scrollbarSlider.activeBackground#868bc422
  • scrollbarSlider.background#868bc415
  • scrollbarSlider.hoverBackground#868bc410
  • selection.background#515c7e40
  • settings.headerForeground#d35400
  • sideBar.background#1B1B1B
  • sideBar.border#101014
  • sideBar.dropBackground#241414
  • sideBar.foreground#787c99
  • sideBarSectionHeader.background#1B1B1B
  • sideBarSectionHeader.border#101014
  • sideBarSectionHeader.foreground#a9b1d6
  • sideBarTitle.foreground#787c99
  • statusBar.background#1B1B1B
  • statusBar.border#101014
  • statusBar.debuggingBackground#1B1B1B
  • statusBar.debuggingForeground#787c99
  • statusBar.foreground#787c99
  • statusBar.noFolderBackground#1B1B1B
  • statusBarItem.activeBackground#101014
  • statusBarItem.hoverBackground#20222c
  • statusBarItem.prominentBackground#101014
  • statusBarItem.prominentHoverBackground#20222c
  • tab.activeBackground#1B1B1B
  • tab.activeBorder#c0392b
  • tab.activeForeground#a9b1d6
  • tab.activeModifiedBorder#1F1F1F
  • tab.border#101014
  • tab.hoverForeground#a9b1d6
  • tab.inactiveBackground#1B1B1B
  • tab.inactiveForeground#787c99
  • tab.inactiveModifiedBorder#1f202e
  • tab.lastPinnedBorder#222333
  • tab.unfocusedActiveBorder#1f202e
  • tab.unfocusedActiveForeground#a9b1d6
  • tab.unfocusedHoverForeground#a9b1d6
  • tab.unfocusedInactiveForeground#787c99
  • terminal.ansiBlack#363b54
  • terminal.ansiBlue#e74c3c
  • terminal.ansiBrightBlack#363b54
  • terminal.ansiBrightBlue#e74c3c
  • terminal.ansiBrightCyan#ffb347
  • terminal.ansiBrightGreen#f4a261
  • terminal.ansiBrightMagenta#ff6f3c7
  • terminal.ansiBrightRed#f7768e
  • terminal.ansiBrightWhite#acb0d0
  • terminal.ansiBrightYellow#ffb000
  • terminal.ansiCyan#ffb347
  • terminal.ansiGreen#f4a261
  • terminal.ansiMagenta#ff6f3c7
  • terminal.ansiRed#f7768e
  • terminal.ansiWhite#787c99
  • terminal.ansiYellow#ffb000
  • terminal.background#1B1B1B
  • terminal.foreground#787c99
  • terminal.selectionBackground#515c7e30
  • textBlockQuote.background#1B1B1B
  • textCodeBlock.background#1B1B1B
  • textLink.activeForeground#ffb347
  • textLink.foreground#d35400
  • textPreformat.foreground#9699a8
  • textSeparator.foreground#363b54
  • titleBar.activeBackground#1B1B1B
  • titleBar.activeForeground#787c99
  • titleBar.border#101014
  • titleBar.inactiveBackground#1B1B1B
  • titleBar.inactiveForeground#787c99
  • toolbar.activeBackground#2a1212
  • toolbar.hoverBackground#2a1212
  • tree.indentGuidesStroke#2b2b3b
  • walkThrough.embeddedEditorBackground#1B1B1B
  • 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
comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation, 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, 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#8d8c867a
variable.other.constant, punctuation.definition.constant, constant.language, constant.numeric, support.constant, constant.language.null, constant.language.undefined, constant.language.go, constant.language.boolean, constant.language.json, constant.language.infinity, constant.language.nan#2DB6E1
string, constant.other.symbol, constant.other.key, meta.attribute-selector#97dd77
constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant#cead9a
invalid, invalid.illegal#E12D2D
invalid.deprecated#E12D2D
storage.type#ff8a65
meta.var.expr storage.type, storage.modifier#ff5722
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars, punctuation.section.tag.twig#ff3d00
keyword.control.smarty, keyword.control.twig, support.constant.handlebars keyword.control, keyword.operator.comparison.twig, keyword.blade, entity.name.function.blade, entity.name.type, type, support.type, support.type.property-name.json.comments#f5df63
keyword.operator.spread, keyword.operator.rest#8ea1f7bold
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, 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#ff3d00
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other#ff7043
keyword, keyword.control, keyword.other.important#ff5252
keyword.other.DML#ffb347
keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp#df4f4f
entity.name.tag#f7768e
entity.name.tag support.class.component, meta.tag#e29f48
punctuation.definition.tag#c43333
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#e1c62d
variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars, variable.other.object, meta.array.literal variable#c0caf5
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#c0caf5
variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property#ffb347
variable.other.object.property#c0caf5
meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.object-literal.key#f4a261
source.cpp meta.block variable.other#f7768e
support.other.variable#f7768e
meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method, storage.type.cs#e74c3c
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#e74c3c
variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable#ffb000
keyword.other.type.php, storage.type.php, constant.character, constant.escape, keyword.other.unit#ff6f3c7
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#ff6f3c7
entity.other.inherited-class#ff6f3c7
support.class, 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#e67e22
entity.name#c0caf5
support.function#e67e22
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#e74c3c
support.constant.font-name, meta.definition.variable#ffe066
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss#ffe066
entity.other.attribute-name.id#fc7b7b
entity.name.tag.css#e67e22
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#ffb000
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#ff9e64
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css#ffd166
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#ff6f3c7
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#ff5722
meta.property-list meta.at-rule.include#c0caf5
support.constant.property-value#ff9e64
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c0caf5
variable.language#f7768e
variable.other punctuation.definition.variable#c0caf5
source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable, keyword.other.this#f7768e
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ff6f3c7
text.html constant.character.entity#e67e22
entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html#ff6f3c7
source.sass keyword.control#e74c3c
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value#ff6f3c7
markup.inserted#449dab
markup.deleted#914c54
markup.changed#d35400
string.regexp#b4f9f8
punctuation.definition.group#f7768e
constant.other.character-class.regexp#ff6f3c7
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp#ffb000
keyword.operator.quantifier.regexp#89ddff
constant.character.escape.backslash#c0caf5
constant.character.escape#89ddff
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#e74c3c
keyword.other.unit#f7768e
source.json meta.structure.dictionary.json support.type.property-name.json#e74c3c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e67e22
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#ffb347
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#ff6f3c7
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#ffb000
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#e67e22
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#ffd166
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#f7768e
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#ffe066
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.jsx.children, meta.embedded.block#c0caf5
text.html, text.log#9aa5ce
text.html.markdown markup.inline.raw.markdown#ff6f3c7
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4E5579
heading.1.markdown entity.name, heading.1.markdown punctuation.definition.heading.markdown#89ddffbold
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#e74c3cbold
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#c0caf5italic
markup.bold, markup.bold punctuation#c0caf5bold
markup.bold markup.italic, markup.bold markup.italic punctuation#c0caf5bold 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#ffd166
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown#89ddff
meta.separator#444b6abold
markup.table#c0cefc
token.info-token#e67e22
token.warn-token#ffdb69
token.error-token#ff2e2e
token.debug-token#b267e6
entity.tag.apacheconf#f7768e
meta.preprocessor#ffd166
source.env#e74c3c

Shiki preview

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

Loading...