oXocarbonix
Publisher: Ronit GandhiThemes in package: 4
🎨 oXocarbonix - A refined dark theme suite for Visual Studio Code, inspired by the popular Neovim colorscheme.
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.activeBorder#e6e9ef
- activityBar.background#161616
- activityBar.dropBorder#3ACECC20
- activityBar.foreground#e6e9ef
- activityBar.inactiveForeground#e6e9ef66
- activityBarBadge.background#404350
- activityBarBadge.foreground#e6e9ef
- activityBarTop.dropBorder#3ACECC20
- badge.background#404350
- badge.foreground#e6e9ef
- breadcrumb.activeSelectionForeground#e6e9ef
- breadcrumb.background#00000000
- breadcrumb.focusForeground#e6e9ef
- breadcrumb.foreground#525252cc
- breadcrumbPicker.background#161616
- button.background#ff7eb6
- button.border#00000000
- button.foreground#161616
- button.hoverBackground#ff7eb690
- button.secondaryBackground#393939
- button.secondaryForeground#e6e9ef
- button.secondaryHoverBackground#404350
- charts.blue#ffffff
- charts.foreground#e6e9ef
- charts.green#be95ff
- charts.lines#e6e9ef80
- charts.orange#75A5F8
- charts.purple#d093ff
- charts.red#ff7eb6
- charts.yellow#FA973B
- checkbox.background#161616
- checkbox.border#ffffff10
- checkbox.foreground#e6e9ef
- commandCenter.activeBackground#404350
- commandCenter.activeBorder#00000000
- commandCenter.activeForeground#e6e9ef
- commandCenter.background#161616
- commandCenter.border#00000000
- commandCenter.debuggingBackground#3ACECC
- commandCenter.debuggingBorder#00000000
- commandCenter.debuggingForeground#161616
- commandCenter.foreground#e6e9ef
- commandCenter.inactiveBackground#161616
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#525252
- debugConsole.errorForeground#ff7eb6
- debugConsole.infoForeground#ffffff
- debugConsole.sourceForeground#e6e9ef
- debugConsole.warningForeground#FA973B
- debugConsoleInputIcon.foreground#e6e9ef
- debugExceptionWidget.background#ff7eb6
- debugExceptionWidget.border#ff7eb6
- debugIcon.breakpointCurrentStackframeForeground#FA973B
- debugIcon.breakpointDisabledForeground#4c566a
- debugIcon.breakpointForeground#ff7eb6
- debugIcon.breakpointStackframeForeground#3ddbd9
- debugIcon.breakpointUnverifiedForeground#4c566a
- debugIcon.continueForeground#3ACECC
- debugIcon.disconnectForeground#ff7eb6
- debugIcon.pauseForeground#FA973B
- debugIcon.restartForeground#3ACECC
- debugIcon.startForeground#3ACECC
- debugIcon.stepBackForeground#75A5F8
- debugIcon.stepIntoForeground#75A5F8
- debugIcon.stepOutForeground#75A5F8
- debugIcon.stepOverForeground#75A5F8
- debugIcon.stopForeground#ff7eb6
- debugTokenExpression.boolean#75A5F8
- debugTokenExpression.error#ff7eb6
- debugTokenExpression.name#e6e9ef
- debugTokenExpression.number#3ddbd9
- debugTokenExpression.string#75A5F8
- debugTokenExpression.value#e6e9ef99
- debugToolBar.background#393939
- debugView.exceptionLabelBackground#ff7eb6
- debugView.exceptionLabelForeground#e6e9ef
- debugView.stateLabelBackground#404350
- debugView.stateLabelForeground#e6e9ef
- debugView.valueChangedHighlight#75A5F8
- descriptionForeground#e6e9efb3
- diffEditor.diagonalFill#e6e9ef33
- diffEditor.insertedLineBackground#3ddbd920
- diffEditor.insertedTextBackground#3ddbd910
- diffEditor.removedLineBackground#ff7eb620
- diffEditor.removedTextBackground#ff7eb620
- dropdown.background#161616
- dropdown.border#ffffff10
- dropdown.foreground#e6e9ef
- editor.background#161616
- editor.findMatchBackground#ffffff40
- editor.findMatchBorder#ffffff
- editor.findMatchHighlightBackground#ffffff40
- editor.findRangeHighlightBackground#ffffff40
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#717cb40b
- editor.foreground#e6e9ef
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#818cc440
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#ff7eb64d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#818cc440
- editor.selectionHighlightBackground#00000000
- editor.selectionHighlightBorder#ffffff80
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#75A5F860
- editor.wordHighlightBackground#ffffff20
- editor.wordHighlightStrongBackground#ffffff40
- editorBracketMatch.background#00000000
- editorBracketMatch.border#e6e9ef40
- editorCodeLens.foreground#e6e9ef
- editorCursor.foreground#e6e9ef
- editorError.foreground#ff7eb6
- editorGroup.border#16161630
- editorGroup.dropBackground#3ACECC20
- editorGroup.dropIntoPromptBackground#3ACECC33
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#161616
- editorGutter.addedBackground#3ddbd940
- editorGutter.background#161616
- editorGutter.commentRangeForeground#e6e9ef
- editorGutter.deletedBackground#ff7eb640
- editorGutter.foldingControlForeground#e6e9ef
- editorGutter.modifiedBackground#ffffff20
- editorHint.foreground#4c566ab3
- editorHoverWidget.background#161616
- editorHoverWidget.border#ffffff10
- editorHoverWidget.foreground#e6e9ef
- editorHoverWidget.statusBarBackground#202430
- editorIndentGuide.activeBackground#e3e4e229
- editorIndentGuide.background1#404350
- editorInfo.foreground#ffffff
- editorInlineHint.background#e6e9ef
- editorInlineHint.foreground#161616
- editorLightBulb.foreground#FA973B
- editorLightBulbAutoFix.foreground#ffffff
- editorLineNumber.activeForeground#e6e9ef
- editorLineNumber.foreground#52525250
- editorLink.activeForeground#ffffff
- editorMarkerNavigation.background#2d2d30
- editorMarkerNavigationError.background#ff7eb6
- editorMarkerNavigationInfo.background#ffffff
- editorMarkerNavigationWarning.background#FA973B
- editorOverviewRuler.addedForeground#3ddbd999
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#e6e9ef66
- editorOverviewRuler.currentContentForeground#3ddbd980
- editorOverviewRuler.deletedForeground#ff7eb699
- editorOverviewRuler.errorForeground#ff7eb6b3
- editorOverviewRuler.findMatchForeground#e6e9ef20
- editorOverviewRuler.incomingContentForeground#75A5F880
- editorOverviewRuler.infoForeground#ffffff
- editorOverviewRuler.modifiedForeground#75A5F899
- editorOverviewRuler.rangeHighlightForeground#75A5F899
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#FA973B
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#75A5F8cc
- editorPane.background#161616
- editorRuler.foreground#e6e9ef10
- editorSuggestWidget.background#161616
- editorSuggestWidget.border#ffffff10
- editorSuggestWidget.foreground#e6e9ef
- editorSuggestWidget.highlightForeground#be95ff
- editorSuggestWidget.selectedBackground#16161650
- editorUnnecessaryCode.opacity#161616aa
- editorWarning.foreground#FA973B
- editorWhitespace.foreground#404350
- editorWidget.background#161616
- editorWidget.border#e6e9ef
- editorWidget.foreground#e6e9ef
- errorForeground#ff7eb6
- extensionBadge.remoteBackground#404350
- extensionBadge.remoteForeground#e6e9ef
- extensionButton.prominentBackground#40435090
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#404350
- extensionIcon.starForeground#FA973B
- focusBorder#00000000
- foreground#e6e9ef
- gitDecoration.addedResourceForeground#3ddbd9
- gitDecoration.conflictingResourceForeground#ff7eb6
- gitDecoration.deletedResourceForeground#ff7eb6
- gitDecoration.ignoredResourceForeground#52525270
- gitDecoration.modifiedResourceForeground#75A5F8
- gitDecoration.renamedResourceForeground#ffffff
- gitDecoration.stageDeletedResourceForeground#ff7eb6
- gitDecoration.stageModifiedResourceForeground#75A5F8
- gitDecoration.submoduleResourceForeground#75A5F8
- gitDecoration.untrackedResourceForeground#3ACECC
- icon.foreground#e6e9ef
- imagePreview.border#404350
- input.background#ffffff05
- input.border#ffffff10
- input.foreground#e6e9ef
- input.placeholderForeground#e6e9ef60
- inputOption.activeBackground#00000000
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#161616
- inputValidation.errorBorder#ff7eb6
- inputValidation.errorForeground#ff7eb6
- inputValidation.infoBackground#393939
- inputValidation.infoBorder#75A5F8
- inputValidation.warningBackground#393939
- inputValidation.warningBorder#FA973B
- list.activeSelectionBackground#40435080
- list.activeSelectionForeground#e6e9ef
- list.deemphasizedForeground#525252
- list.dropBackground#3ACECC20
- list.dropBetweenBackground#3ACECC20
- list.errorForeground#ff7eb6
- list.filterMatchBackground#75A5F860
- list.focusBackground#40435080
- list.focusForeground#e6e9ef
- list.focusOutline#00000000
- list.highlightForeground#3ddbd9
- list.hoverBackground#40435080
- list.hoverForeground#e6e9ef
- list.inactiveSelectionBackground#40435080
- list.inactiveSelectionForeground#e6e9ef
- list.invalidItemForeground#FA973B
- list.warningForeground#FA973B
- listFilterWidget.background#404350
- listFilterWidget.noMatchesOutline#ff7eb6
- listFilterWidget.outline#00000000
- menu.background#161616
- menu.foreground#e6e9ef
- menu.selectionBackground#404350
- menu.selectionForeground#4c566a
- menu.separatorBackground#525252
- menubar.selectionBackground#818cc440
- menubar.selectionForeground#e6e9ef
- merge.commonContentBackground#e6e9ef29
- merge.commonHeaderBackground#e6e9ef66
- merge.currentContentBackground#3ddbd933
- merge.currentHeaderBackground#3ddbd980
- merge.incomingContentBackground#75A5F833
- merge.incomingHeaderBackground#75A5F880
- minimap.errorHighlight#ff7eb6
- minimap.findMatchHighlight#ffffff
- minimap.selectionHighlight#e6e9ef40
- minimap.warningHighlight#FA973B
- minimapGutter.addedBackground#3ddbd980
- minimapGutter.deletedBackground#ff7eb680
- minimapGutter.modifiedBackground#ffffff80
- minimapSlider.activeBackground#e6e9ef30
- minimapSlider.background#e6e9ef20
- minimapSlider.hoverBackground#e6e9ef30
- notebook.cellEditorBackground#161616
- notebook.cellHoverBackground#818cc440
- notebook.cellInsertionIndicator#161616
- notebook.focusedCellBackground#818cc440
- notebook.focusedCellBorder#3ACECC
- notebook.inactiveFocusedCellBorder#161616
- notebook.outputContainerBackgroundColor#404350
- notebook.selectedCellBackground#404350
- notebook.selectedCellBorder#ffffff
- notebookStatusErrorIcon.foreground#ff7eb6
- notebookStatusRunningIcon.foreground#e6e9ef
- notebookStatusSuccessIcon.foreground#3ddbd9
- notificationCenterHeader.background#404350
- notificationLink.foreground#ffffff
- notifications.background#161616
- notifications.border#404350
- notifications.foreground#e6e9ef
- notificationsErrorIcon.foreground#ff7eb6
- notificationsInfoIcon.foreground#ffffff
- notificationsWarningIcon.foreground#FA973B
- panel.background#161616
- panel.border#16161630
- panel.dropBackground#3ACECC20
- panel.dropBorder#e6e9ef
- panelSection.border#161616
- panelSection.dropBackground#3ACECC20
- panelSectionHeader.background#161616
- panelSectionHeader.border#00000000
- panelSectionHeader.foreground#e6e9ef
- panelTitle.activeBorder#e6e9ef
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#e6e9ef99
- peekView.border#16161630
- peekViewEditor.background#e6e9ef05
- peekViewEditor.matchHighlightBackground#404350
- peekViewEditorGutter.background#e6e9ef05
- peekViewResult.background#e6e9ef05
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#e6e9ef
- peekViewResult.matchHighlightBackground#404350
- peekViewResult.selectionBackground#818cc440
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#e6e9ef05
- peekViewTitleDescription.foreground#e6e9ef60
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#e6e9ef
- pickerGroup.foreground#75A5F8
- problemsErrorIcon.foreground#ff7eb6
- problemsInfoIcon.foreground#ffffff
- problemsWarningIcon.foreground#FA973B
- progressBar.background#75A5F8
- quickInput.background#161616
- quickInput.foreground#e6e9ef
- quickInputList.focusBackground#e6e9ef10
- quickInputTitle.background#ffffff1b
- sash.hoverBorder#00000000
- scm.providerBorder#e6e9ef10
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#ff7eb640
- scrollbarSlider.background#52525280
- scrollbarSlider.hoverBackground#a6accd25
- searchEditor.findMatchBackground#ffffff50
- searchEditor.textInputBorder#ffffff10
- selection.background#404350
- settings.checkboxBackground#161616
- settings.checkboxBorder#ffffff10
- settings.checkboxForeground#e6e9ef
- settings.dropdownBackground#161616
- settings.dropdownBorder#ffffff10
- settings.dropdownForeground#e6e9ef
- settings.dropdownListBorder#e6e9ef10
- settings.focusedRowBackground#00000000
- settings.headerForeground#e6e9ef
- settings.modifiedItemIndicator#ffffff
- settings.numberInputBackground#ffffff05
- settings.numberInputBorder#ffffff10
- settings.numberInputForeground#e6e9ef
- settings.textInputBackground#ffffff05
- settings.textInputBorder#ffffff10
- settings.textInputForeground#e6e9ef
- sideBar.background#161616
- sideBar.dropBackground#3ACECC20
- sideBar.foreground#525252
- sideBarSectionHeader.background#161616
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#e6e9ef
- sideBarTitle.background#161616
- sideBarTitle.border#00000000
- sideBarTitle.foreground#e6e9ef
- statusBar.background#161616
- statusBar.debuggingBackground#404350
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e6e9ef
- statusBar.noFolderBackground#161616
- statusBar.noFolderForeground#e6e9ef
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.errorBackground#ff7eb6
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.prominentBackground#16161680
- statusBarItem.prominentForeground#e6e9ef
- statusBarItem.prominentHoverBackground#1616164d
- statusBarItem.remoteBackground#3ACECC
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#e6e9ef
- symbolIcon.booleanForeground#e6e9ef
- symbolIcon.classForeground#FA973B
- symbolIcon.colorForeground#e6e9ef
- symbolIcon.constantForeground#e6e9ef
- symbolIcon.constructorForeground#d093ff
- symbolIcon.enumeratorForeground#FA973B
- symbolIcon.enumeratorMemberForeground#ffffff
- symbolIcon.eventForeground#FA973B
- symbolIcon.fieldForeground#ffffff
- symbolIcon.fileForeground#e6e9ef
- symbolIcon.folderForeground#e6e9ef
- symbolIcon.functionForeground#d093ff
- symbolIcon.interfaceForeground#ffffff
- symbolIcon.keyForeground#e6e9ef
- symbolIcon.keywordForeground#e6e9ef
- symbolIcon.methodForeground#d093ff
- symbolIcon.moduleForeground#e6e9ef
- symbolIcon.namespaceForeground#e6e9ef
- symbolIcon.nullForeground#e6e9ef
- symbolIcon.numberForeground#e6e9ef
- symbolIcon.objectForeground#e6e9ef
- symbolIcon.operatorForeground#e6e9ef
- symbolIcon.packageForeground#e6e9ef
- symbolIcon.propertyForeground#e6e9ef
- symbolIcon.referenceForeground#e6e9ef
- symbolIcon.snippetForeground#e6e9ef
- symbolIcon.stringForeground#e6e9ef
- symbolIcon.structForeground#e6e9ef
- symbolIcon.textForeground#e6e9ef
- symbolIcon.typeParameterForeground#e6e9ef
- symbolIcon.unitForeground#e6e9ef
- symbolIcon.variableForeground#ffffff
- tab.activeBackground#40435080
- tab.activeForeground#e6e9ef
- tab.activeModifiedBorder#ffffff
- tab.border#00000000
- tab.inactiveBackground#161616
- tab.inactiveForeground#525252
- tab.inactiveModifiedBorder#ffffff80
- tab.lastPinnedBorder#00000000
- tab.unfocusedActiveBackground#161616
- tab.unfocusedActiveForeground#e6e9ef
- tab.unfocusedActiveModifiedBorder#ffffff40
- tab.unfocusedInactiveBackground#161616
- tab.unfocusedInactiveForeground#e6e9ef80
- tab.unfocusedInactiveModifiedBorder#ffffff40
- terminal.ansiBlack#161616
- terminal.ansiBlue#75A5F8
- terminal.ansiBrightBlack#e6e9ef
- terminal.ansiBrightBlue#ffffff
- terminal.ansiBrightCyan#ffffff
- terminal.ansiBrightGreen#be95ff
- terminal.ansiBrightMagenta#d093ff
- terminal.ansiBrightRed#ff7eb6
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FA973B
- terminal.ansiCyan#75A5F8
- terminal.ansiGreen#be95ff
- terminal.ansiMagenta#d093ff
- terminal.ansiRed#ff7eb6
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FA973B
- terminal.border#00000000
- terminal.dropBackground#3ACECC20
- terminal.foreground#e6e9ef
- terminal.selectionBackground#818cc440
- terminalCommandDecoration.defaultBackground#525252
- terminalCommandDecoration.errorBackground#ff7eb6
- terminalCommandDecoration.successBackground#be95ff
- testing.iconErrored#ff7eb6
- testing.iconFailed#ff7eb6
- testing.iconPassed#be95ff
- testing.iconQueued#FA973B
- testing.iconSkipped#4c566a
- testing.iconUnset#4c566a
- testing.message.error.decorationForeground#ff7eb6
- testing.message.error.lineBackground#ff7eb633
- testing.message.hint.decorationForeground#4c566ab3
- testing.message.info.decorationForeground#ffffff
- testing.message.info.lineBackground#75A5F833
- testing.message.warning.decorationForeground#FA973B
- testing.message.warning.lineBackground#FA973B33
- testing.peekBorder#ff7eb6
- testing.runAction#be95ff
- textBlockQuote.background#4c566a1a
- textBlockQuote.border#75A5F880
- textCodeBlock.background#16161650
- textLink.activeForeground#ffffff
- textLink.foreground#ffffff
- textPreformat.foreground#e6e9ef
- textSeparator.foreground#ffffff2e
- titleBar.activeBackground#161616
- titleBar.activeForeground#e6e9ef
- titleBar.inactiveBackground#161616
- titleBar.inactiveForeground#525252
- tree.indentGuidesStroke#404350
- tree.tableColumnsBorder#e6e9ef20
- welcomePage.progress.background#ffffff05
- welcomePage.progress.foreground#3ddbd9
- welcomePage.tileBackground#161616
- welcomePage.tileHoverBackground#404350
- widget.shadow#16161630
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring.multi | #525252B0 | italic |
| meta.parameters comment.block | #e6e9ef | italic |
| variable.other.constant.object, variable.other.readwrite.alias, meta.import variable.other.readwrite | #ffffff | — |
| variable.other, support.type.object | #e6e9ef | — |
| variable.other.object.property, variable.other.property, support.variable.property | #e6e9ef | — |
| entity.name.function.method, string.unquoted, meta.object.member | #ffffff | — |
| variable - meta.import, constant.other.placeholder, meta.object-literal.key-meta.object.member | #e6e9ef | — |
| keyword.control.flow | #3ddbd9c0 | italic |
| keyword.operator.new, keyword.control.new | #be95ff | — |
| variable.language.this, storage.modifier.async, storage.modifier, variable.language.super | #be95ff | — |
| support.class.error, keyword.control.trycatch, keyword.operator.expression.delete, keyword.operator.expression.void, keyword.operator.void, keyword.operator.delete, constant.language.null, constant.language.boolean.false, constant.language.undefined | #ff7eb6 | — |
| variable.parameter, variable.other.readwrite.js, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite | #e6e9ef | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff7eb6 | — |
| invalid.deprecated | #ff7eb6 | — |
| keyword.control, keyword | #e6e9ef | — |
| keyword.operator, storage.type | #77A9FF | — |
| keyword.control.module, keyword.control.import, keyword.control.export, keyword.control.default, meta.import, meta.export | #be95ff | — |
| Keyword, Storage | — | italic |
| keyword-meta.export | #ffffff | — |
| meta.brace, punctuation, keyword.operator.existential | #e6e9ef | — |
| constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.objectliteral | #e6e9ef | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #e6e9ef | — |
| support.class.component | #be95ff | — |
| entity.name.tag, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #be95ff | — |
| variable.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.block meta.var.expr meta.function-call entity.name.function | #3ACECC | bold |
| support.function.console, meta.function-call support.function, source meta.method-call entity.name.function, source meta.function-call entity.name.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor | #e6e9ef | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, keyword.other.important | #ffffff | — |
| source.cpp meta.block variable.other | #ffffff | — |
| support.other.variable, string.other.link | #be95ff | — |
| constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, string, constant.language, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #be95ff | — |
| text.html.derivative | #e6e9ef | — |
| entity.other.inherited-class | #ffffff | — |
| meta.type.declaration | #ffffff | — |
| entity.name.type.alias | #e6e9ef | — |
| keyword.control.as, entity.name.type, support.type | #e6e9efC0 | — |
| entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #77A9FF | — |
| support.class, support.constant, variable.other.constant.object | #ffffff | — |
| 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 | #ffffff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #e6e9ef | — |
| variable.language | #ffffff | italic |
| entity.name.method.js | #77A9FF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #77A9FF | bold |
| entity.other.attribute-name | #77A9FF | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #3ddbd9 | italic |
| entity.other.attribute-name.class | #3ddbd9 | — |
| source.sass keyword.control | #3ACECC | — |
| markup.inserted | #ffffff | — |
| markup.deleted | #393939 | — |
| markup.changed | #77A9FF | — |
| string.regexp | #3ddbd9 | — |
| constant.character.escape | #3ddbd9 | — |
| *url*, *link*, *uri* | #ffffff | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #3ACECC | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #3ddbd9 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #e6e9ef | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffffff | — |
| 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 | #77A9FF | — |
| 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 | #4c566a | — |
| 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 | #e6e9ef | — |
| 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 | #ffffff | — |
| 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 | #77A9FF | — |
| 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 | #4c566a | — |
| 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 | #e6e9ef | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e6e9ef | — |
| text.html.markdown markup.inline.raw.markdown | #ffffff | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #77A9FF | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #e6e9ef | — |
| markup.italic | #4c566a | italic |
| markup.bold, markup.bold string | #4c566a | 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 | #4c566a | bold |
| markup.underline | #4c566a | underline |
| markup.strike | — | italic |
| markup.quote punctuation.definition.blockquote.markdown | #be95ff | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #ffffff | — |
| string.other.link.description.title.markdown | #ffffff | — |
| constant.other.reference.link.markdown | #ffffff | — |
| markup.raw.block | #ffffff | — |
| markup.raw.block.fenced.markdown | #39393950 | — |
| punctuation.definition.fenced.markdown | #39393950 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #77A9FF | — |
| variable.language.fenced.markdown | #77A9FF | — |
| meta.separator | #4c566a | bold |
| markup.table | #ffffff | — |
| token.info-token | #75A5F8 | — |
| token.warn-token | #FA973B | — |
| token.error-token | #ff7eb6 | — |
| token.debug-token | #e6e9ef | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #e6e9ef | bold |
| meta.paragraph.markdown | #e6e9efd0 | — |
| punctuation.definition.from-file.diff, meta.diff.header.from-file | #393939 | — |
| markup.inline.raw.string.markdown | #4c566a | — |
| meta.separator.markdown | #525252 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown | #ffffff | — |
| string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown | #ffffff | |
| punctuation.definition.string | #a6accd | — |
| punctuation.separator.colon | #a6accd | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #a6accd | — |
| punctuation.separator.comma | #a6accd | — |
| punctuation.operator.arrow, punctuation.separator.arrow | #a6accd | — |
| punctuation.operator.arrow, punctuation.separator.arrow | #a6accd | — |
| meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown | #ffffff | underline |
| markup.underline.link.markdown, string.other.link.description.title.markdown | #be95ff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #ffffff | — |
| punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #ffffff | — |
| source.ignore, log.error, log.exception | #ff7eb6 | — |
| log.verbose | #e6e9ef | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...