Vybrix
Publisher: aadityanarayanThemes in package: 10
Luxury matte coding experience. Ten premium editions with semantic language-aware coloring and Deep Focus Mode.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#00000000
- activityBar.activeBorder#6b9898
- activityBar.activeFocusBorder#6b9898
- activityBar.background#241c1e
- activityBar.border#201818
- activityBar.foreground#d8d0cc
- activityBar.inactiveForeground#706866
- activityBarBadge.background#c08080
- activityBarBadge.foreground#181212
- badge.background#c08080
- badge.foreground#181212
- banner.background#241c1e
- banner.foreground#d8d0cc
- banner.iconForeground#6b9898
- breadcrumb.activeSelectionForeground#d8d0cc
- breadcrumb.focusForeground#d8d0cc
- breadcrumb.foreground#706866
- breadcrumbPicker.background#2a2224
- button.background#6b9898cc
- button.border#00000000
- button.foreground#f0ece4
- button.hoverBackground#6b9898
- button.secondaryBackground#32282a
- button.secondaryForeground#d8d0cc
- button.secondaryHoverBackground#3a3032
- button.separator#d8d0cc20
- charts.blue#7890a8
- charts.foreground#d8d0cc
- charts.green#80a080
- charts.lines#706866
- charts.orange#c08050
- charts.purple#a07898
- charts.red#c08080
- charts.yellow#c8a060
- commandCenter.activeBackground#32282a
- commandCenter.activeBorder#3a3032
- commandCenter.activeForeground#d8d0cc
- commandCenter.background#241c1e
- commandCenter.border#261e20
- commandCenter.foreground#a09894
- commandCenter.inactiveBorder#201818
- commandCenter.inactiveForeground#706866
- debugConsole.errorForeground#b87070
- debugConsole.infoForeground#7088a8
- debugConsole.sourceForeground#a09894
- debugConsole.warningForeground#b89860
- debugConsoleInputIcon.foreground#6b9898
- debugExceptionWidget.background#2a2224
- debugExceptionWidget.border#b87070
- debugIcon.breakpointDisabledForeground#4a4442
- debugIcon.breakpointForeground#b87070
- debugIcon.continueForeground#6b9898
- debugIcon.disconnectForeground#b87070
- debugIcon.pauseForeground#c8a060
- debugIcon.restartForeground#80a080
- debugIcon.startForeground#80a080
- debugIcon.stepBackForeground#7890a8
- debugIcon.stepIntoForeground#7890a8
- debugIcon.stepOutForeground#7890a8
- debugIcon.stepOverForeground#7890a8
- debugIcon.stopForeground#b87070
- debugTokenExpression.boolean#a07898
- debugTokenExpression.error#b87070
- debugTokenExpression.name#7890a8
- debugTokenExpression.number#c09870
- debugTokenExpression.string#80a080
- debugTokenExpression.value#80a080
- debugToolBar.background#2a2224
- debugToolBar.border#261e20
- descriptionForeground#a09894
- diffEditor.diagonalFill#3a303240
- diffEditor.insertedLineBackground#6b886b18
- diffEditor.insertedTextBackground#6b886b18
- diffEditor.removedLineBackground#886b6b18
- diffEditor.removedTextBackground#886b6b18
- diffEditorGutter.insertedLineBackground#6b886b18
- diffEditorGutter.removedLineBackground#886b6b18
- disabledForeground#4a4442
- dropdown.background#241c1e
- dropdown.border#261e20
- dropdown.foreground#d8d0cc
- dropdown.listBackground#2a2224
- editor.background#181212
- editor.findMatchBackground#c8a06030
- editor.findMatchBorder#c8a06060
- editor.findMatchHighlightBackground#c8a06018
- editor.foldBackground#32282a20
- editor.foreground#d8d0cc
- editor.hoverHighlightBackground#32282a30
- editor.inactiveSelectionBackground#6b989818
- editor.lineHighlightBackground#32282a60
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#6b989818
- editor.rangeHighlightBackground#32282a30
- editor.selectionBackground#6b989833
- editor.selectionForeground#d8d0cc
- editor.selectionHighlightBackground#6b989820
- editor.wordHighlightBackground#32282a44
- editor.wordHighlightStrongBackground#32282a66
- editorBracketHighlight.foreground1#c8a060
- editorBracketHighlight.foreground2#a07898
- editorBracketHighlight.foreground3#6b9898
- editorBracketHighlight.foreground4#7890a8
- editorBracketHighlight.foreground5#d4b070
- editorBracketHighlight.foreground6#70a8b0
- editorBracketMatch.background#6b989818
- editorBracketMatch.border#6b989840
- editorCodeLens.foreground#706866
- editorCursor.background#181212
- editorCursor.foreground#d8d0cc
- editorError.border#00000000
- editorError.foreground#b87070
- editorGhostText.foreground#4a4442
- editorGroup.border#261e20
- editorGroup.dropBackground#32282a60
- editorGroup.emptyBackground#181212
- editorGroup.focusedEmptyBorder#6b9898
- editorGroupHeader.border#201818
- editorGroupHeader.noTabsBackground#1e1618
- editorGroupHeader.tabsBackground#1e1618
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#6b886b
- editorGutter.commentRangeForeground#4a4442
- editorGutter.deletedBackground#886b6b
- editorGutter.foldingControlForeground#706866
- editorGutter.modifiedBackground#88886b
- editorHint.border#00000000
- editorHint.foreground#70a088
- editorHoverWidget.background#2a2224
- editorHoverWidget.border#261e20
- editorHoverWidget.foreground#d8d0cc
- editorHoverWidget.highlightForeground#c8a060
- editorHoverWidget.statusBarBackground#241c1e
- editorIndentGuide.activeBackground#706866
- editorIndentGuide.activeBackground1#70686660
- editorIndentGuide.background#4a4442
- editorIndentGuide.background1#4a444240
- editorInfo.border#00000000
- editorInfo.foreground#7088a8
- editorLineNumber.activeForeground#a09894
- editorLineNumber.dimmedForeground#4a4442
- editorLineNumber.foreground#706866
- editorOverviewRuler.addedForeground#6b886b80
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#886b6b80
- editorOverviewRuler.errorForeground#b8707080
- editorOverviewRuler.infoForeground#7088a880
- editorOverviewRuler.modifiedForeground#88886b80
- editorOverviewRuler.warningForeground#b8986080
- editorRuler.foreground#4a4442
- editorStickyScroll.background#1e1618
- editorStickyScrollHover.background#241c1e
- editorSuggestWidget.background#2a2224
- editorSuggestWidget.border#261e20
- editorSuggestWidget.focusHighlightForeground#d4b070
- editorSuggestWidget.foreground#d8d0cc
- editorSuggestWidget.highlightForeground#c8a060
- editorSuggestWidget.selectedBackground#32282a
- editorSuggestWidget.selectedForeground#d8d0cc
- editorSuggestWidget.selectedIconForeground#6b9898
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#00000000
- editorWarning.foreground#b89860
- editorWhitespace.foreground#4a4442
- editorWidget.background#2a2224
- editorWidget.border#261e20
- editorWidget.foreground#d8d0cc
- editorWidget.resizeBorder#3a3032
- errorForeground#b87070
- extensionBadge.remoteBackground#c08080
- extensionBadge.remoteForeground#181212
- extensionButton.prominentBackground#6b9898cc
- extensionButton.prominentForeground#f0ece4
- extensionButton.prominentHoverBackground#6b9898
- extensionIcon.starForeground#c8a060
- extensionIcon.verifiedForeground#6b9898
- focusBorder#c0808044
- foreground#d8d0cc
- gitDecoration.addedResourceForeground#6b886b
- gitDecoration.conflictingResourceForeground#88786b
- gitDecoration.deletedResourceForeground#886b6b
- gitDecoration.ignoredResourceForeground#4a4442
- gitDecoration.modifiedResourceForeground#88886b
- gitDecoration.renamedResourceForeground#6b9898
- gitDecoration.stageDeletedResourceForeground#886b6b
- gitDecoration.stageModifiedResourceForeground#88886b
- gitDecoration.submoduleResourceForeground#706866
- gitDecoration.untrackedResourceForeground#6b8888
- icon.foreground#a09894
- input.background#241c1e
- input.border#261e20
- input.foreground#d8d0cc
- input.placeholderForeground#4a4442
- inputOption.activeBackground#6b989830
- inputOption.activeBorder#6b9898
- inputOption.activeForeground#6b9898
- inputOption.hoverBackground#6b989814
- inputValidation.errorBackground#b8707018
- inputValidation.errorBorder#b87070
- inputValidation.infoBackground#7088a818
- inputValidation.infoBorder#7088a8
- inputValidation.warningBackground#b8986018
- inputValidation.warningBorder#b89860
- keybindingLabel.background#241c1e
- keybindingLabel.border#261e20
- keybindingLabel.bottomBorder#3a3032
- keybindingLabel.foreground#d8d0cc
- list.activeSelectionBackground#32282a
- list.activeSelectionForeground#d8d0cc
- list.activeSelectionIconForeground#d8d0cc
- list.deemphasizedForeground#4a4442
- list.dropBackground#32282a80
- list.errorForeground#b87070
- list.filterMatchBackground#c8a06030
- list.filterMatchBorder#c8a06040
- list.focusBackground#32282a
- list.focusForeground#d8d0cc
- list.focusOutline#c0808044
- list.highlightForeground#c8a060
- list.hoverBackground#241c1e80
- list.hoverForeground#d8d0cc
- list.inactiveSelectionBackground#32282a80
- list.inactiveSelectionForeground#d8d0cc
- list.invalidItemForeground#b87070
- list.warningForeground#b89860
- merge.border#00000000
- merge.commonContentBackground#88786b14
- merge.commonHeaderBackground#88786b30
- merge.currentContentBackground#6b886b14
- merge.currentHeaderBackground#6b886b30
- merge.incomingContentBackground#7890a814
- merge.incomingHeaderBackground#7890a830
- minimap.background#181212
- minimap.errorHighlight#b8707060
- minimap.findMatchHighlight#c8a06040
- minimap.foregroundOpacity#000000c0
- minimap.selectionHighlight#32282a80
- minimap.warningHighlight#b8986060
- minimapGutter.addedBackground#6b886b80
- minimapGutter.deletedBackground#886b6b80
- minimapGutter.modifiedBackground#88886b80
- minimapSlider.activeBackground#d8d0cc12
- minimapSlider.background#d8d0cc06
- minimapSlider.hoverBackground#d8d0cc0c
- notificationCenterHeader.background#241c1e
- notificationCenterHeader.foreground#d8d0cc
- notificationLink.foreground#6b9898
- notifications.background#2a2224
- notifications.border#261e20
- notifications.foreground#d8d0cc
- notificationsErrorIcon.foreground#b87070
- notificationsInfoIcon.foreground#7088a8
- notificationsWarningIcon.foreground#b89860
- panel.background#241c1e
- panel.border#261e20
- panel.dropBorder#6b9898
- panelInput.border#261e20
- panelSection.border#261e20
- panelSectionHeader.background#241c1e
- panelSectionHeader.border#201818
- panelSectionHeader.foreground#a09894
- panelTitle.activeBorder#6b9898
- panelTitle.activeForeground#d8d0cc
- panelTitle.inactiveForeground#706866
- peekView.border#6b9898
- peekViewEditor.background#1e1618
- peekViewEditor.matchHighlightBackground#c8a06030
- peekViewEditorGutter.background#1e1618
- peekViewResult.background#241c1e
- peekViewResult.fileForeground#d8d0cc
- peekViewResult.lineForeground#a09894
- peekViewResult.matchHighlightBackground#c8a06030
- peekViewResult.selectionBackground#32282a80
- peekViewResult.selectionForeground#d8d0cc
- peekViewTitle.background#241c1e
- peekViewTitleDescription.foreground#a09894
- peekViewTitleLabel.foreground#d8d0cc
- problemsErrorIcon.foreground#b87070
- problemsInfoIcon.foreground#7088a8
- problemsWarningIcon.foreground#b89860
- progressBar.background#6b9898
- quickInput.background#2a2224
- quickInput.foreground#d8d0cc
- quickInputList.focusBackground#32282a
- quickInputList.focusForeground#d8d0cc
- quickInputList.focusIconForeground#6b9898
- quickInputTitle.background#241c1e
- sash.hoverBorder#6b9898
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#ffffff12
- scrollbarSlider.background#ffffff08
- scrollbarSlider.hoverBackground#ffffff12
- selection.background#6b989830
- settings.checkboxBackground#241c1e
- settings.checkboxBorder#261e20
- settings.checkboxForeground#d8d0cc
- settings.dropdownBackground#241c1e
- settings.dropdownBorder#261e20
- settings.dropdownForeground#d8d0cc
- settings.focusedRowBackground#32282a40
- settings.headerForeground#d8d0cc
- settings.modifiedItemIndicator#6b9898
- settings.numberInputBackground#241c1e
- settings.numberInputBorder#261e20
- settings.numberInputForeground#d8d0cc
- settings.rowHoverBackground#241c1e40
- settings.textInputBackground#241c1e
- settings.textInputBorder#261e20
- settings.textInputForeground#d8d0cc
- sideBar.background#1e1618
- sideBar.border#201818
- sideBar.dropBackground#32282a60
- sideBar.foreground#a09894
- sideBarSectionHeader.background#241c1e
- sideBarSectionHeader.border#201818
- sideBarSectionHeader.foreground#d8d0cc
- sideBarTitle.foreground#d8d0cc
- statusBar.background#241c1e
- statusBar.border#201818
- statusBar.debuggingBackground#c8a06020
- statusBar.debuggingBorder#c8a06040
- statusBar.debuggingForeground#c8a060
- statusBar.foreground#706866
- statusBar.noFolderBackground#1e1618
- statusBar.noFolderBorder#201818
- statusBar.noFolderForeground#706866
- statusBarItem.activeBackground#d8d0cc10
- statusBarItem.errorBackground#b8707018
- statusBarItem.errorForeground#b87070
- statusBarItem.hoverBackground#d8d0cc08
- statusBarItem.prominentBackground#6b989818
- statusBarItem.prominentForeground#6b9898
- statusBarItem.prominentHoverBackground#6b989828
- statusBarItem.remoteBackground#6b989818
- statusBarItem.remoteForeground#6b9898
- statusBarItem.warningBackground#b8986018
- statusBarItem.warningForeground#b89860
- tab.activeBackground#181212
- tab.activeBorder#00000000
- tab.activeBorderTop#6b9898
- tab.activeForeground#d8d0cc
- tab.activeModifiedBorder#c8a060
- tab.border#201818
- tab.hoverBackground#241c1e80
- tab.hoverForeground#d8d0cc
- tab.inactiveBackground#241c1e
- tab.inactiveForeground#706866
- tab.inactiveModifiedBorder#c8a06060
- tab.lastPinnedBorder#261e20
- tab.unfocusedActiveBackground#181212
- tab.unfocusedActiveBorderTop#6b989860
- tab.unfocusedActiveForeground#a09894
- tab.unfocusedInactiveBackground#1e1618
- tab.unfocusedInactiveForeground#4a4442
- terminal.ansiBlack#1e1618
- terminal.ansiBlue#7890a8
- terminal.ansiBrightBlack#4a4442
- terminal.ansiBrightBlue#90a8c0
- terminal.ansiBrightCyan#80b0b0
- terminal.ansiBrightGreen#98b898
- terminal.ansiBrightMagenta#b890b0
- terminal.ansiBrightRed#d09898
- terminal.ansiBrightWhite#e8e0dc
- terminal.ansiBrightYellow#d4b070
- terminal.ansiCyan#6b9898
- terminal.ansiGreen#80a080
- terminal.ansiMagenta#a07898
- terminal.ansiRed#c08080
- terminal.ansiWhite#d8d0cc
- terminal.ansiYellow#c8a060
- terminal.background#241c1e
- terminal.border#261e20
- terminal.foreground#d8d0cc
- terminal.selectionBackground#32282acc
- terminal.selectionForeground#d8d0cc
- terminalCursor.background#120e0e
- terminalCursor.foreground#d8d0cc
- testing.iconErrored#b87070
- testing.iconFailed#b87070
- testing.iconPassed#80a080
- testing.iconQueued#706866
- testing.iconSkipped#706866
- testing.iconUnset#4a4442
- testing.peekBorder#b87070
- testing.peekHeaderBackground#b8707018
- testing.runAction#80a080
- titleBar.activeBackground#241c1e
- titleBar.activeForeground#a09894
- titleBar.border#201818
- titleBar.inactiveBackground#241c1e
- titleBar.inactiveForeground#706866
- tree.indentGuidesStroke#4a4442
- tree.tableColumnsBorder#201818
- walkThrough.embeddedEditorBackground#1e1618
- walkthrough.stepTitle.foreground#d8d0cc
- welcomePage.background#181212
- welcomePage.progress.background#241c1e
- welcomePage.progress.foreground#6b9898
- welcomePage.tileBackground#1e1618
- welcomePage.tileBorder#201818
- welcomePage.tileHoverBackground#241c1e
- widget.border#261e20
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a09894 | italic |
| comment.block.documentation | #a09894 | italic |
| string, string.quoted | #80a080 | — |
| constant.numeric | #c09870 | — |
| constant.language | #a07898 | — |
| constant.character.escape | #70a8b0 | — |
| variable | #d8d0cc | — |
| punctuation | #706866 | — |
| storage.modifier | #a07898 | italic |
| keyword.control.python, keyword.operator.logical.python, keyword.operator.python, storage.type.function.python, storage.type.class.python | #6b9898 | — |
| entity.name.function.python, meta.function-call.python entity.name.function, support.function.python | #7eb898 | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #a07898 | italic |
| entity.name.type.class.python, support.type.python | #70a8b0 | — |
| variable.parameter.function.language.python | #b0b8c0 | italic |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #6b9898 | italic |
| string.quoted.docstring.multi.python | #a09894 | italic |
| meta.fstring.python constant.character | #70a8b0 | — |
| keyword.control.js, keyword.control.flow.js, keyword.operator.js, keyword.control.conditional.js, keyword.control.loop.js, storage.type.js, keyword.control.import.js, keyword.control.export.js, keyword.control.from.js | #c8a060 | — |
| entity.name.function.js, support.function.js, meta.function-call.js entity.name.function | #d4b070 | — |
| entity.name.type.class.js, support.class.js | #d0c090 | — |
| variable.other.constant.js | #b0b8c0 | — |
| variable.language.this.js | #c8a060 | italic |
| entity.name.tag.js, support.class.component.js | #c08050 | — |
| string.template.js, punctuation.definition.template-expression | #80a080 | — |
| keyword.control.ts, keyword.control.flow.ts, keyword.operator.ts, storage.type.ts, keyword.control.import.ts, keyword.control.export.ts, keyword.control.tsx, storage.type.tsx | #c8a060 | — |
| entity.name.function.ts, entity.name.function.tsx, support.function.ts | #d4b070 | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.type.enum.ts | #70a8b0 | — |
| keyword.operator.type.ts, keyword.operator.type.tsx, keyword.control.as.ts, keyword.control.type.ts | #c8a060 | italic |
| support.type.builtin.ts, support.type.primitive.ts | #7890a8 | — |
| entity.name.type.class.ts, entity.name.type.class.tsx | #d0c090 | — |
| variable.language.this.ts, variable.language.this.tsx | #c8a060 | italic |
| entity.name.tag.html, entity.name.tag, punctuation.definition.tag | #c08050 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #d0c090 | italic |
| string.quoted.double.html, string.quoted.single.html, meta.attribute string | #80a080 | — |
| comment.block.html | #a09894 | italic |
| entity.name.tag.structure.any.html, entity.name.tag.block.any.html | #c08050 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name.css | #7890a8 | — |
| support.constant.property-value.css, meta.property-value.css, support.constant.color.css | #b0b8c0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d4b070 | — |
| entity.name.tag.css, entity.name.tag.scss | #c08050 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss | #a07898 | — |
| entity.other.attribute-name.pseudo-class.css | #70a8b0 | italic |
| constant.numeric.css, keyword.other.unit.css | #c09870 | — |
| variable.scss, variable.css | #6b9898 | — |
| support.type.property-name.json, string.json support.type.property-name | #7890a8 | — |
| string.quoted.double.json | #b0b8c0 | — |
| constant.numeric.json | #c09870 | — |
| constant.language.json | #a07898 | — |
| punctuation.support.type.property-name.json | #706866 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DML.II.sql, storage.type.sql | #a07898 | — |
| entity.name.function.sql, support.function.sql | #a898a8 | — |
| constant.other.table-name.sql | #b0b8c0 | — |
| keyword.operator.sql | #a07898 | — |
| string.quoted.sql | #80a080 | — |
| keyword.control.rust, keyword.other.rust, storage.type.rust, keyword.other.fn.rust | #c08050 | — |
| entity.name.function.rust, meta.function.call.rust entity.name.function | #d0c090 | — |
| entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust | #c8a060 | — |
| entity.name.lifetime.rust | #6b9898 | italic |
| keyword.operator.borrow.rust, keyword.operator.dereference.rust | #c08080 | — |
| entity.name.namespace.rust, entity.name.module.rust | #7890a8 | — |
| support.macro.rust, entity.name.function.macro.rust | #70a8b0 | — |
| storage.modifier.rust | #a07898 | italic |
| keyword.control.go, keyword.function.go, keyword.package.go, keyword.import.go, keyword.type.go, keyword.var.go, keyword.const.go, keyword.struct.go, keyword.interface.go, keyword.map.go, keyword.channel.go | #70a8b0 | — |
| entity.name.function.go, support.function.go | #80b8b8 | — |
| entity.name.type.go | #7890a8 | — |
| storage.type.go | #6b9898 | — |
| entity.name.package.go | #b0b8c0 | — |
| storage.type.error.go | #c08080 | — |
| keyword.operator.go, keyword.operator.assignment.go, keyword.operator.channel.go | #70a8b0 | — |
| heading.1.markdown entity.name | #c8a060 | bold |
| heading.2.markdown entity.name | #d4b070 | — |
| heading.3.markdown entity.name, heading.4.markdown entity.name | #d0c090 | — |
| markup.bold.markdown | #d8d0cc | bold |
| markup.italic.markdown | #d8d0cc | italic |
| markup.inline.raw.string.markdown | #6b9898 | — |
| string.other.link.title.markdown | #7890a8 | — |
| markup.underline.link.markdown | #706866 | — |
| entity.name.tag.yaml, keyword.key.toml | #7890a8 | — |
| string.unquoted.plain.out.yaml, string.quoted.yaml | #b0b8c0 | — |
| constant.language.boolean.yaml, constant.language.boolean.toml | #a07898 | — |
| punctuation.definition.block.sequence.item.yaml | #c8a060 | — |
| keyword.control.shell, storage.type.function.shell | #c8a060 | — |
| variable.other.shell, punctuation.definition.variable.shell | #6b9898 | — |
| string.quoted.double.shell, string.quoted.single.shell | #80a080 | — |
| support.function.builtin.shell | #d4b070 | — |
| keyword.other.special-method.dockerfile | #c08050 | bold |
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.activeBorder#60a0a0
- activityBar.activeFocusBorder#60a0a0
- activityBar.background#1a2030
- activityBar.border#161c28
- activityBar.foreground#c8ccd8
- activityBar.inactiveForeground#586070
- activityBarBadge.background#60a0a0
- activityBarBadge.foreground#0e1420
- badge.background#60a0a0
- badge.foreground#0e1420
- banner.background#1a2030
- banner.foreground#c8ccd8
- banner.iconForeground#60a0a0
- breadcrumb.activeSelectionForeground#c8ccd8
- breadcrumb.focusForeground#c8ccd8
- breadcrumb.foreground#586070
- breadcrumbPicker.background#202838
- button.background#60a0a0cc
- button.border#00000000
- button.foreground#f0ece4
- button.hoverBackground#60a0a0
- button.secondaryBackground#283040
- button.secondaryForeground#c8ccd8
- button.secondaryHoverBackground#303848
- button.separator#c8ccd820
- charts.blue#7098c0
- charts.foreground#c8ccd8
- charts.green#78a078
- charts.lines#586070
- charts.orange#b88858
- charts.purple#9080b8
- charts.red#b87878
- charts.yellow#c8a868
- commandCenter.activeBackground#283040
- commandCenter.activeBorder#303848
- commandCenter.activeForeground#c8ccd8
- commandCenter.background#1a2030
- commandCenter.border#1e2430
- commandCenter.foreground#8890a0
- commandCenter.inactiveBorder#161c28
- commandCenter.inactiveForeground#586070
- debugConsole.errorForeground#b07070
- debugConsole.infoForeground#6090b0
- debugConsole.sourceForeground#8890a0
- debugConsole.warningForeground#b09860
- debugConsoleInputIcon.foreground#60a0a0
- debugExceptionWidget.background#202838
- debugExceptionWidget.border#b07070
- debugIcon.breakpointDisabledForeground#404858
- debugIcon.breakpointForeground#b07070
- debugIcon.continueForeground#60a0a0
- debugIcon.disconnectForeground#b07070
- debugIcon.pauseForeground#c8a868
- debugIcon.restartForeground#78a078
- debugIcon.startForeground#78a078
- debugIcon.stepBackForeground#7098c0
- debugIcon.stepIntoForeground#7098c0
- debugIcon.stepOutForeground#7098c0
- debugIcon.stepOverForeground#7098c0
- debugIcon.stopForeground#b07070
- debugTokenExpression.boolean#9080b8
- debugTokenExpression.error#b07070
- debugTokenExpression.name#7098c0
- debugTokenExpression.number#b89868
- debugTokenExpression.string#78a078
- debugTokenExpression.value#78a078
- debugToolBar.background#202838
- debugToolBar.border#1e2430
- descriptionForeground#8890a0
- diffEditor.diagonalFill#30384840
- diffEditor.insertedLineBackground#60886018
- diffEditor.insertedTextBackground#60886018
- diffEditor.removedLineBackground#88606018
- diffEditor.removedTextBackground#88606018
- diffEditorGutter.insertedLineBackground#60886018
- diffEditorGutter.removedLineBackground#88606018
- disabledForeground#404858
- dropdown.background#1a2030
- dropdown.border#1e2430
- dropdown.foreground#c8ccd8
- dropdown.listBackground#202838
- editor.background#0e1420
- editor.findMatchBackground#c8a86830
- editor.findMatchBorder#c8a86860
- editor.findMatchHighlightBackground#c8a86818
- editor.foldBackground#28304020
- editor.foreground#c8ccd8
- editor.hoverHighlightBackground#28304030
- editor.inactiveSelectionBackground#60a0a018
- editor.lineHighlightBackground#28304060
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#60a0a018
- editor.rangeHighlightBackground#28304030
- editor.selectionBackground#60a0a033
- editor.selectionForeground#c8ccd8
- editor.selectionHighlightBackground#60a0a020
- editor.wordHighlightBackground#28304044
- editor.wordHighlightStrongBackground#28304066
- editorBracketHighlight.foreground1#c8a868
- editorBracketHighlight.foreground2#9080b8
- editorBracketHighlight.foreground3#60a0a0
- editorBracketHighlight.foreground4#7098c0
- editorBracketHighlight.foreground5#d4b878
- editorBracketHighlight.foreground6#68b8c8
- editorBracketMatch.background#60a0a018
- editorBracketMatch.border#60a0a040
- editorCodeLens.foreground#586070
- editorCursor.background#0e1420
- editorCursor.foreground#c8ccd8
- editorError.border#00000000
- editorError.foreground#b07070
- editorGhostText.foreground#404858
- editorGroup.border#1e2430
- editorGroup.dropBackground#28304060
- editorGroup.emptyBackground#0e1420
- editorGroup.focusedEmptyBorder#60a0a0
- editorGroupHeader.border#161c28
- editorGroupHeader.noTabsBackground#141a28
- editorGroupHeader.tabsBackground#141a28
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#608860
- editorGutter.commentRangeForeground#404858
- editorGutter.deletedBackground#886060
- editorGutter.foldingControlForeground#586070
- editorGutter.modifiedBackground#888060
- editorHint.border#00000000
- editorHint.foreground#60a888
- editorHoverWidget.background#202838
- editorHoverWidget.border#1e2430
- editorHoverWidget.foreground#c8ccd8
- editorHoverWidget.highlightForeground#c8a868
- editorHoverWidget.statusBarBackground#1a2030
- editorIndentGuide.activeBackground#586070
- editorIndentGuide.activeBackground1#58607060
- editorIndentGuide.background#404858
- editorIndentGuide.background1#40485840
- editorInfo.border#00000000
- editorInfo.foreground#6090b0
- editorLineNumber.activeForeground#8890a0
- editorLineNumber.dimmedForeground#404858
- editorLineNumber.foreground#586070
- editorOverviewRuler.addedForeground#60886080
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#88606080
- editorOverviewRuler.errorForeground#b0707080
- editorOverviewRuler.infoForeground#6090b080
- editorOverviewRuler.modifiedForeground#88806080
- editorOverviewRuler.warningForeground#b0986080
- editorRuler.foreground#404858
- editorStickyScroll.background#141a28
- editorStickyScrollHover.background#1a2030
- editorSuggestWidget.background#202838
- editorSuggestWidget.border#1e2430
- editorSuggestWidget.focusHighlightForeground#d4b878
- editorSuggestWidget.foreground#c8ccd8
- editorSuggestWidget.highlightForeground#c8a868
- editorSuggestWidget.selectedBackground#283040
- editorSuggestWidget.selectedForeground#c8ccd8
- editorSuggestWidget.selectedIconForeground#60a0a0
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#00000000
- editorWarning.foreground#b09860
- editorWhitespace.foreground#404858
- editorWidget.background#202838
- editorWidget.border#1e2430
- editorWidget.foreground#c8ccd8
- editorWidget.resizeBorder#303848
- errorForeground#b07070
- extensionBadge.remoteBackground#60a0a0
- extensionBadge.remoteForeground#0e1420
- extensionButton.prominentBackground#60a0a0cc
- extensionButton.prominentForeground#f0ece4
- extensionButton.prominentHoverBackground#60a0a0
- extensionIcon.starForeground#c8a868
- extensionIcon.verifiedForeground#60a0a0
- focusBorder#60a0a044
- foreground#c8ccd8
- gitDecoration.addedResourceForeground#608860
- gitDecoration.conflictingResourceForeground#887060
- gitDecoration.deletedResourceForeground#886060
- gitDecoration.ignoredResourceForeground#404858
- gitDecoration.modifiedResourceForeground#888060
- gitDecoration.renamedResourceForeground#60a0a0
- gitDecoration.stageDeletedResourceForeground#886060
- gitDecoration.stageModifiedResourceForeground#888060
- gitDecoration.submoduleResourceForeground#586070
- gitDecoration.untrackedResourceForeground#608888
- icon.foreground#8890a0
- input.background#1a2030
- input.border#1e2430
- input.foreground#c8ccd8
- input.placeholderForeground#404858
- inputOption.activeBackground#60a0a030
- inputOption.activeBorder#60a0a0
- inputOption.activeForeground#60a0a0
- inputOption.hoverBackground#60a0a014
- inputValidation.errorBackground#b0707018
- inputValidation.errorBorder#b07070
- inputValidation.infoBackground#6090b018
- inputValidation.infoBorder#6090b0
- inputValidation.warningBackground#b0986018
- inputValidation.warningBorder#b09860
- keybindingLabel.background#1a2030
- keybindingLabel.border#1e2430
- keybindingLabel.bottomBorder#303848
- keybindingLabel.foreground#c8ccd8
- list.activeSelectionBackground#283040
- list.activeSelectionForeground#c8ccd8
- list.activeSelectionIconForeground#c8ccd8
- list.deemphasizedForeground#404858
- list.dropBackground#28304080
- list.errorForeground#b07070
- list.filterMatchBackground#c8a86830
- list.filterMatchBorder#c8a86840
- list.focusBackground#283040
- list.focusForeground#c8ccd8
- list.focusOutline#60a0a044
- list.highlightForeground#c8a868
- list.hoverBackground#1a203080
- list.hoverForeground#c8ccd8
- list.inactiveSelectionBackground#28304080
- list.inactiveSelectionForeground#c8ccd8
- list.invalidItemForeground#b07070
- list.warningForeground#b09860
- merge.border#00000000
- merge.commonContentBackground#88706014
- merge.commonHeaderBackground#88706030
- merge.currentContentBackground#60886014
- merge.currentHeaderBackground#60886030
- merge.incomingContentBackground#7098c014
- merge.incomingHeaderBackground#7098c030
- minimap.background#0e1420
- minimap.errorHighlight#b0707060
- minimap.findMatchHighlight#c8a86840
- minimap.foregroundOpacity#000000c0
- minimap.selectionHighlight#28304080
- minimap.warningHighlight#b0986060
- minimapGutter.addedBackground#60886080
- minimapGutter.deletedBackground#88606080
- minimapGutter.modifiedBackground#88806080
- minimapSlider.activeBackground#c8ccd812
- minimapSlider.background#c8ccd806
- minimapSlider.hoverBackground#c8ccd80c
- notificationCenterHeader.background#1a2030
- notificationCenterHeader.foreground#c8ccd8
- notificationLink.foreground#60a0a0
- notifications.background#202838
- notifications.border#1e2430
- notifications.foreground#c8ccd8
- notificationsErrorIcon.foreground#b07070
- notificationsInfoIcon.foreground#6090b0
- notificationsWarningIcon.foreground#b09860
- panel.background#1a2030
- panel.border#1e2430
- panel.dropBorder#60a0a0
- panelInput.border#1e2430
- panelSection.border#1e2430
- panelSectionHeader.background#1a2030
- panelSectionHeader.border#161c28
- panelSectionHeader.foreground#8890a0
- panelTitle.activeBorder#60a0a0
- panelTitle.activeForeground#c8ccd8
- panelTitle.inactiveForeground#586070
- peekView.border#60a0a0
- peekViewEditor.background#141a28
- peekViewEditor.matchHighlightBackground#c8a86830
- peekViewEditorGutter.background#141a28
- peekViewResult.background#1a2030
- peekViewResult.fileForeground#c8ccd8
- peekViewResult.lineForeground#8890a0
- peekViewResult.matchHighlightBackground#c8a86830
- peekViewResult.selectionBackground#28304080
- peekViewResult.selectionForeground#c8ccd8
- peekViewTitle.background#1a2030
- peekViewTitleDescription.foreground#8890a0
- peekViewTitleLabel.foreground#c8ccd8
- problemsErrorIcon.foreground#b07070
- problemsInfoIcon.foreground#6090b0
- problemsWarningIcon.foreground#b09860
- progressBar.background#60a0a0
- quickInput.background#202838
- quickInput.foreground#c8ccd8
- quickInputList.focusBackground#283040
- quickInputList.focusForeground#c8ccd8
- quickInputList.focusIconForeground#60a0a0
- quickInputTitle.background#1a2030
- sash.hoverBorder#60a0a0
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#ffffff12
- scrollbarSlider.background#ffffff08
- scrollbarSlider.hoverBackground#ffffff12
- selection.background#60a0a030
- settings.checkboxBackground#1a2030
- settings.checkboxBorder#1e2430
- settings.checkboxForeground#c8ccd8
- settings.dropdownBackground#1a2030
- settings.dropdownBorder#1e2430
- settings.dropdownForeground#c8ccd8
- settings.focusedRowBackground#28304040
- settings.headerForeground#c8ccd8
- settings.modifiedItemIndicator#60a0a0
- settings.numberInputBackground#1a2030
- settings.numberInputBorder#1e2430
- settings.numberInputForeground#c8ccd8
- settings.rowHoverBackground#1a203040
- settings.textInputBackground#1a2030
- settings.textInputBorder#1e2430
- settings.textInputForeground#c8ccd8
- sideBar.background#141a28
- sideBar.border#161c28
- sideBar.dropBackground#28304060
- sideBar.foreground#8890a0
- sideBarSectionHeader.background#1a2030
- sideBarSectionHeader.border#161c28
- sideBarSectionHeader.foreground#c8ccd8
- sideBarTitle.foreground#c8ccd8
- statusBar.background#1a2030
- statusBar.border#161c28
- statusBar.debuggingBackground#c8a86820
- statusBar.debuggingBorder#c8a86840
- statusBar.debuggingForeground#c8a868
- statusBar.foreground#586070
- statusBar.noFolderBackground#141a28
- statusBar.noFolderBorder#161c28
- statusBar.noFolderForeground#586070
- statusBarItem.activeBackground#c8ccd810
- statusBarItem.errorBackground#b0707018
- statusBarItem.errorForeground#b07070
- statusBarItem.hoverBackground#c8ccd808
- statusBarItem.prominentBackground#60a0a018
- statusBarItem.prominentForeground#60a0a0
- statusBarItem.prominentHoverBackground#60a0a028
- statusBarItem.remoteBackground#60a0a018
- statusBarItem.remoteForeground#60a0a0
- statusBarItem.warningBackground#b0986018
- statusBarItem.warningForeground#b09860
- tab.activeBackground#0e1420
- tab.activeBorder#00000000
- tab.activeBorderTop#60a0a0
- tab.activeForeground#c8ccd8
- tab.activeModifiedBorder#c8a868
- tab.border#161c28
- tab.hoverBackground#1a203080
- tab.hoverForeground#c8ccd8
- tab.inactiveBackground#1a2030
- tab.inactiveForeground#586070
- tab.inactiveModifiedBorder#c8a86860
- tab.lastPinnedBorder#1e2430
- tab.unfocusedActiveBackground#0e1420
- tab.unfocusedActiveBorderTop#60a0a060
- tab.unfocusedActiveForeground#8890a0
- tab.unfocusedInactiveBackground#141a28
- tab.unfocusedInactiveForeground#404858
- terminal.ansiBlack#141a28
- terminal.ansiBlue#7098c0
- terminal.ansiBrightBlack#404858
- terminal.ansiBrightBlue#88b0d0
- terminal.ansiBrightCyan#78b8b8
- terminal.ansiBrightGreen#90b890
- terminal.ansiBrightMagenta#a898d0
- terminal.ansiBrightRed#c89090
- terminal.ansiBrightWhite#e0e4e8
- terminal.ansiBrightYellow#d4b878
- terminal.ansiCyan#60a0a0
- terminal.ansiGreen#78a078
- terminal.ansiMagenta#9080b8
- terminal.ansiRed#b87878
- terminal.ansiWhite#c8ccd8
- terminal.ansiYellow#c8a868
- terminal.background#1a2030
- terminal.border#1e2430
- terminal.foreground#c8ccd8
- terminal.selectionBackground#283040cc
- terminal.selectionForeground#c8ccd8
- terminalCursor.background#0a0e18
- terminalCursor.foreground#c8ccd8
- testing.iconErrored#b07070
- testing.iconFailed#b07070
- testing.iconPassed#78a078
- testing.iconQueued#586070
- testing.iconSkipped#586070
- testing.iconUnset#404858
- testing.peekBorder#b07070
- testing.peekHeaderBackground#b0707018
- testing.runAction#78a078
- titleBar.activeBackground#1a2030
- titleBar.activeForeground#8890a0
- titleBar.border#161c28
- titleBar.inactiveBackground#1a2030
- titleBar.inactiveForeground#586070
- tree.indentGuidesStroke#404858
- tree.tableColumnsBorder#161c28
- walkThrough.embeddedEditorBackground#141a28
- walkthrough.stepTitle.foreground#c8ccd8
- welcomePage.background#0e1420
- welcomePage.progress.background#1a2030
- welcomePage.progress.foreground#60a0a0
- welcomePage.tileBackground#141a28
- welcomePage.tileBorder#161c28
- welcomePage.tileHoverBackground#1a2030
- widget.border#1e2430
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8890a0 | italic |
| comment.block.documentation | #8890a0 | italic |
| string, string.quoted | #78a078 | — |
| constant.numeric | #b89868 | — |
| constant.language | #9080b8 | — |
| constant.character.escape | #68b8c8 | — |
| variable | #c8ccd8 | — |
| punctuation | #586070 | — |
| storage.modifier | #9080b8 | italic |
| keyword.control.python, keyword.operator.logical.python, keyword.operator.python, storage.type.function.python, storage.type.class.python | #60a0a0 | — |
| entity.name.function.python, meta.function-call.python entity.name.function, support.function.python | #70b098 | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #9080b8 | italic |
| entity.name.type.class.python, support.type.python | #68b8c8 | — |
| variable.parameter.function.language.python | #a8b8d0 | italic |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #60a0a0 | italic |
| string.quoted.docstring.multi.python | #8890a0 | italic |
| meta.fstring.python constant.character | #68b8c8 | — |
| keyword.control.js, keyword.control.flow.js, keyword.operator.js, keyword.control.conditional.js, keyword.control.loop.js, storage.type.js, keyword.control.import.js, keyword.control.export.js, keyword.control.from.js | #c8a868 | — |
| entity.name.function.js, support.function.js, meta.function-call.js entity.name.function | #d4b878 | — |
| entity.name.type.class.js, support.class.js | #d0c098 | — |
| variable.other.constant.js | #a8b8d0 | — |
| variable.language.this.js | #c8a868 | italic |
| entity.name.tag.js, support.class.component.js | #b88858 | — |
| string.template.js, punctuation.definition.template-expression | #78a078 | — |
| keyword.control.ts, keyword.control.flow.ts, keyword.operator.ts, storage.type.ts, keyword.control.import.ts, keyword.control.export.ts, keyword.control.tsx, storage.type.tsx | #c8a868 | — |
| entity.name.function.ts, entity.name.function.tsx, support.function.ts | #d4b878 | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.type.enum.ts | #68b8c8 | — |
| keyword.operator.type.ts, keyword.operator.type.tsx, keyword.control.as.ts, keyword.control.type.ts | #c8a868 | italic |
| support.type.builtin.ts, support.type.primitive.ts | #7098c0 | — |
| entity.name.type.class.ts, entity.name.type.class.tsx | #d0c098 | — |
| variable.language.this.ts, variable.language.this.tsx | #c8a868 | italic |
| entity.name.tag.html, entity.name.tag, punctuation.definition.tag | #b88858 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #d0c098 | italic |
| string.quoted.double.html, string.quoted.single.html, meta.attribute string | #78a078 | — |
| comment.block.html | #8890a0 | italic |
| entity.name.tag.structure.any.html, entity.name.tag.block.any.html | #b88858 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name.css | #7098c0 | — |
| support.constant.property-value.css, meta.property-value.css, support.constant.color.css | #a8b8d0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d4b878 | — |
| entity.name.tag.css, entity.name.tag.scss | #b88858 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss | #9080b8 | — |
| entity.other.attribute-name.pseudo-class.css | #68b8c8 | italic |
| constant.numeric.css, keyword.other.unit.css | #b89868 | — |
| variable.scss, variable.css | #60a0a0 | — |
| support.type.property-name.json, string.json support.type.property-name | #7098c0 | — |
| string.quoted.double.json | #a8b8d0 | — |
| constant.numeric.json | #b89868 | — |
| constant.language.json | #9080b8 | — |
| punctuation.support.type.property-name.json | #586070 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DML.II.sql, storage.type.sql | #9080b8 | — |
| entity.name.function.sql, support.function.sql | #a098c0 | — |
| constant.other.table-name.sql | #a8b8d0 | — |
| keyword.operator.sql | #9080b8 | — |
| string.quoted.sql | #78a078 | — |
| keyword.control.rust, keyword.other.rust, storage.type.rust, keyword.other.fn.rust | #b88858 | — |
| entity.name.function.rust, meta.function.call.rust entity.name.function | #d0c098 | — |
| entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust | #c8a868 | — |
| entity.name.lifetime.rust | #60a0a0 | italic |
| keyword.operator.borrow.rust, keyword.operator.dereference.rust | #b87878 | — |
| entity.name.namespace.rust, entity.name.module.rust | #7098c0 | — |
| support.macro.rust, entity.name.function.macro.rust | #68b8c8 | — |
| storage.modifier.rust | #9080b8 | italic |
| keyword.control.go, keyword.function.go, keyword.package.go, keyword.import.go, keyword.type.go, keyword.var.go, keyword.const.go, keyword.struct.go, keyword.interface.go, keyword.map.go, keyword.channel.go | #68b8c8 | — |
| entity.name.function.go, support.function.go | #78c8c8 | — |
| entity.name.type.go | #7098c0 | — |
| storage.type.go | #60a0a0 | — |
| entity.name.package.go | #a8b8d0 | — |
| storage.type.error.go | #b87878 | — |
| keyword.operator.go, keyword.operator.assignment.go, keyword.operator.channel.go | #68b8c8 | — |
| heading.1.markdown entity.name | #c8a868 | bold |
| heading.2.markdown entity.name | #d4b878 | — |
| heading.3.markdown entity.name, heading.4.markdown entity.name | #d0c098 | — |
| markup.bold.markdown | #c8ccd8 | bold |
| markup.italic.markdown | #c8ccd8 | italic |
| markup.inline.raw.string.markdown | #60a0a0 | — |
| string.other.link.title.markdown | #7098c0 | — |
| markup.underline.link.markdown | #586070 | — |
| entity.name.tag.yaml, keyword.key.toml | #7098c0 | — |
| string.unquoted.plain.out.yaml, string.quoted.yaml | #a8b8d0 | — |
| constant.language.boolean.yaml, constant.language.boolean.toml | #9080b8 | — |
| punctuation.definition.block.sequence.item.yaml | #c8a868 | — |
| keyword.control.shell, storage.type.function.shell | #c8a868 | — |
| variable.other.shell, punctuation.definition.variable.shell | #60a0a0 | — |
| string.quoted.double.shell, string.quoted.single.shell | #78a078 | — |
| support.function.builtin.shell | #d4b878 | — |
| keyword.other.special-method.dockerfile | #b88858 | bold |