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#3a7878
- activityBar.activeFocusBorder#3a7878
- activityBar.background#e4e0d8
- activityBar.border#e2ded6
- activityBar.foreground#2c2a26
- activityBar.inactiveForeground#8c8880
- activityBarBadge.background#3a7878
- activityBarBadge.foreground#f0ece4
- badge.background#3a7878
- badge.foreground#f0ece4
- banner.background#e4e0d8
- banner.foreground#2c2a26
- banner.iconForeground#3a7878
- breadcrumb.activeSelectionForeground#2c2a26
- breadcrumb.focusForeground#2c2a26
- breadcrumb.foreground#8c8880
- breadcrumbPicker.background#dedad2
- button.background#3a7878cc
- button.border#00000000
- button.foreground#f0ece4
- button.hoverBackground#3a7878
- button.secondaryBackground#d4d0c8
- button.secondaryForeground#2c2a26
- button.secondaryHoverBackground#ccc8c0
- button.separator#2c2a2620
- charts.blue#4a7090
- charts.foreground#2c2a26
- charts.green#487848
- charts.lines#8c8880
- charts.orange#986830
- charts.purple#7a5a90
- charts.red#984848
- charts.yellow#9a7830
- commandCenter.activeBackground#d4d0c8
- commandCenter.activeBorder#c0bcb4
- commandCenter.activeForeground#2c2a26
- commandCenter.background#e4e0d8
- commandCenter.border#d8d4cc
- commandCenter.foreground#5c5850
- commandCenter.inactiveBorder#e2ded6
- commandCenter.inactiveForeground#8c8880
- debugConsole.errorForeground#984848
- debugConsole.infoForeground#4a7090
- debugConsole.sourceForeground#5c5850
- debugConsole.warningForeground#987040
- debugConsoleInputIcon.foreground#3a7878
- debugExceptionWidget.background#dedad2
- debugExceptionWidget.border#984848
- debugIcon.breakpointDisabledForeground#b0aca4
- debugIcon.breakpointForeground#984848
- debugIcon.continueForeground#3a7878
- debugIcon.disconnectForeground#984848
- debugIcon.pauseForeground#9a7830
- debugIcon.restartForeground#487848
- debugIcon.startForeground#487848
- debugIcon.stepBackForeground#4a7090
- debugIcon.stepIntoForeground#4a7090
- debugIcon.stepOutForeground#4a7090
- debugIcon.stepOverForeground#4a7090
- debugIcon.stopForeground#984848
- debugTokenExpression.boolean#7a5a90
- debugTokenExpression.error#984848
- debugTokenExpression.name#4a7090
- debugTokenExpression.number#987040
- debugTokenExpression.string#487848
- debugTokenExpression.value#487848
- debugToolBar.background#dedad2
- debugToolBar.border#d8d4cc
- descriptionForeground#5c5850
- diffEditor.diagonalFill#ccc8c040
- diffEditor.insertedLineBackground#48784818
- diffEditor.insertedTextBackground#48784818
- diffEditor.removedLineBackground#78484818
- diffEditor.removedTextBackground#78484818
- diffEditorGutter.insertedLineBackground#48784818
- diffEditorGutter.removedLineBackground#78484818
- disabledForeground#b0aca4
- dropdown.background#e4e0d8
- dropdown.border#d8d4cc
- dropdown.foreground#2c2a26
- dropdown.listBackground#dedad2
- editor.background#f0ece4
- editor.findMatchBackground#9a783030
- editor.findMatchBorder#9a783060
- editor.findMatchHighlightBackground#9a783018
- editor.foldBackground#d4d0c820
- editor.foreground#2c2a26
- editor.hoverHighlightBackground#d4d0c830
- editor.inactiveSelectionBackground#3a787818
- editor.lineHighlightBackground#d4d0c860
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#3a787818
- editor.rangeHighlightBackground#d4d0c830
- editor.selectionBackground#3a787833
- editor.selectionForeground#2c2a26
- editor.selectionHighlightBackground#3a787820
- editor.wordHighlightBackground#d4d0c844
- editor.wordHighlightStrongBackground#d4d0c866
- editorBracketHighlight.foreground1#9a7830
- editorBracketHighlight.foreground2#7a5a90
- editorBracketHighlight.foreground3#3a7878
- editorBracketHighlight.foreground4#4a7090
- editorBracketHighlight.foreground5#a88838
- editorBracketHighlight.foreground6#3a8890
- editorBracketMatch.background#3a787818
- editorBracketMatch.border#3a787840
- editorCodeLens.foreground#8c8880
- editorCursor.background#f0ece4
- editorCursor.foreground#2c2a26
- editorError.border#00000000
- editorError.foreground#984848
- editorGhostText.foreground#b0aca4
- editorGroup.border#d8d4cc
- editorGroup.dropBackground#d4d0c860
- editorGroup.emptyBackground#f0ece4
- editorGroup.focusedEmptyBorder#3a7878
- editorGroupHeader.border#e2ded6
- editorGroupHeader.noTabsBackground#eae6de
- editorGroupHeader.tabsBackground#eae6de
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#487848
- editorGutter.commentRangeForeground#b0aca4
- editorGutter.deletedBackground#784848
- editorGutter.foldingControlForeground#8c8880
- editorGutter.modifiedBackground#787848
- editorHint.border#00000000
- editorHint.foreground#487848
- editorHoverWidget.background#dedad2
- editorHoverWidget.border#d8d4cc
- editorHoverWidget.foreground#2c2a26
- editorHoverWidget.highlightForeground#9a7830
- editorHoverWidget.statusBarBackground#e4e0d8
- editorIndentGuide.activeBackground#8c8880
- editorIndentGuide.activeBackground1#8c888060
- editorIndentGuide.background#b0aca4
- editorIndentGuide.background1#b0aca440
- editorInfo.border#00000000
- editorInfo.foreground#4a7090
- editorLineNumber.activeForeground#5c5850
- editorLineNumber.dimmedForeground#b0aca4
- editorLineNumber.foreground#8c8880
- editorOverviewRuler.addedForeground#48784880
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#78484880
- editorOverviewRuler.errorForeground#98484880
- editorOverviewRuler.infoForeground#4a709080
- editorOverviewRuler.modifiedForeground#78784880
- editorOverviewRuler.warningForeground#98704080
- editorRuler.foreground#b0aca4
- editorStickyScroll.background#eae6de
- editorStickyScrollHover.background#e4e0d8
- editorSuggestWidget.background#dedad2
- editorSuggestWidget.border#d8d4cc
- editorSuggestWidget.focusHighlightForeground#a88838
- editorSuggestWidget.foreground#2c2a26
- editorSuggestWidget.highlightForeground#9a7830
- editorSuggestWidget.selectedBackground#d4d0c8
- editorSuggestWidget.selectedForeground#2c2a26
- editorSuggestWidget.selectedIconForeground#3a7878
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#00000000
- editorWarning.foreground#987040
- editorWhitespace.foreground#b0aca4
- editorWidget.background#dedad2
- editorWidget.border#d8d4cc
- editorWidget.foreground#2c2a26
- editorWidget.resizeBorder#c0bcb4
- errorForeground#984848
- extensionBadge.remoteBackground#3a7878
- extensionBadge.remoteForeground#f0ece4
- extensionButton.prominentBackground#3a7878cc
- extensionButton.prominentForeground#f0ece4
- extensionButton.prominentHoverBackground#3a7878
- extensionIcon.starForeground#9a7830
- extensionIcon.verifiedForeground#3a7878
- focusBorder#3a787844
- foreground#2c2a26
- gitDecoration.addedResourceForeground#487848
- gitDecoration.conflictingResourceForeground#786848
- gitDecoration.deletedResourceForeground#784848
- gitDecoration.ignoredResourceForeground#b0aca4
- gitDecoration.modifiedResourceForeground#787848
- gitDecoration.renamedResourceForeground#3a7878
- gitDecoration.stageDeletedResourceForeground#784848
- gitDecoration.stageModifiedResourceForeground#787848
- gitDecoration.submoduleResourceForeground#8c8880
- gitDecoration.untrackedResourceForeground#3a7878
- icon.foreground#5c5850
- input.background#e4e0d8
- input.border#d8d4cc
- input.foreground#2c2a26
- input.placeholderForeground#b0aca4
- inputOption.activeBackground#3a787830
- inputOption.activeBorder#3a7878
- inputOption.activeForeground#3a7878
- inputOption.hoverBackground#3a787814
- inputValidation.errorBackground#98484818
- inputValidation.errorBorder#984848
- inputValidation.infoBackground#4a709018
- inputValidation.infoBorder#4a7090
- inputValidation.warningBackground#98704018
- inputValidation.warningBorder#987040
- keybindingLabel.background#e4e0d8
- keybindingLabel.border#d8d4cc
- keybindingLabel.bottomBorder#c0bcb4
- keybindingLabel.foreground#2c2a26
- list.activeSelectionBackground#d4d0c8
- list.activeSelectionForeground#2c2a26
- list.activeSelectionIconForeground#2c2a26
- list.deemphasizedForeground#b0aca4
- list.dropBackground#d4d0c880
- list.errorForeground#984848
- list.filterMatchBackground#9a783030
- list.filterMatchBorder#9a783040
- list.focusBackground#d4d0c8
- list.focusForeground#2c2a26
- list.focusOutline#3a787844
- list.highlightForeground#9a7830
- list.hoverBackground#e4e0d880
- list.hoverForeground#2c2a26
- list.inactiveSelectionBackground#d4d0c880
- list.inactiveSelectionForeground#2c2a26
- list.invalidItemForeground#984848
- list.warningForeground#987040
- merge.border#00000000
- merge.commonContentBackground#78684814
- merge.commonHeaderBackground#78684830
- merge.currentContentBackground#48784814
- merge.currentHeaderBackground#48784830
- merge.incomingContentBackground#4a709014
- merge.incomingHeaderBackground#4a709030
- minimap.background#f0ece4
- minimap.errorHighlight#98484860
- minimap.findMatchHighlight#9a783040
- minimap.foregroundOpacity#000000c0
- minimap.selectionHighlight#d4d0c880
- minimap.warningHighlight#98704060
- minimapGutter.addedBackground#48784880
- minimapGutter.deletedBackground#78484880
- minimapGutter.modifiedBackground#78784880
- minimapSlider.activeBackground#2c2a2612
- minimapSlider.background#2c2a2606
- minimapSlider.hoverBackground#2c2a260c
- notificationCenterHeader.background#e4e0d8
- notificationCenterHeader.foreground#2c2a26
- notificationLink.foreground#3a7878
- notifications.background#dedad2
- notifications.border#d8d4cc
- notifications.foreground#2c2a26
- notificationsErrorIcon.foreground#984848
- notificationsInfoIcon.foreground#4a7090
- notificationsWarningIcon.foreground#987040
- panel.background#e4e0d8
- panel.border#d8d4cc
- panel.dropBorder#3a7878
- panelInput.border#d8d4cc
- panelSection.border#d8d4cc
- panelSectionHeader.background#e4e0d8
- panelSectionHeader.border#e2ded6
- panelSectionHeader.foreground#5c5850
- panelTitle.activeBorder#3a7878
- panelTitle.activeForeground#2c2a26
- panelTitle.inactiveForeground#8c8880
- peekView.border#3a7878
- peekViewEditor.background#eae6de
- peekViewEditor.matchHighlightBackground#9a783030
- peekViewEditorGutter.background#eae6de
- peekViewResult.background#e4e0d8
- peekViewResult.fileForeground#2c2a26
- peekViewResult.lineForeground#5c5850
- peekViewResult.matchHighlightBackground#9a783030
- peekViewResult.selectionBackground#d4d0c880
- peekViewResult.selectionForeground#2c2a26
- peekViewTitle.background#e4e0d8
- peekViewTitleDescription.foreground#5c5850
- peekViewTitleLabel.foreground#2c2a26
- problemsErrorIcon.foreground#984848
- problemsInfoIcon.foreground#4a7090
- problemsWarningIcon.foreground#987040
- progressBar.background#3a7878
- quickInput.background#dedad2
- quickInput.foreground#2c2a26
- quickInputList.focusBackground#d4d0c8
- quickInputList.focusForeground#2c2a26
- quickInputList.focusIconForeground#3a7878
- quickInputTitle.background#e4e0d8
- sash.hoverBorder#3a7878
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#00000014
- scrollbarSlider.background#00000008
- scrollbarSlider.hoverBackground#00000014
- selection.background#3a787830
- settings.checkboxBackground#e4e0d8
- settings.checkboxBorder#d8d4cc
- settings.checkboxForeground#2c2a26
- settings.dropdownBackground#e4e0d8
- settings.dropdownBorder#d8d4cc
- settings.dropdownForeground#2c2a26
- settings.focusedRowBackground#d4d0c840
- settings.headerForeground#2c2a26
- settings.modifiedItemIndicator#3a7878
- settings.numberInputBackground#e4e0d8
- settings.numberInputBorder#d8d4cc
- settings.numberInputForeground#2c2a26
- settings.rowHoverBackground#e4e0d840
- settings.textInputBackground#e4e0d8
- settings.textInputBorder#d8d4cc
- settings.textInputForeground#2c2a26
- sideBar.background#eae6de
- sideBar.border#e2ded6
- sideBar.dropBackground#d4d0c860
- sideBar.foreground#5c5850
- sideBarSectionHeader.background#e4e0d8
- sideBarSectionHeader.border#e2ded6
- sideBarSectionHeader.foreground#2c2a26
- sideBarTitle.foreground#2c2a26
- statusBar.background#e4e0d8
- statusBar.border#e2ded6
- statusBar.debuggingBackground#9a783020
- statusBar.debuggingBorder#9a783040
- statusBar.debuggingForeground#9a7830
- statusBar.foreground#8c8880
- statusBar.noFolderBackground#eae6de
- statusBar.noFolderBorder#e2ded6
- statusBar.noFolderForeground#8c8880
- statusBarItem.activeBackground#2c2a2610
- statusBarItem.errorBackground#98484818
- statusBarItem.errorForeground#984848
- statusBarItem.hoverBackground#2c2a2608
- statusBarItem.prominentBackground#3a787818
- statusBarItem.prominentForeground#3a7878
- statusBarItem.prominentHoverBackground#3a787828
- statusBarItem.remoteBackground#3a787818
- statusBarItem.remoteForeground#3a7878
- statusBarItem.warningBackground#98704018
- statusBarItem.warningForeground#987040
- tab.activeBackground#f0ece4
- tab.activeBorder#00000000
- tab.activeBorderTop#3a7878
- tab.activeForeground#2c2a26
- tab.activeModifiedBorder#9a7830
- tab.border#e2ded6
- tab.hoverBackground#e4e0d880
- tab.hoverForeground#2c2a26
- tab.inactiveBackground#e4e0d8
- tab.inactiveForeground#8c8880
- tab.inactiveModifiedBorder#9a783060
- tab.lastPinnedBorder#d8d4cc
- tab.unfocusedActiveBackground#f0ece4
- tab.unfocusedActiveBorderTop#3a787860
- tab.unfocusedActiveForeground#5c5850
- tab.unfocusedInactiveBackground#eae6de
- tab.unfocusedInactiveForeground#b0aca4
- terminal.ansiBlack#2c2a26
- terminal.ansiBlue#4a7090
- terminal.ansiBrightBlack#8c8880
- terminal.ansiBrightBlue#5a80a0
- terminal.ansiBrightCyan#4a8888
- terminal.ansiBrightGreen#588858
- terminal.ansiBrightMagenta#8a6aa0
- terminal.ansiBrightRed#a85858
- terminal.ansiBrightWhite#f8f4ec
- terminal.ansiBrightYellow#a88838
- terminal.ansiCyan#3a7878
- terminal.ansiGreen#487848
- terminal.ansiMagenta#7a5a90
- terminal.ansiRed#984848
- terminal.ansiWhite#f0ece4
- terminal.ansiYellow#9a7830
- terminal.background#e4e0d8
- terminal.border#d8d4cc
- terminal.foreground#2c2a26
- terminal.selectionBackground#d4d0c8cc
- terminal.selectionForeground#2c2a26
- terminalCursor.background#e8e4dc
- terminalCursor.foreground#2c2a26
- testing.iconErrored#984848
- testing.iconFailed#984848
- testing.iconPassed#487848
- testing.iconQueued#8c8880
- testing.iconSkipped#8c8880
- testing.iconUnset#b0aca4
- testing.peekBorder#984848
- testing.peekHeaderBackground#98484818
- testing.runAction#487848
- titleBar.activeBackground#e4e0d8
- titleBar.activeForeground#5c5850
- titleBar.border#e2ded6
- titleBar.inactiveBackground#e4e0d8
- titleBar.inactiveForeground#8c8880
- tree.indentGuidesStroke#b0aca4
- tree.tableColumnsBorder#e2ded6
- walkThrough.embeddedEditorBackground#eae6de
- walkthrough.stepTitle.foreground#2c2a26
- welcomePage.background#f0ece4
- welcomePage.progress.background#e4e0d8
- welcomePage.progress.foreground#3a7878
- welcomePage.tileBackground#eae6de
- welcomePage.tileBorder#e2ded6
- welcomePage.tileHoverBackground#e4e0d8
- widget.border#d8d4cc
- widget.shadow#00000010
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c5850 | italic |
| comment.block.documentation | #5c5850 | italic |
| string, string.quoted | #487848 | — |
| constant.numeric | #987040 | — |
| constant.language | #7a5a90 | — |
| constant.character.escape | #3a8890 | — |
| variable | #2c2a26 | — |
| punctuation | #8c8880 | — |
| storage.modifier | #7a5a90 | italic |
| keyword.control.python, keyword.operator.logical.python, keyword.operator.python, storage.type.function.python, storage.type.class.python | #3a7878 | — |
| entity.name.function.python, meta.function-call.python entity.name.function, support.function.python | #4a8870 | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #7a5a90 | italic |
| entity.name.type.class.python, support.type.python | #3a8890 | — |
| variable.parameter.function.language.python | #607888 | italic |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #3a7878 | italic |
| string.quoted.docstring.multi.python | #5c5850 | italic |
| meta.fstring.python constant.character | #3a8890 | — |
| 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 | #9a7830 | — |
| entity.name.function.js, support.function.js, meta.function-call.js entity.name.function | #a88838 | — |
| entity.name.type.class.js, support.class.js | #8a7a58 | — |
| variable.other.constant.js | #607888 | — |
| variable.language.this.js | #9a7830 | italic |
| entity.name.tag.js, support.class.component.js | #986830 | — |
| string.template.js, punctuation.definition.template-expression | #487848 | — |
| 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 | #9a7830 | — |
| entity.name.function.ts, entity.name.function.tsx, support.function.ts | #a88838 | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.alias.ts, entity.name.type.enum.ts | #3a8890 | — |
| keyword.operator.type.ts, keyword.operator.type.tsx, keyword.control.as.ts, keyword.control.type.ts | #9a7830 | italic |
| support.type.builtin.ts, support.type.primitive.ts | #4a7090 | — |
| entity.name.type.class.ts, entity.name.type.class.tsx | #8a7a58 | — |
| variable.language.this.ts, variable.language.this.tsx | #9a7830 | italic |
| entity.name.tag.html, entity.name.tag, punctuation.definition.tag | #986830 | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #8a7a58 | italic |
| string.quoted.double.html, string.quoted.single.html, meta.attribute string | #487848 | — |
| comment.block.html | #5c5850 | italic |
| entity.name.tag.structure.any.html, entity.name.tag.block.any.html | #986830 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name.css | #4a7090 | — |
| support.constant.property-value.css, meta.property-value.css, support.constant.color.css | #607888 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #a88838 | — |
| entity.name.tag.css, entity.name.tag.scss | #986830 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss | #7a5a90 | — |
| entity.other.attribute-name.pseudo-class.css | #3a8890 | italic |
| constant.numeric.css, keyword.other.unit.css | #987040 | — |
| variable.scss, variable.css | #3a7878 | — |
| support.type.property-name.json, string.json support.type.property-name | #4a7090 | — |
| string.quoted.double.json | #607888 | — |
| constant.numeric.json | #987040 | — |
| constant.language.json | #7a5a90 | — |
| punctuation.support.type.property-name.json | #8c8880 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DML.II.sql, storage.type.sql | #7a5a90 | — |
| entity.name.function.sql, support.function.sql | #686080 | — |
| constant.other.table-name.sql | #607888 | — |
| keyword.operator.sql | #7a5a90 | — |
| string.quoted.sql | #487848 | — |
| keyword.control.rust, keyword.other.rust, storage.type.rust, keyword.other.fn.rust | #986830 | — |
| entity.name.function.rust, meta.function.call.rust entity.name.function | #8a7a58 | — |
| entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust | #9a7830 | — |
| entity.name.lifetime.rust | #3a7878 | italic |
| keyword.operator.borrow.rust, keyword.operator.dereference.rust | #984848 | — |
| entity.name.namespace.rust, entity.name.module.rust | #4a7090 | — |
| support.macro.rust, entity.name.function.macro.rust | #3a8890 | — |
| storage.modifier.rust | #7a5a90 | 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 | #3a8890 | — |
| entity.name.function.go, support.function.go | #488888 | — |
| entity.name.type.go | #4a7090 | — |
| storage.type.go | #3a7878 | — |
| entity.name.package.go | #607888 | — |
| storage.type.error.go | #984848 | — |
| keyword.operator.go, keyword.operator.assignment.go, keyword.operator.channel.go | #3a8890 | — |
| heading.1.markdown entity.name | #9a7830 | bold |
| heading.2.markdown entity.name | #a88838 | — |
| heading.3.markdown entity.name, heading.4.markdown entity.name | #8a7a58 | — |
| markup.bold.markdown | #2c2a26 | bold |
| markup.italic.markdown | #2c2a26 | italic |
| markup.inline.raw.string.markdown | #3a7878 | — |
| string.other.link.title.markdown | #4a7090 | — |
| markup.underline.link.markdown | #8c8880 | — |
| entity.name.tag.yaml, keyword.key.toml | #4a7090 | — |
| string.unquoted.plain.out.yaml, string.quoted.yaml | #607888 | — |
| constant.language.boolean.yaml, constant.language.boolean.toml | #7a5a90 | — |
| punctuation.definition.block.sequence.item.yaml | #9a7830 | — |
| keyword.control.shell, storage.type.function.shell | #9a7830 | — |
| variable.other.shell, punctuation.definition.variable.shell | #3a7878 | — |
| string.quoted.double.shell, string.quoted.single.shell | #487848 | — |
| support.function.builtin.shell | #a88838 | — |
| keyword.other.special-method.dockerfile | #986830 | bold |