Miasma Theme
Publisher: oldjoboboThemes in package: 1
Miasma 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#222222
- activityBar.border#43492a
- activityBar.dropBackground#d7c483
- activityBar.foreground#c2c2b0
- activityBar.inactiveForeground#43492a
- activityBarBadge.background#b36d43
- activityBarBadge.foreground#d7c483
- badge.background#222222
- badge.foreground#c2c2b0
- banner.background#242d1d
- banner.foreground#c2c2b0
- banner.iconForeground#b36d43
- breadcrumb.activeSelectionForeground#d7c483
- breadcrumb.background#1c1c1c
- breadcrumb.focusForeground#d7c483
- breadcrumb.foreground#c2c2b0
- breadcrumbPicker.background#1c1c1c
- button.background#b36d43
- button.foreground#d7c483
- button.hoverBackground#78824b
- button.secondaryBackground#5f875f
- button.secondaryForeground#d7c483
- button.secondaryHoverBackground#78824b
- charts.blue#b36d43
- charts.foreground#c2c2b0
- charts.green#5f875f
- charts.lines#c2c2b0
- charts.orange#d7c483
- charts.purple#5f875f
- charts.red#b36d43
- charts.yellow#bb7744
- checkbox.background#222222
- checkbox.foreground#c2c2b0
- commandCenter.activeBackground#1c1c1c
- commandCenter.activeForeground#d7c483
- commandCenter.background#222222
- commandCenter.foreground#c2c2b0
- contrastBorder#43492a
- debugConsole.errorForeground#b36d43
- debugConsole.infoForeground#c2c2b0
- debugConsole.sourceForeground#c2c2b0
- debugConsole.warningForeground#bb7744
- debugConsoleInputIcon.foreground#c2c2b0
- debugExceptionWidget.background#1c1c1c
- debugIcon.breakpointCurrentStackframeForeground#bb7744
- debugIcon.breakpointDisabledForeground#78824b
- debugIcon.breakpointForeground#b36d43
- debugIcon.breakpointStackframeForeground#515c35
- debugIcon.breakpointUnverifiedForeground#242d1d
- debugIcon.continueForeground#5f875f
- debugIcon.disconnectForeground#b36d43
- debugIcon.pauseForeground#b36d43
- debugIcon.restartForeground#5f875f
- debugIcon.startForeground#5f875f
- debugIcon.stepBackForeground#515c35
- debugIcon.stepIntoForeground#c9a554
- debugIcon.stepOutForeground#5f875f
- debugIcon.stepOverForeground#b36d43
- debugIcon.stopForeground#b36d43
- debugTokenExpression.boolean#d7c483
- debugTokenExpression.error#b36d43
- debugTokenExpression.name#5f875f
- debugTokenExpression.number#d7c483
- debugTokenExpression.string#5f875f
- debugTokenExpression.value#c2c2b0
- debugToolBar.background#1c1c1c
- debugView.stateLabelBackground#b36d43
- debugView.stateLabelForeground#d7c483
- debugView.valueChangedHighlight#b36d43
- descriptionForeground#43492a
- diffEditor.diagonalFill#242d1d
- diffEditor.insertedTextBackground#5f875f20
- diffEditor.removedTextBackground#b36d4320
- disabledForeground#666666
- dropdown.background#222222
- dropdown.foreground#c2c2b0
- dropdown.listBackground#222222
- editor.background#222222
- editor.findMatchBackground#bb77446f
- editor.findMatchHighlightBackground#d7c4836f
- editor.findRangeHighlightBackground#1c1c1c6f
- editor.foreground#c2c2b0
- editor.hoverHighlightBackground#242d1d6f
- editor.inactiveSelectionBackground#242d1d
- editor.lineHighlightBackground#1c1c1c
- editor.rangeHighlightBackground#1c1c1c6f
- editor.selectionBackground#242d1d
- editor.selectionHighlightBackground#1c1c1c
- editor.snippetFinalTabstopHighlightBackground#43492a
- editor.snippetTabstopHighlightBackground#242d1d
- editor.wordHighlightBackground#242d1d6f
- editor.wordHighlightStrongBackground#43492a6f
- editorBracketHighlight.foreground1#b36d43
- editorBracketHighlight.foreground2#d7c483
- editorBracketHighlight.foreground3#bb7744
- editorBracketHighlight.foreground4#5f875f
- editorBracketHighlight.foreground5#b36d43
- editorBracketHighlight.foreground6#5f875f
- editorBracketHighlight.unexpectedBracket.foreground#515c35
- editorBracketMatch.background#242d1d
- editorCodeLens.foreground#242d1d
- editorCursor.foreground#c2c2b0
- editorError.foreground#b36d43
- editorGroup.background#222222
- editorGroup.border#43492a
- editorGroup.dropBackground#242d1d6f
- editorGroup.dropIntoPromptBackground#222222
- editorGroup.dropIntoPromptForeground#d7c483
- editorGroup.emptyBackground#222222
- editorGroupHeader.noTabsBackground#222222
- editorGroupHeader.tabsBackground#222222
- editorGutter.addedBackground#5f875f
- editorGutter.background#222222
- editorGutter.commentRangeForeground#666666
- editorGutter.deletedBackground#b36d43
- editorGutter.foldingControlForeground#c2c2b0
- editorGutter.modifiedBackground#5f875f
- editorHint.foreground#b36d43
- editorHoverWidget.background#222222
- editorHoverWidget.foreground#c2c2b0
- editorIndentGuide.activeBackground#78824b
- editorIndentGuide.background#43492a
- editorInfo.foreground#c9a554
- editorInlayHint.background#1c1c1c
- editorInlayHint.foreground#c2c2b0
- editorInlayHint.parameterBackground#1c1c1c
- editorInlayHint.parameterForeground#c2c2b0
- editorInlayHint.typeBackground#1c1c1c
- editorInlayHint.typeForeground#c2c2b0
- editorLightBulb.foreground#bb7744
- editorLightBulbAutoFix.foreground#b36d43
- editorLineNumber.activeForeground#78824b
- editorLineNumber.foreground#666666
- editorLink.activeForeground#b36d43
- editorMarkerNavigation.background#1c1c1c
- editorMarkerNavigationError.background#b36d43
- editorMarkerNavigationError.headerBackground#b36d4320
- editorMarkerNavigationInfo.background#b36d43
- editorMarkerNavigationInfo.headerBackground#c9a55420
- editorMarkerNavigationWarning.background#bb7744
- editorMarkerNavigationWarning.headerBackground#bb774420
- editorOverviewRuler.addedForeground#5f875f
- editorOverviewRuler.bracketMatchForeground#d7c483
- editorOverviewRuler.commonContentForeground#515c35
- editorOverviewRuler.currentContentForeground#b36d43
- editorOverviewRuler.deletedForeground#b36d43
- editorOverviewRuler.errorForeground#b36d43
- editorOverviewRuler.findMatchForeground#bb77446f
- editorOverviewRuler.incomingContentForeground#5f875f
- editorOverviewRuler.infoForeground#c9a554
- editorOverviewRuler.modifiedForeground#5f875f
- editorOverviewRuler.rangeHighlightForeground#43492a6f
- editorOverviewRuler.selectionHighlightForeground#242d1d6f
- editorOverviewRuler.warningForeground#bb7744
- editorOverviewRuler.wordHighlightForeground#d7c4836f
- editorOverviewRuler.wordHighlightStrongForeground#b36d436f
- editorPane.background#222222
- editorRuler.foreground#43492a
- editorSuggestWidget.background#1c1c1c
- editorSuggestWidget.focusHighlightForeground#d7c483
- editorSuggestWidget.foreground#c2c2b0
- editorSuggestWidget.highlightForeground#b36d43
- editorSuggestWidget.selectedBackground#242d1d
- editorSuggestWidget.selectedForeground#d7c483
- editorWarning.foreground#bb7744
- editorWhitespace.foreground#43492a
- editorWidget.background#222222
- editorWidget.foreground#c2c2b0
- errorForeground#b36d43
- extensionBadge.remoteBackground#d7c483
- extensionBadge.remoteForeground#d7c483
- extensionButton.prominentBackground#5f875f
- extensionButton.prominentForeground#d7c483
- extensionButton.prominentHoverBackground#242d1d
- extensionIcon.preReleaseForeground#d7c483
- extensionIcon.starForeground#bb7744
- extensionIcon.verifiedForeground#b36d43
- foreground#c2c2b0
- gitDecoration.addedResourceForeground#5f875f
- gitDecoration.conflictingResourceForeground#bb7744
- gitDecoration.deletedResourceForeground#b36d43
- gitDecoration.ignoredResourceForeground#43492a
- gitDecoration.modifiedResourceForeground#5f875f
- gitDecoration.renamedResourceForeground#c9a554
- gitDecoration.stageDeletedResourceForeground#b36d43
- gitDecoration.stageModifiedResourceForeground#5f875f
- gitDecoration.submoduleResourceForeground#515c35
- gitDecoration.untrackedResourceForeground#d7c483
- icon.foreground#78824b
- input.background#222222
- input.foreground#c2c2b0
- input.placeholderForeground#43492a
- inputOption.activeBackground#242d1d
- inputOption.activeBorder#d7c483
- inputOption.activeForeground#c2c2b0
- inputValidation.errorBackground#b36d43
- inputValidation.errorBorder#b36d43
- inputValidation.errorForeground#c2c2b0
- inputValidation.infoBackground#b36d43
- inputValidation.infoBorder#b36d43
- inputValidation.infoForeground#c2c2b0
- inputValidation.warningBackground#bb7744
- inputValidation.warningBorder#bb7744
- inputValidation.warningForeground#c2c2b0
- keybindingLabel.background#242d1d
- keybindingLabel.foreground#c2c2b0
- keybindingTable.headerBackground#242d1d
- keybindingTable.rowsBackground#1c1c1c
- list.activeSelectionBackground#242d1d
- list.activeSelectionForeground#c2c2b0
- list.dropBackground#d7c483
- list.errorForeground#b36d43
- list.filterMatchBackground#242d1d
- list.focusBackground#242d1d
- list.focusForeground#c2c2b0
- list.highlightForeground#d7c483
- list.hoverBackground#43492a
- list.hoverForeground#c2c2b0
- list.inactiveFocusBackground#242d1d
- list.inactiveSelectionBackground#242d1d
- list.inactiveSelectionForeground#c2c2b0
- list.invalidItemForeground#b36d43
- list.warningForeground#bb7744
- listFilterWidget.background#222222
- listFilterWidget.noMatchesOutline#b36d43
- menu.background#1c1c1c
- menu.foreground#c2c2b0
- menu.selectionBackground#242d1d
- menu.selectionForeground#c2c2b0
- menu.separatorBackground#d7c483
- menubar.selectionBackground#1c1c1c
- menubar.selectionForeground#c2c2b0
- merge.currentContentBackground#b36d4340
- merge.currentHeaderBackground#b36d4340
- merge.incomingContentBackground#5f875f60
- merge.incomingHeaderBackground#5f875f60
- minimap.background#222222
- minimap.errorHighlight#b36d43
- minimap.findMatchHighlight#bb77446f
- minimap.selectionHighlight#242d1d6f
- minimap.selectionOccurrenceHighlight#43492a
- minimap.warningHighlight#bb7744
- minimapGutter.addedBackground#5f875f
- minimapGutter.deletedBackground#b36d43
- minimapGutter.modifiedBackground#5f875f
- notebook.cellBorderColor#43492a
- notebook.cellEditorBackground#222222
- notebook.cellHoverBackground#1c1c1c
- notebook.cellToolbarSeparator#242d1d
- notebook.editorBackground#222222
- notebook.focusedCellBackground#242d1d
- notebook.focusedCellBorder#b36d43
- notebook.focusedEditorBorder#b36d43
- notebook.inactiveFocusedCellBorder#43492a
- notebook.selectedCellBackground#242d1d
- notebookStatusErrorIcon.foreground#b36d43
- notebookStatusRunningIcon.foreground#c9a554
- notebookStatusSuccessIcon.foreground#5f875f
- notification.background#242d1d
- notification.buttonBackground#b36d43
- notification.buttonForeground#d7c483
- notification.buttonHoverBackground#242d1d
- notification.errorBackground#b36d43
- notification.errorForeground#d7c483
- notification.foreground#c2c2b0
- notification.infoBackground#c9a554
- notification.infoForeground#d7c483
- notification.warningBackground#bb7744
- notification.warningForeground#d7c483
- notificationCenterHeader.background#1c1c1c
- notificationCenterHeader.foreground#c2c2b0
- notificationLink.foreground#b36d43
- notifications.background#242d1d
- notifications.foreground#c2c2b0
- notificationsErrorIcon.foreground#b36d43
- notificationsInfoIcon.foreground#b36d43
- notificationsWarningIcon.foreground#bb7744
- panel.background#222222
- panel.border#43492a
- panel.dropBackground#1c1c1c6f
- panel.dropBorder#1c1c1c6f
- panelTitle.activeForeground#c2c2b0
- panelTitle.inactiveForeground#43492a
- peekViewEditor.background#1c1c1c
- peekViewEditor.matchHighlightBackground#d7c4836f
- peekViewEditorGutter.background#1c1c1c
- peekViewResult.background#222222
- peekViewResult.fileForeground#c2c2b0
- peekViewResult.lineForeground#43492a
- peekViewResult.matchHighlightBackground#d7c4836f
- peekViewResult.selectionBackground#242d1d
- peekViewResult.selectionForeground#c2c2b0
- peekViewTitle.background#242d1d
- peekViewTitleDescription.foreground#43492a
- peekViewTitleLabel.foreground#c2c2b0
- pickerGroup.foreground#43492a
- ports.iconRunningProcessForeground#d7c483
- problemsErrorIcon.foreground#b36d43
- problemsInfoIcon.foreground#c9a554
- problemsWarningIcon.foreground#bb7744
- progressBar.background#43492a
- quickInput.background#1c1c1c
- quickInput.foreground#c2c2b0
- quickInputList.focusBackground#43492a
- quickInputList.focusForeground#d7c483
- quickInputList.focusIconForeground#d7c483
- scrollbar.shadow#1c1c1c
- scrollbarSlider.activeBackground#78824b6f
- scrollbarSlider.background#242d1d6f
- scrollbarSlider.hoverBackground#43492a6f
- searchEditor.findMatchBackground#bb77446f
- selection.background#b36d43
- settings.checkboxBackground#1c1c1c
- settings.checkboxForeground#c2c2b0
- settings.dropdownBackground#1c1c1c
- settings.dropdownForeground#c2c2b0
- settings.focusedRowBackground#242d1d
- settings.headerBorder#c2c2b0
- settings.headerForeground#c2c2b0
- settings.modifiedItemForeground#5f875f
- settings.modifiedItemIndicator#b36d43
- settings.numberInputBackground#1c1c1c
- settings.numberInputForeground#c2c2b0
- settings.rowHoverBackground#242d1d
- settings.sashBorder#c2c2b0
- settings.textInputBackground#1c1c1c
- settings.textInputForeground#c2c2b0
- sideBar.background#222222
- sideBar.border#43492a
- sideBar.dropBackground#242d1d6f
- sideBar.foreground#c2c2b0
- sideBarSectionHeader.background#222222
- sideBarSectionHeader.border#43492a
- sideBarSectionHeader.foreground#c2c2b0
- sideBarTitle.foreground#c2c2b0
- statusBar.background#222222
- statusBar.border#43492a
- statusBar.debuggingBackground#d7c483
- statusBar.debuggingForeground#d7c483
- statusBar.foreground#d7c483
- statusBar.noFolderBackground#5f875f
- statusBar.noFolderForeground#d7c483
- statusBarItem.activeBackground#43492a
- statusBarItem.errorBackground#b36d43
- statusBarItem.errorForeground#d7c483
- statusBarItem.hoverBackground#242d1d
- statusBarItem.prominentBackground#5f875f
- statusBarItem.prominentForeground#d7c483
- statusBarItem.prominentHoverBackground#b36d43
- statusBarItem.remoteBackground#5f875f
- statusBarItem.remoteForeground#d7c483
- statusBarItem.warningBackground#bb7744
- statusBarItem.warningForeground#d7c483
- symbolIcon.arrayForeground#c2c2b0
- symbolIcon.booleanForeground#d7c483
- symbolIcon.classForeground#bb7744
- symbolIcon.colorForeground#5f875f
- symbolIcon.constantForeground#d7c483
- symbolIcon.constructorForeground#b36d43
- symbolIcon.enumeratorForeground#d7c483
- symbolIcon.enumeratorMemberForeground#b36d43
- symbolIcon.eventForeground#bb7744
- symbolIcon.fieldForeground#b36d43
- symbolIcon.fileForeground#c2c2b0
- symbolIcon.folderForeground#c2c2b0
- symbolIcon.functionForeground#b36d43
- symbolIcon.interfaceForeground#b36d43
- symbolIcon.keyForeground#5f875f
- symbolIcon.keywordForeground#5f875f
- symbolIcon.methodForeground#b36d43
- symbolIcon.moduleForeground#c2c2b0
- symbolIcon.namespaceForeground#c2c2b0
- symbolIcon.nullForeground#515c35
- symbolIcon.numberForeground#d7c483
- symbolIcon.objectForeground#5f875f
- symbolIcon.operatorForeground#5f875f
- symbolIcon.packageForeground#5f875f
- symbolIcon.propertyForeground#c2c2b0
- symbolIcon.referenceForeground#5f875f
- symbolIcon.snippetForeground#c2c2b0
- symbolIcon.stringForeground#5f875f
- symbolIcon.structForeground#bb7744
- symbolIcon.textForeground#c2c2b0
- symbolIcon.typeParameterForeground#5f875f
- symbolIcon.unitForeground#5f875f
- symbolIcon.variableForeground#b36d43
- tab.activeBackground#222222
- tab.activeBorder#b36d43
- tab.activeForeground#c2c2b0
- tab.activeModifiedBorder#b36d43
- tab.border#43492a
- tab.hoverBackground#00000000
- tab.inactiveBackground#222222
- tab.inactiveForeground#43492a
- tab.inactiveModifiedBorder#b36d43
- tab.unfocusedActiveBackground#222222
- tab.unfocusedActiveBorder#78824b
- tab.unfocusedActiveForeground#78824b
- tab.unfocusedActiveModifiedBorder#b36d43
- tab.unfocusedHoverBackground#00000000
- tab.unfocusedInactiveForeground#43492a
- tab.unfocusedInactiveModifiedBorder#b36d43
- terminal.ansiBlack#222222
- terminal.ansiBlue#b36d43
- terminal.ansiBrightBlack#43492a
- terminal.ansiBrightBlue#b36d43
- terminal.ansiBrightCyan#c9a554
- terminal.ansiBrightGreen#5f875f
- terminal.ansiBrightMagenta#5f875f
- terminal.ansiBrightRed#b36d43
- terminal.ansiBrightWhite#d7c483
- terminal.ansiBrightYellow#bb7744
- terminal.ansiCyan#c9a554
- terminal.ansiGreen#5f875f
- terminal.ansiMagenta#5f875f
- terminal.ansiRed#b36d43
- terminal.ansiWhite#c2c2b0
- terminal.ansiYellow#bb7744
- terminal.background#222222
- terminal.foreground#c2c2b0
- terminalCursor.foreground#c2c2b0
- terminalOverviewRuler.cursorForeground#b36d43
- terminalOverviewRuler.findMatchForeground#b36d43
- testing.iconErrored#515c35
- testing.iconFailed#b36d43
- testing.iconPassed#5f875f
- testing.iconQueued#bb7744
- testing.iconSkipped#5f875f
- testing.iconUnset#78824b
- testing.message.error.decorationForeground#c2c2b0
- testing.message.error.lineBackground#b36d4320
- testing.message.info.decorationForeground#c2c2b0
- testing.message.info.lineBackground#b36d4320
- testing.peekHeaderBackground#1c1c1c
- testing.runAction#78824b
- textBlockQuote.background#1c1c1c
- textBlockQuote.border#b36d43
- textCodeBlock.background#222222
- textLink.activeForeground#c9a554
- textLink.foreground#b36d43
- textPreformat.foreground#b36d43
- textSeparator.foreground#5f875f
- titleBar.activeBackground#222222
- titleBar.activeForeground#c2c2b0
- titleBar.border#43492a
- titleBar.inactiveBackground#222222
- titleBar.inactiveForeground#43492a
- toolbar.activeBackground#43492a
- toolbar.hoverBackground#242d1d
- tree.indentGuidesStroke#43492a
- walkThrough.embeddedEditorBackground#222222
- welcomePage.background#222222
- welcomePage.buttonBackground#1c1c1c
- welcomePage.buttonHoverBackground#242d1d
- welcomePage.progress.background#43492a
- welcomePage.progress.foreground#b36d43
- welcomePage.tileBackground#1c1c1c
- welcomePage.tileHoverBackground#242d1d
- widget.shadow#222222
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666666 | italic |
| comment.block.documentation, comment.line.documentation, comment.documentation | #515c35 | italic |
| variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter | #b36d43 | — |
| variable.other.constant, variable.other.enummember, variable.language.constant, constant.other.enum | #d7c483 | — |
| variable.other.object.property, variable.other.property, variable.object.property | #b36d43 | — |
| constant.other.color | #5f875f | — |
| invalid, invalid.illegal | #b36d43 | — |
| invalid.deprecated | #515c35 | — |
| keyword, storage.modifier, keyword.operator | #5f875f | — |
| keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as | #5f875f | — |
| 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 | #5f875f | — |
| keyword.type, storage.type.primitive | #c9a554 | — |
| storage.type.function | #b36d43 | — |
| 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 | #c2c2b0 | — |
| keyword.operator, punctuation.accessor, punctuation.separator.key-value | #c2c2b0 | — |
| punctuation.section.embedded, variable.interpolation | #515c35 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #b36d43 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #b36d43 | — |
| support.function.builtin, support.function.construct, support.function.magic, support.function.any-method, support.type.object.console.js | #d7c483 | — |
| meta.block variable.other | #b36d43 | — |
| support.other.variable, string.other.link | #b36d43 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #d7c483 | — |
| 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 | #5f875f | |
| string.regexp constant.character.escape, string.regexp keyword.operator.quantifier, string.regexp constant.other.character-class.set.regexp | #d7c483 | — |
| 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 | #bb7744 | — |
| 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 | #bb7744 | — |
| storage.type, storage.modifier.package, storage.modifier.import | #bb7744 | — |
| entity.name.variable.field | #b36d43 | — |
| support.type | #c9a554 | — |
| support.type.builtin, support.class.builtin, support.constant.builtin | #d7c483 | — |
| 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 | #c9a554 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #b36d43 | — |
| meta.decorator, entity.name.function.decorator, entity.name.type.decorator | #b36d43 | italic |
| variable.language | #b36d43 | italic |
| entity.name.method.js | #b36d43 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #b36d43 | — |
| entity.name.function.rust, meta.function.call.rust entity.name.function.rust, meta.method-call.rust entity.name.function.rust | #c9a554 | — |
| meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust | #b36d43 | italic |
| meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust | #5f875f | |
| 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 | #5f875f | — |
| entity.name.type.numeric.rust | #c9a554 | — |
| meta.generic.rust, meta.function.return-type.rust meta.generic.rust storage.type.rust, punctuation.brackets.angle.rust | #d7c483 | — |
| entity.name.impl.rust, entity.name.trait.rust, entity.name.union.rust, storage.type.source.rust, meta.enum.rust storage.type.source.rust | #bb7744 | — |
| variable.other.rust, meta.block.rust variable.other.rust | #78824b | — |
| meta.function.definition.rust variable.other.rust | #b36d43 | — |
| meta.function.call.rust variable.other.rust | #c2c2b0 | — |
| 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 | #d7c483 | — |
| entity.name.type.rust, entity.name.type.trait.rust, support.type.rust, support.type.primitive.rust | #bb7744 | — |
| storage.modifier.lifetime.rust, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #d7c483 | — |
| constant.other.caps.rust | #d7c483 | — |
| variable.language.self.rust, variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust | #b36d43 | — |
| string.quoted.double.rust constant.other.placeholder.rust | #d7c483 | — |
| entity.name.module.rust, entity.name.namespace.rust, meta.path.rust entity.name, meta.use.rust, meta.use.rust entity.name | #c9a554 | — |
| entity.other.attribute-name, entity.other.attribute-name.documentation | #b36d43 | — |
| 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 | #bb7744 | italic |
| entity.other.attribute-name.class | #bb7744 | — |
| 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 | #c9a554 | — |
| 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 | #d7c483 | — |
| source.sass keyword.control | #b36d43 | — |
| markup.inserted | #5f875f | — |
| markup.deleted | #b36d43 | — |
| markup.changed | #5f875f | — |
| string.regexp | #c9a554 | — |
| constant.character.escape | #c9a554 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, punctuation.decorator.ts | #b36d43 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #5f875f | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #b36d43 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | — |
| 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 | #b36d43 | |
| 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 | #d7c483 | — |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python, support.variable.magic.python, support.function.magic.python | #b36d43 | 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 | #c9a554 | — |
| 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 | #c9a554 | — |
| 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 | #c2c2b0 | |
| 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 | #c9a554 | — |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #5f875f | — |
| comment meta.annotation.go, comment meta.annotation.parameters.go, constant.language.go | #d7c483 | — |
| 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 | #d7c483 | italic |
| entity.name.tag.heredoc.shell, string.quoted.double.shell variable.other.normal.shell, meta.string meta.interpolation.parameter.shell variable.other.readwrite | #c9a554 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #c2c2b0 | — |
| text.html.markdown markup.inline.raw.markdown | #5f875f | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #c9a554 | — |
| text.html.markdown meta.dummy.line-break | #43492a | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #b36d43 | — |
| 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 | #b36d43 | — |
| markup.italic | #b36d43 | italic |
| markup.bold, markup.bold string | #b36d43 | 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 | #b36d43 | bold |
| markup.underline | #d7c483 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #c9a554 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #b36d43 | — |
| string.other.link.description.title.markdown | #5f875f | — |
| constant.other.reference.link.markdown | #bb7744 | — |
| markup.raw.block | #5f875f | — |
| 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 | #c9a554 | — |
| 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 | #d7c483 | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown | #5f875f | — |
| variable.language.fenced.markdown | #b36d43 | — |
| meta.separator | #c9a554 | bold |
| markup.table | #5f875f | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #c9a554 | — |
| markup.changed.diff | #bb7744 | — |
| markup.inserted.diff, markup.deleted.diff | #d7c483 | — |
| token.info-token | #b36d43 | — |
| token.warn-token | #bb7744 | — |
| token.error-token | #b36d43 | — |
| token.debug-token | #5f875f | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...