Theme +
Publisher: Cecil JacobThemes in package: 2
This is a code editor theme with extensive syntax highlight and workbench color customization implemented.
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#180f08
- activityBar.activeBorder#d2a67b
- activityBar.activeFocusBorder#d2a67b
- activityBar.background#180f08
- activityBar.border#180f08
- activityBar.dropBorder#e6ccba
- activityBar.foreground#d2a67b
- activityBar.inactiveForeground#d2a67b60
- activityBarBadge.background#d2a67b
- activityBarBadge.foreground#180f08
- badge.background#d2a67b
- badge.foreground#180f08
- breadcrumb.activeSelectionForeground#fcfaf6
- breadcrumb.background#180f08
- breadcrumb.focusForeground#fcfaf6
- breadcrumb.foreground#f6ece0a0
- breadcrumbPicker.background#180f08
- button.background#d2a67b
- button.border#d2a67b80
- button.foreground#180f08
- button.hoverBackground#e6ccba
- button.secondaryBackground#d2a67b80
- button.secondaryForeground#180f08
- button.secondaryHoverBackground#e6ccba
- checkbox.background#180f08
- checkbox.border#d2a67bc0
- checkbox.foreground#fcfaf6
- debugExceptionWidget.background#180f08
- debugExceptionWidget.border#f6ece0
- debugToolBar.background#180f08
- debugToolBar.border#f6ece0
- descriptionForeground#fcfaf6
- diffEditor.border#f6ece080
- diffEditor.insertedTextBackground#efb22d40
- diffEditor.removedTextBackground#de5a0240
- dropdown.background#180f08
- dropdown.border#d2a67b80
- dropdown.foreground#fcfaf6
- dropdown.listBackground#080402
- editor.background#180f08
- editor.findMatchBackground#c8620280
- editor.findMatchBorder#c8620200
- editor.findMatchHighlightBackground#d2a67b40
- editor.findMatchHighlightBorder#d2a67b00
- editor.findRangeHighlightBackground#fcfaf620
- editor.findRangeHighlightBorder#fcfaf600
- editor.focusedStackFrameHighlightBackground#e6ccba
- editor.foldBackground#d2a67b40
- editor.foreground#fcfaf6
- editor.hoverHighlightBackground#180f0820
- editor.inactiveSelectionBackground#e6ccba20
- editor.lineHighlightBackground#080402
- editor.rangeHighlightBackground#e6ccba40
- editor.rangeHighlightBorder#e6ccba20
- editor.selectionBackground#c8620260
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#e6ccba20
- editor.selectionHighlightBorder#e6ccba00
- editor.stackFrameHighlightBackground#d2a67b
- editor.wordHighlightBackground#e6ccba40
- editor.wordHighlightStrongBackground#e6ccba60
- editorBracketHighlight.foreground1#c86206
- editorBracketHighlight.foreground2#00b4d6
- editorBracketHighlight.foreground3#f4e286
- editorBracketHighlight.foreground4#ecd2b4
- editorBracketHighlight.foreground5#98d4dc
- editorBracketHighlight.foreground6#d4d8de
- editorBracketHighlight.unexpectedBracket.foreground#ba4d06
- editorBracketMatch.background#e6ccba60
- editorBracketMatch.border#e6ccba20
- editorBracketPairGuide.activeBackground1#c86206a0
- editorBracketPairGuide.activeBackground2#00b4d6a0
- editorBracketPairGuide.activeBackground3#f4e286c0
- editorBracketPairGuide.activeBackground4#ecd2b4c0
- editorBracketPairGuide.activeBackground5#98d4dcc0
- editorBracketPairGuide.activeBackground6#d4d8dec0
- editorBracketPairGuide.background1#c8620620
- editorBracketPairGuide.background2#00b4d620
- editorBracketPairGuide.background3#f4e28620
- editorBracketPairGuide.background4#ecd2b420
- editorBracketPairGuide.background5#98d4dc20
- editorBracketPairGuide.background6#d4d8de20
- editorCursor.background#180f08
- editorCursor.foreground#ffffff
- editorError.foreground#de5a02
- editorGroup.border#362412a0
- editorGroup.dropBackground#e6ccbaa0
- editorGroup.emptyBackground#180f08
- editorGroup.focusedEmptyBorder#d2a67b40
- editorGroupHeader.noTabsBackground#180f08
- editorGroupHeader.tabsBackground#180f08
- editorGroupHeader.tabsBorder#362412a0
- editorGutter.addedBackground#e6ccba
- editorGutter.background#180f08
- editorGutter.commentRangeForeground#dcd4a8
- editorGutter.deletedBackground#de5a02
- editorGutter.modifiedBackground#efb22d
- editorHint.foreground#d2a67b
- editorHoverWidget.background#180f08
- editorHoverWidget.border#f6ece0
- editorHoverWidget.foreground#fcfaf6
- editorHoverWidget.highlightForeground#c86202
- editorIndentGuide.activeBackground#e6ccbaf0
- editorIndentGuide.background#fcfaf620
- editorInfo.foreground#f6ece0
- editorLightBulb.foreground#efb22d
- editorLightBulbAutoFix.foreground#de5a02
- editorLineNumber.activeForeground#e6ccba
- editorLineNumber.foreground#f6ece040
- editorLink.activeForeground#e6ccba
- editorMarkerNavigation.background#180f08
- editorMarkerNavigationError.background#de5a02
- editorMarkerNavigationInfo.background#f6ece0
- editorMarkerNavigationWarning.background#efb22d
- editorOverviewRuler.border#362412a0
- editorOverviewRuler.commonContentForeground#180f08
- editorOverviewRuler.currentContentForeground#f6ece0
- editorOverviewRuler.incomingContentForeground#e6ccba
- editorPane.background#180f08
- editorSuggestWidget.background#080402
- editorSuggestWidget.border#f6ece0
- editorSuggestWidget.foreground#fcfaf6
- editorSuggestWidget.highlightForeground#fcfaf6
- editorSuggestWidget.selectedBackground#f6ece040
- editorUnicodeHighlight.border#f6ece020
- editorUnnecessaryCode.border#fcfaf6c0
- editorUnnecessaryCode.opacity#fcfaf6a0
- editorWarning.foreground#efb22d
- editorWhitespace.foreground#fcfaf620
- editorWidget.background#362412
- editorWidget.border#f6ece0
- editorWidget.foreground#f6ece0
- editorWidget.resizeBorder#d2a67b
- errorForeground#be540a
- extensionBadge.remoteBackground#de5a02
- extensionBadge.remoteForeground#fcfaf6
- extensionButton.prominentBackground#d2a67b
- extensionButton.prominentForeground#180f08
- extensionButton.prominentHoverBackground#e6ccba
- extensionIcon.preReleaseForeground#efb22d
- extensionIcon.starForeground#efb22d
- extensionIcon.verifiedForeground#d2a67b
- focusBorder#08040260
- foreground#fcfaf6
- gitDecoration.addedResourceForeground#dcd4a8
- gitDecoration.conflictingResourceForeground#b68db2
- gitDecoration.deletedResourceForeground#de5a02
- gitDecoration.ignoredResourceForeground#f6ece080
- gitDecoration.modifiedResourceForeground#efb22d
- gitDecoration.submoduleResourceForeground#56b8c8
- gitDecoration.untrackedResourceForeground#fcfaf660
- icon.foreground#e6ccba
- input.background#180f08
- input.border#d2a67b80
- input.foreground#fcfaf6
- input.placeholderForeground#fcfaf660
- inputOption.activeBackground#180f08
- inputOption.activeBorder#e6ccba
- inputOption.hoverBackground#d2a67b40
- inputValidation.errorBackground#be540a60
- inputValidation.errorBorder#be540a
- inputValidation.errorForeground#fcfaf6
- inputValidation.infoBackground#080402
- inputValidation.infoBorder#e6ccba
- inputValidation.infoForeground#fcfaf6
- inputValidation.warningBackground#efb22d60
- inputValidation.warningBorder#efb22d
- inputValidation.warningForeground#fcfaf6
- list.activeSelectionBackground#d2a67b40
- list.activeSelectionForeground#fcfaf6
- list.dropBackground#080402
- list.errorForeground#de5a0280
- list.filterMatchBackground#d2a67b60
- list.filterMatchBorder#d2a67bc0
- list.focusBackground#e6ccba40
- list.focusForeground#fcfaf6
- list.focusHighlightForeground#fcfaf6
- list.highlightForeground#fcfaf6
- list.hoverBackground#e6ccba40
- list.hoverForeground#fcfaf6
- list.inactiveFocusBackground#080402
- list.inactiveSelectionBackground#d2a67b20
- list.inactiveSelectionForeground#f6ece0c0
- list.invalidItemForeground#efb22d
- list.warningForeground#efb22d80
- listFilterWidget.background#180f08
- listFilterWidget.noMatchesOutline#efb22d
- listFilterWidget.outline#d2a67b
- menu.background#080402
- menu.foreground#fcfaf6a0
- menu.selectionBackground#d2a67b80
- menu.selectionForeground#fcfaf6
- menu.separatorBackground#f6ece040
- menubar.selectionBackground#d2a67b80
- menubar.selectionForeground#fcfaf6
- merge.border#36241260
- merge.commonContentBackground#fcfaf620
- merge.commonHeaderBackground#fcfaf640
- merge.currentContentBackground#76abdc40
- merge.currentHeaderBackground#76abdc60
- merge.incomingContentBackground#82a48f40
- merge.incomingHeaderBackground#82a48f60
- minimap.background#180f08
- minimap.errorHighlight#de5a02
- minimap.findMatchHighlight#e6ccba
- minimap.foregroundOpacity#00000080
- minimap.selectionHighlight#e6ccba
- minimap.warningHighlight#efb22d
- minimapGutter.addedBackground#e6ccba
- minimapGutter.deletedBackground#de5a02
- minimapGutter.modifiedBackground#efb22d
- notificationCenter.border#f6ece0
- notificationCenterHeader.background#d2a67b
- notificationCenterHeader.foreground#180f08
- notificationLink.foreground#d2a67b
- notifications.background#362412
- notifications.border#f6ece0
- notifications.foreground#fcfaf6
- notificationsErrorIcon.foreground#de5a02
- notificationsInfoIcon.foreground#f6ece0
- notificationsWarningIcon.foreground#efb22d
- notificationToast.border#f6ece0
- panel.background#180f08
- panel.border#f6ece060
- panel.dropBorder#d2a67bc0
- panelInput.border#d2a67b80
- panelSection.border#f6ece040
- panelSection.dropBackground#d2a67b40
- panelTitle.activeBorder#d2a67b
- panelTitle.activeForeground#fcfaf6
- panelTitle.inactiveForeground#fcfaf680
- peekView.border#f6ece0
- peekViewEditor.background#080402
- peekViewEditor.matchHighlightBackground#efb22d40
- peekViewEditorGutter.background#080402
- peekViewResult.background#180f08
- peekViewResult.fileForeground#f6ece0
- peekViewResult.lineForeground#f6ece0
- peekViewResult.matchHighlightBackground#efb22d40
- peekViewResult.selectionBackground#080402
- peekViewResult.selectionForeground#f6ece0
- peekViewTitle.background#180f08
- peekViewTitleDescription.foreground#f6ece0
- peekViewTitleLabel.foreground#fcfaf6
- pickerGroup.border#f6ece0
- pickerGroup.foreground#e6ccba
- problemsErrorIcon.foreground#de5a02
- problemsInfoIcon.foreground#f6ece0
- problemsWarningIcon.foreground#efb22d
- progressBar.background#d2a67b
- quickInput.background#080402
- quickInput.foreground#fcfaf6a0
- sash.hoverBorder#e6ccba
- scrollbar.shadow#080402
- scrollbarSlider.activeBackground#d2a67ba0
- scrollbarSlider.background#362412a0
- scrollbarSlider.hoverBackground#e6ccba
- selection.background#d2a67b80
- sideBar.background#180f08
- sideBar.border#362412a0
- sideBar.dropBackground#d2a67b40
- sideBar.foreground#f6ece080
- sideBarSectionHeader.background#d2a67b40
- sideBarSectionHeader.border#08040240
- sideBarSectionHeader.foreground#f6ece0
- sideBarTitle.foreground#fcfaf6
- sideBySideEditor.horizontalBorder#f6ece060
- sideBySideEditor.verticalBorder#f6ece060
- statusBar.background#180f08
- statusBar.border#362412a0
- statusBar.debuggingBackground#d2a67b
- statusBar.debuggingBorder#362412a0
- statusBar.debuggingForeground#180f08
- statusBar.foreground#f6ece0
- statusBar.noFolderBackground#180f08
- statusBar.noFolderBorder#362412a0
- statusBar.noFolderForeground#f6ece0
- statusBarItem.activeBackground#fcfaf640
- statusBarItem.errorBackground#be540a
- statusBarItem.errorForeground#fcfaf6
- statusBarItem.hoverBackground#fcfaf640
- statusBarItem.prominentBackground#080402
- statusBarItem.prominentForeground#f6ece0
- statusBarItem.prominentHoverBackground#080402
- statusBarItem.remoteBackground#de5a02
- statusBarItem.remoteForeground#fcfaf6
- statusBarItem.warningBackground#efb22d
- statusBarItem.warningForeground#fcfaf6
- tab.activeBackground#180f08
- tab.activeBorder#180f08
- tab.activeBorderTop#d2a67b
- tab.activeForeground#fcfaf6
- tab.activeModifiedBorder#efb22d80
- tab.border#362412a0
- tab.hoverBackground#080402
- tab.inactiveBackground#180f08
- tab.inactiveForeground#fcfaf680
- tab.inactiveModifiedBorder#efb22d40
- tab.unfocusedActiveBackground#180f08
- tab.unfocusedActiveBorder#180f08
- tab.unfocusedActiveBorderTop#d2a67b40
- tab.unfocusedActiveForeground#f6ece0a0
- tab.unfocusedActiveModifiedBorder#efb22d40
- tab.unfocusedInactiveBackground#180f08
- tab.unfocusedInactiveForeground#f6ece080
- tab.unfocusedInactiveModifiedBorder#efb22d20
- terminal.ansiBlack#020202
- terminal.ansiBlue#76abdc
- terminal.ansiBrightBlack#424242
- terminal.ansiBrightBlue#76abdc
- terminal.ansiBrightCyan#56b8c8
- terminal.ansiBrightGreen#82a48f
- terminal.ansiBrightMagenta#b68db2
- terminal.ansiBrightRed#c45e04
- terminal.ansiBrightWhite#fefefe
- terminal.ansiBrightYellow#f4db60
- terminal.ansiCyan#56b8c8
- terminal.ansiGreen#82a48f
- terminal.ansiMagenta#b68db2
- terminal.ansiRed#c45e04
- terminal.ansiWhite#efefef
- terminal.ansiYellow#f4db60
- terminal.background#080402
- terminal.border#f6ece0
- terminal.foreground#fcfaf6
- terminal.selectionBackground#d2a67b40
- terminalCursor.background#180f08
- terminalCursor.foreground#e6ccba
- textBlockQuote.background#180f08
- textCodeBlock.background#f6ece040
- textLink.activeForeground#d2a67b
- textLink.foreground#d2a67b
- textPreformat.foreground#fcfaf6
- textSeparator.foreground#fcfaf640
- titleBar.activeBackground#180f08
- titleBar.activeForeground#fcfaf6a0
- titleBar.border#08040260
- titleBar.inactiveBackground#180f08
- titleBar.inactiveForeground#fcfaf680
- toolbar.hoverBackground#d2a67b40
- toolbar.hoverOutline#d2a67b80
- tree.indentGuidesStroke#f6ece040
- tree.tableColumnsBorder#f6ece040
- tree.tableOddRowsBackground#f6ece020
- walkThrough.embeddedEditorBackground#080402
- welcomePage.background#180f08
- welcomePage.progress.background#d2a67b60
- welcomePage.progress.foreground#d2a67b
- welcomePage.tileBackground#d2a67b20
- welcomePage.tileHoverBackground#d2a67b60
- welcomePage.tileShadow#080402
- widget.shadow#180f08
- window.activeBorder#362412
- window.inactiveBorder#080402
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #b2a8b4 | — |
| keyword | #c28e60 | — |
| string | #d2d8d8c0 | — |
| storage, storage.modifier | #c28e60 | italic |
| storage.type | #00b4d6 | — |
| meta.var.expr | #c28e60 | — |
| meta.brace.round | #c28e60 | — |
| object | #98d4dc | — |
| punctuation.separator.comma | #f4e286 | — |
| punctuation.accessor | #00b4d6 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #c28e60a0 | — |
| punctuation.terminator.statement | #f4e286 | — |
| constant.other.color | #f4e286 | — |
| invalid, invalid.deprecated, invalid.unimplemented | #ba4d06 | underline |
| invalid.broken, invalid.illegal | #ba4d06 | bold underline |
| keyword.control, keyword.other.template, keyword.other.substitution | #00b4d6 | italic |
| keyword.other, keyword.other.unit | #98d4dc | — |
| keyword.operator.comparison | #00b4d6 | — |
| keyword.operator.assignment | #00b4d6 | — |
| keyword.operator.arithmetic | #00b4d6 | — |
| keyword.control.flow, keyword.control.loop | #c28e60 | italic |
| keyword.control.import, keyword.control.from | #00b4d6c0 | italic |
| keyword.other.special-method | #b2a8b4 | — |
| punctuation | #00b4d6 | — |
| punctuation.definition.block, punctuation.definition.tag, punctuation.definition.parameters | #f4e286 | — |
| punctuation.section.embedded | #f4e286 | — |
| meta.array, punctuation.definition.array, punctuation.section.array, punctuation.terminator.expression | #ecd2b4 | — |
| punctuation.definition.list, punctuation.definition.list.begin, punctuation.definition.list.end | #c28e60 | — |
| punctuation.definition.arguments | #c28e60 | — |
| punctuation.separator.arguments | #00b4d6 | — |
| punctuation.parenthesis.begin, punctuation.parenthesis.end | #c28e60 | — |
| comment, punctuation.definition.comment | #fefefe40 | italic |
| entity.name.class, meta.class entity.name.type.class | #f4e286 | — |
| entity.name.type | #d2d8d8 | — |
| entity.name.function | #f4e286 | — |
| variable.function | #f4e286 | — |
| meta.function-call, meta.function-call.generic | #f4e286 | — |
| meta.function-call.arguments | #80a28e | — |
| support.function | #c28e60 | italic |
| entity.name.tag | #98d4dc | — |
| meta.tag, meta.tag.sgml | #00b4d6 | — |
| meta.object-literal.key | #b2a8b4 | — |
| meta.block variable.other | #80a28e | — |
| support.other.variable | #80a28e | — |
| string.other.link | #80a28e | — |
| string.quoted | #d2d8d8c0 | — |
| string.quoted.single | #b2a8b4 | — |
| string constant.other.placeholder | #d2d8d8 | — |
| constant.numeric, constant.character.numeric | #ecd2b4 | — |
| constant.language, constant.character, constant.other, constant.escape | #ecd2b4 | — |
| support.constant, variable.other.constant, punctuation.definition.constant | #ecd2b4 | — |
| variable.parameter | #98d4dc | — |
| constant.other.symbol, constant.other.key | #ecd2b4 | — |
| entity.other.inherited-class | #ecd2b4 | — |
| support.class, support.type, support.type.sys-types | #f4e286 | — |
| variable.language | #d2d8d8 | italic |
| entity.other.attribute-name | #c28e60 | — |
| markup.inserted, markup.inserted.git_gutter | #ecd2b4 | — |
| markup.changed, markup.changed.git_gutter | #c28e60 | italic |
| markup.deleted, markup.deleted.git_gutter | #df5b02a0 | italic |
| meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #c28e60 | — |
| markup.deleted.diff | #df5b02a0 | italic |
| string.regexp, string.regexp keyword.other | #98d4dc | — |
| constant.character.escape | #00b4d6 | — |
| *url*, *link*, *uri* | — | underline |
| markup.heading, markup.heading entity.name | #f4e286a0 | — |
| markup.bold, markup.bold string | #80a28e | bold |
| markup.italic, markup.italic string | #80a28ec0 | italic |
| 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 | #80a28e | italic bold |
| markup.underline | #b2d8d8 | underline |
| markup.quote | #b2a8b4 | — |
| markup.raw.block | #c28e60 | — |
| markup.table | #d4d8de | — |
| source.css support.type.property-name, source.scss support.type.property-name, source.sass support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #98d4dc | — |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass, entity.name.tag.wildcard.less | #c28e60 | — |
| text.html.derivative entity.name.tag.html | #98d4dc | — |
| entity.other.attribute-name.html string.quoted.double.html, entity.other.attribute-name.html string.quoted.single.html | #b2a8b4 | — |
| meta.tag.metadata.meta.void.html string.quoted.double.html, meta.tag.metadata.meta.void.html string.quoted.single.html | #b2a8b4 | — |
| meta.tag.structure.html.start.html entity.name.tag.html, meta.tag.structure.html.end.html entity.name.tag.html | #00b4d6 | — |
| meta.tag.structure.head.start.html entity.name.tag.html, meta.tag.structure.head.end.html entity.name.tag.html | #00b4d6 | — |
| meta.tag.structure.body.start.html entity.name.tag.html, meta.tag.structure.body.end.html entity.name.tag.html | #00b4d6 | — |
| meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html | #b2a8b4 | — |
| meta.attribute.id.html string.quoted.double.html, meta.attribute.class.html string.quoted.double.html, meta.attribute.id.html string.quoted.single.html, meta.attribute.class.html string.quoted.single.html | #f4e286c0 | — |
| meta.tag.metadata.script.start.html entity.name.tag.html, meta.tag.metadata.script.end.html entity.name.tag.html | #c28e60 | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.inline.span.start.html | #f4e286c0 | — |
| meta.attribute.d.html, meta.element.object.svg.path.html, meta.element.structure.svg.html | #d2d8d8c0 | — |
| entity.other.attribute-name.class | #f4e286 | — |
| entity.other.attribute-name.id.css | #f4e286 | — |
| entity.name.tag.css, entity.name.tag.reference | #f4e286 | — |
| support.type.property-name.css | #98d4dc | — |
| constant.numeric.css | #ecd2b4 | — |
| variable.css | #00b4d6 | — |
| keyword.other.important.css | #b2a8b4 | — |
| support.type.vendored.property-name.css | #98d4dc | — |
| source.css.scss keyword.control | #c28e60 | italic |
| variable.scss | #c28e60c0 | — |
| variable.parameter.url.scss | #b2a8b4 | — |
| support.type.property-name.css, meta.property-name.scss, meta.property-list.scss | #98d4dce0 | — |
| meta.import variable.other.readwrite.alias, meta.import string.quoted.double, meta.import string.quoted.single | #ecd2b4c0 | — |
| meta.class entity.name.type.js, meta.class entity.name.type.class.js | #ecd2b4 | — |
| keyword.operator.new.js | #c28e60 | italic |
| entity.other.attribute-name.js, entity.name.method.js | #c28e60 | italic |
| entity.name.function.js | #00b4d6 | — |
| meta.class.js variable.other.readwrite.js, variable.function.constructor | #f4e286 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #b2a8b4 | italic |
| meta.method.declaration storage.type.js, meta.class meta.method.declaration meta.var.expr storage.type.js | #c28e60 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #98d4dc | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #98d4dc | italic |
| storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #c28e60 | italic |
| storage.type.function.arrow.js | — | bold |
| source.cs keyword.other.using.cs | #00b4d6c0 | italic |
| entity.name.type.namespace | #ecd2b4 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #d4d8de | — |
| markdown.heading, markup.heading.markdown punctuation.definition.heading.markdown | #c28e60 | — |
| markup.heading.markdown heading.1.markdown entity.name.section.markdown | #c28e60ff | — |
| markup.heading.markdown heading.2.markdown entity.name.section.markdown | #c28e60c0 | — |
| markup.heading.markdown heading.3.markdown entity.name.section.markdown | #f4e286c0 | — |
| markup.heading.markdown heading.4.markdown entity.name.section.markdown | #f4e286c0 | — |
| text.html.markdown markup.inline.raw.markdown | #c28e60 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #98d4dc | — |
| string.other.link.description.markdown | #b2a8b4 | — |
| string.other.link.title.markdown | #ecd2b4 | — |
| constant.other.reference.link.markdown | #f4e286 | — |
| variable.language.fenced.markdown | #b2a8b4 | — |
| markup.raw.block.fenced.markdown, punctuation.section.class.end | #d4d8de | — |
| meta.separator | #d2d8d8 | bold |
| source.json support.type.property-name.json | #c28e60 | — |
| source.json meta.structure.dictionary.value.json support.type.property-name.json | #f4e286 | — |
| source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json | #80a28e | — |
| source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json | #b2d8d8 | — |
| support.constant.json | #b2a8b4 | — |
| meta.structure.dictionary.value.json string.quoted.double | #d2d8d8 | — |
| string.quoted.double.json punctuation.definition.string.json | #b2d8d8 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #ecd2b4 | — |
| keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby | #c28e60 | — |
| string.quoted.double.include.cpp | #ecd2b4c0 | — |
| keyword.control.directive.define.cpp | #c28e60 | italic |
| keyword.control.directive.include.cpp | #00b4d6c0 | italic |
| keyword.control.if.cpp, keyword.control.return.cpp | #f4e286 | italic |
| source.python | #ecd2b4 | — |
| string.quoted.double.python, string.quoted.single.python | #d2d8d8 | — |
| meta.member.access.python | #b2a8b4 | — |
| keyword.control.clojure | #c28e60 | italic |
| entity.name.function.clojure | #f4e286 | italic |
| meta.symbol.clojure | #ecd2b4 | — |
| entity.global.clojure | #ecd2b4 | — |
| constant.keyword.clojure | #80a28e | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...