Lumon Theme
Publisher: oldjoboboThemes in package: 1
Lumon color theme for VS Code
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#00000000
- activityBar.background#1b2d40
- activityBar.border#4A6B80
- activityBar.dropBackground#f2fcff
- activityBar.foreground#d6e2ee
- activityBar.inactiveForeground#4A6B80
- activityBarBadge.background#4d9ed3
- activityBarBadge.foreground#f2fcff
- badge.background#1b2d40
- badge.foreground#d6e2ee
- banner.background#2e4d66
- banner.foreground#d6e2ee
- banner.iconForeground#4d9ed3
- breadcrumb.activeSelectionForeground#f2fcff
- breadcrumb.background#24384d
- breadcrumb.focusForeground#f2fcff
- breadcrumb.foreground#d6e2ee
- breadcrumbPicker.background#24384d
- button.background#4d9ed3
- button.foreground#f2fcff
- button.hoverBackground#86b7d8
- button.secondaryBackground#6fb8e3
- button.secondaryForeground#f2fcff
- button.secondaryHoverBackground#86b7d8
- charts.blue#4d9ed3
- charts.foreground#d6e2ee
- charts.green#6fb8e3
- charts.lines#d6e2ee
- charts.orange#f2fcff
- charts.purple#6fb8e3
- charts.red#4d9ed3
- charts.yellow#73a6cb
- checkbox.background#1b2d40
- checkbox.foreground#d6e2ee
- commandCenter.activeBackground#24384d
- commandCenter.activeForeground#f2fcff
- commandCenter.background#1b2d40
- commandCenter.foreground#d6e2ee
- contrastBorder#4A6B80
- debugConsole.errorForeground#4d9ed3
- debugConsole.infoForeground#d6e2ee
- debugConsole.sourceForeground#d6e2ee
- debugConsole.warningForeground#73a6cb
- debugConsoleInputIcon.foreground#d6e2ee
- debugExceptionWidget.background#24384d
- debugIcon.breakpointCurrentStackframeForeground#73a6cb
- debugIcon.breakpointDisabledForeground#86b7d8
- debugIcon.breakpointForeground#4d9ed3
- debugIcon.breakpointStackframeForeground#5e95bc
- debugIcon.breakpointUnverifiedForeground#2e4d66
- debugIcon.continueForeground#6fb8e3
- debugIcon.disconnectForeground#4d9ed3
- debugIcon.pauseForeground#4d9ed3
- debugIcon.restartForeground#6fb8e3
- debugIcon.startForeground#6fb8e3
- debugIcon.stepBackForeground#5e95bc
- debugIcon.stepIntoForeground#b4e4f6
- debugIcon.stepOutForeground#6fb8e3
- debugIcon.stepOverForeground#4d9ed3
- debugIcon.stopForeground#4d9ed3
- debugTokenExpression.boolean#f2fcff
- debugTokenExpression.error#4d9ed3
- debugTokenExpression.name#6fb8e3
- debugTokenExpression.number#f2fcff
- debugTokenExpression.string#6fb8e3
- debugTokenExpression.value#d6e2ee
- debugToolBar.background#24384d
- debugView.stateLabelBackground#4d9ed3
- debugView.stateLabelForeground#f2fcff
- debugView.valueChangedHighlight#4d9ed3
- descriptionForeground#4A6B80
- diffEditor.diagonalFill#2e4d66
- diffEditor.insertedTextBackground#6fb8e320
- diffEditor.removedTextBackground#4d9ed320
- disabledForeground#4A6B80
- dropdown.background#1b2d40
- dropdown.foreground#d6e2ee
- dropdown.listBackground#1b2d40
- editor.background#1b2d40
- editor.findMatchBackground#73a6cb6f
- editor.findMatchHighlightBackground#f2fcff6f
- editor.findRangeHighlightBackground#24384d6f
- editor.foreground#d6e2ee
- editor.hoverHighlightBackground#2e4d666f
- editor.inactiveSelectionBackground#4d9ed344
- editor.lineHighlightBackground#24384d
- editor.rangeHighlightBackground#24384d6f
- editor.selectionBackground#4d9ed355
- editor.selectionHighlightBackground#24384d
- editor.snippetFinalTabstopHighlightBackground#4A6B80
- editor.snippetTabstopHighlightBackground#2e4d66
- editor.wordHighlightBackground#2e4d666f
- editor.wordHighlightStrongBackground#4A6B806f
- editorBracketHighlight.foreground1#4d9ed3
- editorBracketHighlight.foreground2#f2fcff
- editorBracketHighlight.foreground3#73a6cb
- editorBracketHighlight.foreground4#6fb8e3
- editorBracketHighlight.foreground5#4d9ed3
- editorBracketHighlight.foreground6#6fb8e3
- editorBracketHighlight.unexpectedBracket.foreground#5e95bc
- editorBracketMatch.background#2e4d66
- editorCodeLens.foreground#2e4d66
- editorCursor.foreground#d6e2ee
- editorError.foreground#4d9ed3
- editorGroup.background#1b2d40
- editorGroup.border#4A6B80
- editorGroup.dropBackground#2e4d666f
- editorGroup.dropIntoPromptBackground#1b2d40
- editorGroup.dropIntoPromptForeground#f2fcff
- editorGroup.emptyBackground#1b2d40
- editorGroupHeader.noTabsBackground#1b2d40
- editorGroupHeader.tabsBackground#1b2d40
- editorGutter.addedBackground#6fb8e3
- editorGutter.background#1b2d40
- editorGutter.commentRangeForeground#4A6B80
- editorGutter.deletedBackground#4d9ed3
- editorGutter.foldingControlForeground#d6e2ee
- editorGutter.modifiedBackground#6fb8e3
- editorHint.foreground#4d9ed3
- editorHoverWidget.background#1b2d40
- editorHoverWidget.foreground#d6e2ee
- editorIndentGuide.activeBackground#86b7d8
- editorIndentGuide.background#4A6B80
- editorInfo.foreground#b4e4f6
- editorInlayHint.background#24384d
- editorInlayHint.foreground#d6e2ee
- editorInlayHint.parameterBackground#24384d
- editorInlayHint.parameterForeground#d6e2ee
- editorInlayHint.typeBackground#24384d
- editorInlayHint.typeForeground#d6e2ee
- editorLightBulb.foreground#73a6cb
- editorLightBulbAutoFix.foreground#4d9ed3
- editorLineNumber.activeForeground#86b7d8
- editorLineNumber.foreground#4A6B80
- editorLink.activeForeground#4d9ed3
- editorMarkerNavigation.background#24384d
- editorMarkerNavigationError.background#4d9ed3
- editorMarkerNavigationError.headerBackground#4d9ed320
- editorMarkerNavigationInfo.background#4d9ed3
- editorMarkerNavigationInfo.headerBackground#b4e4f620
- editorMarkerNavigationWarning.background#73a6cb
- editorMarkerNavigationWarning.headerBackground#73a6cb20
- editorOverviewRuler.addedForeground#6fb8e3
- editorOverviewRuler.bracketMatchForeground#f2fcff
- editorOverviewRuler.commonContentForeground#5e95bc
- editorOverviewRuler.currentContentForeground#4d9ed3
- editorOverviewRuler.deletedForeground#4d9ed3
- editorOverviewRuler.errorForeground#4d9ed3
- editorOverviewRuler.findMatchForeground#73a6cb6f
- editorOverviewRuler.incomingContentForeground#6fb8e3
- editorOverviewRuler.infoForeground#b4e4f6
- editorOverviewRuler.modifiedForeground#6fb8e3
- editorOverviewRuler.rangeHighlightForeground#4A6B806f
- editorOverviewRuler.selectionHighlightForeground#2e4d666f
- editorOverviewRuler.warningForeground#73a6cb
- editorOverviewRuler.wordHighlightForeground#f2fcff6f
- editorOverviewRuler.wordHighlightStrongForeground#4d9ed36f
- editorPane.background#1b2d40
- editorRuler.foreground#4A6B80
- editorSuggestWidget.background#24384d
- editorSuggestWidget.focusHighlightForeground#f2fcff
- editorSuggestWidget.foreground#d6e2ee
- editorSuggestWidget.highlightForeground#4d9ed3
- editorSuggestWidget.selectedBackground#4d9ed3
- editorSuggestWidget.selectedForeground#1b2d40
- editorWarning.foreground#73a6cb
- editorWhitespace.foreground#4A6B80
- editorWidget.background#1b2d40
- editorWidget.foreground#d6e2ee
- errorForeground#4d9ed3
- extensionBadge.remoteBackground#f2fcff
- extensionBadge.remoteForeground#1b2d40
- extensionButton.prominentBackground#6fb8e3
- extensionButton.prominentForeground#f2fcff
- extensionButton.prominentHoverBackground#2e4d66
- extensionIcon.preReleaseForeground#f2fcff
- extensionIcon.starForeground#73a6cb
- extensionIcon.verifiedForeground#4d9ed3
- foreground#d6e2ee
- gitDecoration.addedResourceForeground#6fb8e3
- gitDecoration.conflictingResourceForeground#73a6cb
- gitDecoration.deletedResourceForeground#4d9ed3
- gitDecoration.ignoredResourceForeground#4A6B80
- gitDecoration.modifiedResourceForeground#6fb8e3
- gitDecoration.renamedResourceForeground#b4e4f6
- gitDecoration.stageDeletedResourceForeground#4d9ed3
- gitDecoration.stageModifiedResourceForeground#6fb8e3
- gitDecoration.submoduleResourceForeground#5e95bc
- gitDecoration.untrackedResourceForeground#f2fcff
- icon.foreground#86b7d8
- input.background#1b2d40
- input.foreground#d6e2ee
- input.placeholderForeground#4A6B80
- inputOption.activeBackground#2e4d66
- inputOption.activeBorder#f2fcff
- inputOption.activeForeground#d6e2ee
- inputValidation.errorBackground#4d9ed3
- inputValidation.errorBorder#4d9ed3
- inputValidation.errorForeground#d6e2ee
- inputValidation.infoBackground#4d9ed3
- inputValidation.infoBorder#4d9ed3
- inputValidation.infoForeground#d6e2ee
- inputValidation.warningBackground#73a6cb
- inputValidation.warningBorder#73a6cb
- inputValidation.warningForeground#d6e2ee
- keybindingLabel.background#2e4d66
- keybindingLabel.foreground#d6e2ee
- keybindingTable.headerBackground#2e4d66
- keybindingTable.rowsBackground#24384d
- list.activeSelectionBackground#4d9ed3
- list.activeSelectionForeground#1b2d40
- list.dropBackground#f2fcff
- list.errorForeground#4d9ed3
- list.filterMatchBackground#2e4d66
- list.focusBackground#4d9ed3
- list.focusForeground#1b2d40
- list.highlightForeground#f2fcff
- list.hoverBackground#4A6B80
- list.hoverForeground#d6e2ee
- list.inactiveFocusBackground#4d9ed3
- list.inactiveSelectionBackground#4d9ed3
- list.inactiveSelectionForeground#1b2d40
- list.invalidItemForeground#4d9ed3
- list.warningForeground#73a6cb
- listFilterWidget.background#1b2d40
- listFilterWidget.noMatchesOutline#4d9ed3
- menu.background#24384d
- menu.foreground#d6e2ee
- menu.selectionBackground#2e4d66
- menu.selectionForeground#d6e2ee
- menu.separatorBackground#f2fcff
- menubar.selectionBackground#24384d
- menubar.selectionForeground#d6e2ee
- merge.currentContentBackground#4d9ed340
- merge.currentHeaderBackground#4d9ed340
- merge.incomingContentBackground#6fb8e360
- merge.incomingHeaderBackground#6fb8e360
- minimap.background#1b2d40
- minimap.errorHighlight#4d9ed3
- minimap.findMatchHighlight#73a6cb6f
- minimap.selectionHighlight#2e4d666f
- minimap.selectionOccurrenceHighlight#4A6B80
- minimap.warningHighlight#73a6cb
- minimapGutter.addedBackground#6fb8e3
- minimapGutter.deletedBackground#4d9ed3
- minimapGutter.modifiedBackground#6fb8e3
- notebook.cellBorderColor#4A6B80
- notebook.cellEditorBackground#1b2d40
- notebook.cellHoverBackground#24384d
- notebook.cellToolbarSeparator#2e4d66
- notebook.editorBackground#1b2d40
- notebook.focusedCellBackground#2e4d66
- notebook.focusedCellBorder#4d9ed3
- notebook.focusedEditorBorder#4d9ed3
- notebook.inactiveFocusedCellBorder#4A6B80
- notebook.selectedCellBackground#2e4d66
- notebookStatusErrorIcon.foreground#4d9ed3
- notebookStatusRunningIcon.foreground#b4e4f6
- notebookStatusSuccessIcon.foreground#6fb8e3
- notification.background#2e4d66
- notification.buttonBackground#4d9ed3
- notification.buttonForeground#f2fcff
- notification.buttonHoverBackground#2e4d66
- notification.errorBackground#4d9ed3
- notification.errorForeground#1b2d40
- notification.foreground#d6e2ee
- notification.infoBackground#b4e4f6
- notification.infoForeground#1b2d40
- notification.warningBackground#73a6cb
- notification.warningForeground#1b2d40
- notificationCenterHeader.background#24384d
- notificationCenterHeader.foreground#d6e2ee
- notificationLink.foreground#4d9ed3
- notifications.background#2e4d66
- notifications.foreground#d6e2ee
- notificationsErrorIcon.foreground#4d9ed3
- notificationsInfoIcon.foreground#4d9ed3
- notificationsWarningIcon.foreground#73a6cb
- panel.background#1b2d40
- panel.border#4A6B80
- panel.dropBackground#24384d6f
- panel.dropBorder#24384d6f
- panelTitle.activeForeground#d6e2ee
- panelTitle.inactiveForeground#4A6B80
- peekViewEditor.background#24384d
- peekViewEditor.matchHighlightBackground#f2fcff6f
- peekViewEditorGutter.background#24384d
- peekViewResult.background#1b2d40
- peekViewResult.fileForeground#d6e2ee
- peekViewResult.lineForeground#4A6B80
- peekViewResult.matchHighlightBackground#f2fcff6f
- peekViewResult.selectionBackground#4d9ed3
- peekViewResult.selectionForeground#1b2d40
- peekViewTitle.background#2e4d66
- peekViewTitleDescription.foreground#4A6B80
- peekViewTitleLabel.foreground#d6e2ee
- pickerGroup.foreground#4A6B80
- ports.iconRunningProcessForeground#f2fcff
- problemsErrorIcon.foreground#4d9ed3
- problemsInfoIcon.foreground#b4e4f6
- problemsWarningIcon.foreground#73a6cb
- progressBar.background#4A6B80
- quickInput.background#24384d
- quickInput.foreground#d6e2ee
- quickInputList.focusBackground#4d9ed3
- quickInputList.focusForeground#1b2d40
- quickInputList.focusIconForeground#1b2d40
- scrollbar.shadow#24384d
- scrollbarSlider.activeBackground#86b7d86f
- scrollbarSlider.background#2e4d666f
- scrollbarSlider.hoverBackground#4A6B806f
- searchEditor.findMatchBackground#73a6cb6f
- selection.background#4d9ed3
- settings.checkboxBackground#24384d
- settings.checkboxForeground#d6e2ee
- settings.dropdownBackground#24384d
- settings.dropdownForeground#d6e2ee
- settings.focusedRowBackground#2e4d66
- settings.headerBorder#d6e2ee
- settings.headerForeground#d6e2ee
- settings.modifiedItemForeground#6fb8e3
- settings.modifiedItemIndicator#4d9ed3
- settings.numberInputBackground#24384d
- settings.numberInputForeground#d6e2ee
- settings.rowHoverBackground#2e4d66
- settings.sashBorder#d6e2ee
- settings.textInputBackground#24384d
- settings.textInputForeground#d6e2ee
- sideBar.background#1b2d40
- sideBar.border#4A6B80
- sideBar.dropBackground#2e4d666f
- sideBar.foreground#d6e2ee
- sideBarSectionHeader.background#1b2d40
- sideBarSectionHeader.border#4A6B80
- sideBarSectionHeader.foreground#d6e2ee
- sideBarTitle.foreground#d6e2ee
- statusBar.background#1b2d40
- statusBar.border#4A6B80
- statusBar.debuggingBackground#4d9ed3
- statusBar.debuggingForeground#1b2d40
- statusBar.foreground#f2fcff
- statusBar.noFolderBackground#6fb8e3
- statusBar.noFolderForeground#1b2d40
- statusBarItem.activeBackground#4A6B80
- statusBarItem.errorBackground#4d9ed3
- statusBarItem.errorForeground#1b2d40
- statusBarItem.hoverBackground#2e4d66
- statusBarItem.prominentBackground#6fb8e3
- statusBarItem.prominentForeground#1b2d40
- statusBarItem.prominentHoverBackground#4d9ed3
- statusBarItem.remoteBackground#6fb8e3
- statusBarItem.remoteForeground#1b2d40
- statusBarItem.warningBackground#73a6cb
- statusBarItem.warningForeground#1b2d40
- symbolIcon.arrayForeground#d6e2ee
- symbolIcon.booleanForeground#f2fcff
- symbolIcon.classForeground#73a6cb
- symbolIcon.colorForeground#6fb8e3
- symbolIcon.constantForeground#f2fcff
- symbolIcon.constructorForeground#4d9ed3
- symbolIcon.enumeratorForeground#f2fcff
- symbolIcon.enumeratorMemberForeground#4d9ed3
- symbolIcon.eventForeground#73a6cb
- symbolIcon.fieldForeground#4d9ed3
- symbolIcon.fileForeground#d6e2ee
- symbolIcon.folderForeground#d6e2ee
- symbolIcon.functionForeground#4d9ed3
- symbolIcon.interfaceForeground#4d9ed3
- symbolIcon.keyForeground#6fb8e3
- symbolIcon.keywordForeground#6fb8e3
- symbolIcon.methodForeground#4d9ed3
- symbolIcon.moduleForeground#d6e2ee
- symbolIcon.namespaceForeground#d6e2ee
- symbolIcon.nullForeground#5e95bc
- symbolIcon.numberForeground#f2fcff
- symbolIcon.objectForeground#6fb8e3
- symbolIcon.operatorForeground#6fb8e3
- symbolIcon.packageForeground#6fb8e3
- symbolIcon.propertyForeground#d6e2ee
- symbolIcon.referenceForeground#6fb8e3
- symbolIcon.snippetForeground#d6e2ee
- symbolIcon.stringForeground#6fb8e3
- symbolIcon.structForeground#73a6cb
- symbolIcon.textForeground#d6e2ee
- symbolIcon.typeParameterForeground#6fb8e3
- symbolIcon.unitForeground#6fb8e3
- symbolIcon.variableForeground#4d9ed3
- tab.activeBackground#1b2d40
- tab.activeBorder#4d9ed3
- tab.activeForeground#d6e2ee
- tab.activeModifiedBorder#4d9ed3
- tab.border#4A6B80
- tab.hoverBackground#00000000
- tab.inactiveBackground#1b2d40
- tab.inactiveForeground#4A6B80
- tab.inactiveModifiedBorder#4d9ed3
- tab.unfocusedActiveBackground#1b2d40
- tab.unfocusedActiveBorder#86b7d8
- tab.unfocusedActiveForeground#86b7d8
- tab.unfocusedActiveModifiedBorder#4d9ed3
- tab.unfocusedHoverBackground#00000000
- tab.unfocusedInactiveForeground#4A6B80
- tab.unfocusedInactiveModifiedBorder#4d9ed3
- terminal.ansiBlack#1b2d40
- terminal.ansiBlue#6fb8e3
- terminal.ansiBrightBlack#4A6B80
- terminal.ansiBrightBlue#f2fcff
- terminal.ansiBrightCyan#d1eef8
- terminal.ansiBrightGreen#86b7d8
- terminal.ansiBrightMagenta#b1d8ee
- terminal.ansiBrightRed#73a6cb
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#9dcae5
- terminal.ansiCyan#b4e4f6
- terminal.ansiGreen#5e95bc
- terminal.ansiMagenta#8bc9eb
- terminal.ansiRed#4d86b0
- terminal.ansiWhite#d6e2ee
- terminal.ansiYellow#6fa4c9
- terminal.background#1b2d40
- terminal.foreground#d6e2ee
- terminalCursor.foreground#d6e2ee
- terminalOverviewRuler.cursorForeground#4d9ed3
- terminalOverviewRuler.findMatchForeground#4d9ed3
- testing.iconErrored#5e95bc
- testing.iconFailed#4d9ed3
- testing.iconPassed#6fb8e3
- testing.iconQueued#73a6cb
- testing.iconSkipped#6fb8e3
- testing.iconUnset#86b7d8
- testing.message.error.decorationForeground#d6e2ee
- testing.message.error.lineBackground#4d9ed320
- testing.message.info.decorationForeground#d6e2ee
- testing.message.info.lineBackground#4d9ed320
- testing.peekHeaderBackground#24384d
- testing.runAction#86b7d8
- textBlockQuote.background#24384d
- textBlockQuote.border#4d9ed3
- textCodeBlock.background#1b2d40
- textLink.activeForeground#b4e4f6
- textLink.foreground#4d9ed3
- textPreformat.foreground#4d9ed3
- textSeparator.foreground#6fb8e3
- titleBar.activeBackground#1b2d40
- titleBar.activeForeground#d6e2ee
- titleBar.border#4A6B80
- titleBar.inactiveBackground#1b2d40
- titleBar.inactiveForeground#4A6B80
- toolbar.activeBackground#4A6B80
- toolbar.hoverBackground#2e4d66
- tree.indentGuidesStroke#4A6B80
- walkThrough.embeddedEditorBackground#1b2d40
- welcomePage.background#1b2d40
- welcomePage.buttonBackground#24384d
- welcomePage.buttonHoverBackground#2e4d66
- welcomePage.progress.background#4A6B80
- welcomePage.progress.foreground#4d9ed3
- welcomePage.tileBackground#24384d
- welcomePage.tileHoverBackground#2e4d66
- widget.shadow#1b2d40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A6B80 | italic |
| comment.block.documentation, comment.line.documentation, comment.documentation | #5e95bc | italic |
| variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter | #4d9ed3 | — |
| variable.other.constant, variable.other.enummember, variable.language.constant, constant.other.enum | #f2fcff | — |
| variable.other.object.property, variable.other.property, variable.object.property | #4d9ed3 | — |
| constant.other.color | #6fb8e3 | — |
| invalid, invalid.illegal | #4d9ed3 | — |
| invalid.deprecated | #5e95bc | — |
| keyword, storage.modifier, keyword.operator | #6fb8e3 | — |
| keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as | #6fb8e3 | — |
| keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts | #6fb8e3 | — |
| keyword.type, storage.type.primitive | #9dcae5 | — |
| storage.type.function | #4d9ed3 | — |
| constant.other.color, punctuation, punctuation.section.class.end, meta.tag, 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 | #d6e2ee | — |
| keyword.operator, punctuation.accessor, punctuation.separator.key-value | #d6e2ee | — |
| punctuation.section.embedded, variable.interpolation | #5e95bc | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #4d9ed3 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #4d9ed3 | — |
| support.function.builtin, support.function.construct, support.function.magic, support.function.any-method, support.type.object.console.js | #f2fcff | — |
| meta.block variable.other | #4d9ed3 | — |
| support.other.variable, string.other.link | #4d9ed3 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #f2fcff | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #6fb8e3 | |
| string.regexp constant.character.escape, string.regexp keyword.operator.quantifier, string.regexp constant.other.character-class.set.regexp | #f2fcff | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #b4e4f6 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.namespace, entity.name.scope-resolution, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #b4e4f6 | — |
| storage.type, storage.modifier.package, storage.modifier.import | #b4e4f6 | — |
| entity.name.variable.field | #4d9ed3 | — |
| support.type | #9dcae5 | — |
| support.type.builtin, support.class.builtin, support.constant.builtin | #f2fcff | — |
| 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 | #9dcae5 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #4d9ed3 | — |
| meta.decorator, entity.name.function.decorator, entity.name.type.decorator | #4d9ed3 | italic |
| variable.language | #4d9ed3 | italic |
| entity.name.method.js | #4d9ed3 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #4d9ed3 | — |
| entity.name.function.rust, meta.function.call.rust entity.name.function.rust, meta.method-call.rust entity.name.function.rust | #9dcae5 | — |
| meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust | #4d9ed3 | italic |
| meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust | #6fb8e3 | |
| entity.name.function.macro.rules.rust, storage.type.module.rust, storage.modifier.rust, storage.type.struct.rust, storage.type.enum.rust, storage.type.trait.rust, storage.type.union.rust, storage.type.impl.rust, storage.type.rust, storage.type.function.rust, storage.type.type.rust | #6fb8e3 | — |
| entity.name.type.numeric.rust | #9dcae5 | — |
| meta.generic.rust, meta.function.return-type.rust meta.generic.rust storage.type.rust, punctuation.brackets.angle.rust | #f2fcff | — |
| entity.name.impl.rust, entity.name.trait.rust, entity.name.union.rust, storage.type.source.rust, meta.enum.rust storage.type.source.rust | #b4e4f6 | — |
| variable.other.rust, meta.block.rust variable.other.rust | #86b7d8 | — |
| meta.function.definition.rust variable.other.rust | #4d9ed3 | — |
| meta.function.call.rust variable.other.rust | #d6e2ee | — |
| entity.name.function.macro.rust, entity.name.function.macro.rules.rust, support.function.macro.rust, support.macro.rust, meta.macro.rust entity.name.function.rust | #f2fcff | — |
| entity.name.type.rust, entity.name.type.trait.rust, support.type.rust, support.type.primitive.rust | #b4e4f6 | — |
| storage.modifier.lifetime.rust, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #f2fcff | — |
| constant.other.caps.rust | #f2fcff | — |
| variable.language.self.rust, variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust | #4d9ed3 | — |
| string.quoted.double.rust constant.other.placeholder.rust | #f2fcff | — |
| entity.name.module.rust, entity.name.namespace.rust, meta.path.rust entity.name, meta.use.rust, meta.use.rust entity.name | #9dcae5 | — |
| entity.other.attribute-name, entity.other.attribute-name.documentation | #4d9ed3 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag | #b4e4f6 | italic |
| entity.other.attribute-name.class | #b4e4f6 | — |
| source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css, source.css entity.other.attribute-name.pseudo-class, source.css meta.attribute-selector | #9dcae5 | — |
| source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less, source.css meta.property-value variable, source.css meta.property-value variable.other.less, source.css meta.property-value variable.other.less punctuation.definition.variable.less, meta.definition.variable.scss, keyword.other.unit.percentage.css, source.css variable.parameter.url, source.css constant.other.unicode-range, punctuation.separator.operator.css, support.type.vendored.property-name | #f2fcff | — |
| source.sass keyword.control | #4d9ed3 | — |
| markup.inserted | #6fb8e3 | — |
| markup.deleted | #4d9ed3 | — |
| markup.changed | #6fb8e3 | — |
| string.regexp | #9dcae5 | — |
| constant.character.escape | #9dcae5 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, punctuation.decorator.ts | #4d9ed3 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #6fb8e3 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #4d9ed3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| 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 | #4d9ed3 | — |
| keyword.other.definition.ini, punctuation.support.type.property-name.json, support.type.property-name.json, punctuation.support.type.property-name.toml, support.type.property-name.toml, entity.name.tag.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.yaml, support.type.property-name.table, entity.name.section.group-title.ini, support.type.property-name.css, support.type.property-name.less | #4d9ed3 | |
| constant.language.json, constant.language.yaml, entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml, entity.other.document.begin.yaml, constant.other.time.datetime.offset.toml | #f2fcff | — |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python, support.variable.magic.python, support.function.magic.python | #4d9ed3 | italic |
| support.token.decorator.python, meta.function.decorator.identifier.python, entity.name.function.decorator.python, punctuation.definition.decorator.python, support.type.exception.python, support.function.builtin.python | #9dcae5 | — |
| meta.function-call.python, support.type.python, storage.type.function.python, keyword.control.flow.python, keyword.operator.logical.python, constant.language.python, meta.indexed-name.python, meta.item-access.python, storage.type.string.python, constant.character.format.placeholder.other.python, class:python, class.builtin:python, variable.typeHint:python | #9dcae5 | — |
| meta.function.parameters.python | — | |
| meta.export variable.other.readwrite.js, variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts, variable.other.jsdoc, comment.block.documentation variable.other, storage.type.class.jsdoc | #d6e2ee | |
| support.constant.node, support.type.object.module.js, storage.modifier.implements, constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts, keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.is, keyword.operator.expression.keyof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts, variable.parameter.generic | #9dcae5 | — |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #6fb8e3 | — |
| comment meta.annotation.go, comment meta.annotation.parameters.go, constant.language.go | #f2fcff | — |
| comment.line.shebang, comment.line.shebang punctuation.definition.comment, punctuation.definition.comment.shebang.shell, meta.shebang.shell, comment.line.shebang constant.language, meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation, source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell | #f2fcff | italic |
| entity.name.tag.heredoc.shell, string.quoted.double.shell variable.other.normal.shell, meta.string meta.interpolation.parameter.shell variable.other.readwrite | #9dcae5 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #d6e2ee | — |
| text.html.markdown markup.inline.raw.markdown | #6fb8e3 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #9dcae5 | — |
| text.html.markdown meta.dummy.line-break | #2e4d66 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #4d9ed3 | — |
| heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.setext.1.markdown, heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, markup.heading.setext.2.markdown, heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown | #4d9ed3 | — |
| markup.italic | #4d9ed3 | italic |
| markup.bold, markup.bold string | #4d9ed3 | bold |
| 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 | #4d9ed3 | bold |
| markup.underline | #f2fcff | underline |
| markup.quote punctuation.definition.blockquote.markdown | #9dcae5 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #4d9ed3 | — |
| string.other.link.description.title.markdown | #6fb8e3 | — |
| constant.other.reference.link.markdown | #b4e4f6 | — |
| markup.raw.block | #6fb8e3 | — |
| punctuation.definition.link, markup.underline.link, text.html.markdown punctuation.definition.link.title, string.other.link.title.markdown, punctuation.definition.constant.markdown, constant.other.reference.link.markdown, punctuation.definition.raw.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, fenced_code.block.language, markup.fenced_code.block punctuation.definition | #9dcae5 | — |
| text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, constant.character.entity.js.jsx, constant.character.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation | #f2fcff | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown | #6fb8e3 | — |
| variable.language.fenced.markdown | #4d9ed3 | — |
| meta.separator | #9dcae5 | bold |
| markup.table | #6fb8e3 | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #9dcae5 | — |
| markup.changed.diff | #b4e4f6 | — |
| markup.inserted.diff, markup.deleted.diff | #f2fcff | — |
| token.info-token | #4d9ed3 | — |
| token.warn-token | #b4e4f6 | — |
| token.error-token | #4d9ed3 | — |
| token.debug-token | #6fb8e3 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...