Vauxoo Theme
Publisher: VauxooThemes in package: 4
Official Vauxoo themes — Dark, Light, Vakyro and Oro. Brand palette (Manual 2024-2025), flat design.
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#AC0340
- activityBar.background#27282F
- activityBar.border#393B49
- activityBar.foreground#D6DAE0
- activityBar.inactiveForeground#6E7379
- activityBarBadge.background#AC0340
- activityBarBadge.foreground#FFFFFF
- badge.background#AC0340
- badge.foreground#FFFFFF
- breadcrumb.background#282C2F
- breadcrumb.focusForeground#D6DAE0
- breadcrumb.foreground#95999F
- button.background#AC0340
- button.foreground#FFFFFF
- button.hoverBackground#BC1C38
- button.secondaryBackground#455A64
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#546E7A
- charts.blue#5498CC
- charts.foreground#D6DAE0
- charts.green#3AA55D
- charts.lines#455A64
- charts.orange#E9BE44
- charts.purple#9B7BC8
- charts.red#E11E4D
- charts.yellow#E4A900
- checkbox.background#2E3236
- checkbox.border#455A64
- debugIcon.breakpointForeground#E11E4D
- debugToolBar.background#2E3138
- descriptionForeground#95999F
- diffEditor.insertedLineBackground#3AA55D15
- diffEditor.insertedTextBackground#3AA55D22
- diffEditor.removedLineBackground#E11E4D15
- diffEditor.removedTextBackground#E11E4D22
- dropdown.background#2E3236
- dropdown.border#455A64
- dropdown.foreground#D6DAE0
- editor.background#282C2F
- editor.findMatchBackground#E4A90055
- editor.findMatchHighlightBackground#E4A90030
- editor.foreground#D6DAE0
- editor.inactiveSelectionBackground#455A6440
- editor.lineHighlightBackground#2E3236
- editor.selectionBackground#455A6480
- editor.selectionHighlightBackground#455A6440
- editor.wordHighlightBackground#455A6440
- editor.wordHighlightStrongBackground#455A6466
- editorBracketMatch.background#455A6455
- editorBracketMatch.border#5498CC
- editorCursor.foreground#E4A900
- editorError.foreground#E11E4D
- editorGroup.border#393B49
- editorGroupHeader.tabsBackground#27282F
- editorGutter.addedBackground#3AA55D
- editorGutter.deletedBackground#E11E4D
- editorGutter.modifiedBackground#E4A900
- editorHoverWidget.background#2E3138
- editorHoverWidget.border#455A64
- editorIndentGuide.activeBackground1#455A64
- editorIndentGuide.background1#33383D
- editorInfo.foreground#5498CC
- editorLineNumber.activeForeground#E4A900
- editorLineNumber.foreground#5C6166
- editorSuggestWidget.background#2E3138
- editorSuggestWidget.border#455A64
- editorSuggestWidget.selectedBackground#455A64
- editorWarning.foreground#E4A900
- editorWhitespace.foreground#3E4348
- editorWidget.background#2E3138
- editorWidget.border#455A64
- errorForeground#E11E4D
- focusBorder#AC0340
- foreground#D6DAE0
- gitDecoration.addedResourceForeground#3AA55D
- gitDecoration.conflictingResourceForeground#E9BE44
- gitDecoration.deletedResourceForeground#E11E4D
- gitDecoration.ignoredResourceForeground#6E7379
- gitDecoration.modifiedResourceForeground#E4A900
- gitDecoration.untrackedResourceForeground#5BC57F
- icon.foreground#B3B3B3
- input.background#2E3236
- input.border#455A64
- input.foreground#D6DAE0
- input.placeholderForeground#6E7379
- inputOption.activeBackground#AC034033
- inputOption.activeBorder#AC0340
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#3A1220
- inputValidation.errorBorder#E11E4D
- inputValidation.warningBackground#3A3012
- inputValidation.warningBorder#E4A900
- list.activeSelectionBackground#455A64
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#E11E4D
- list.focusBackground#455A64
- list.focusForeground#FFFFFF
- list.highlightForeground#E4A900
- list.hoverBackground#2E3138
- list.inactiveSelectionBackground#393B49
- list.inactiveSelectionForeground#D6DAE0
- list.warningForeground#E4A900
- menu.background#2E3138
- menu.border#455A64
- menu.foreground#D6DAE0
- menu.selectionBackground#455A64
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#455A64
- minimap.findMatchHighlight#E4A900
- minimap.selectionHighlight#455A64
- minimapGutter.addedBackground#3AA55D
- minimapGutter.deletedBackground#E11E4D
- minimapGutter.modifiedBackground#E4A900
- notificationCenterHeader.background#2E3138
- notifications.background#2E3138
- notifications.border#455A64
- notificationsErrorIcon.foreground#E11E4D
- notificationsInfoIcon.foreground#5498CC
- notificationsWarningIcon.foreground#E4A900
- panel.background#27282F
- panel.border#393B49
- panelTitle.activeBorder#AC0340
- panelTitle.activeForeground#D6DAE0
- panelTitle.inactiveForeground#95999F
- peekView.border#AC0340
- peekViewEditor.background#2E3138
- peekViewResult.background#27282F
- peekViewTitle.background#2E3138
- pickerGroup.border#455A64
- pickerGroup.foreground#E4A900
- progressBar.background#AC0340
- quickInput.background#2E3138
- quickInputList.focusBackground#455A64
- scrollbarSlider.activeBackground#455A64BB
- scrollbarSlider.background#455A6455
- scrollbarSlider.hoverBackground#455A6488
- selection.background#455A6499
- sideBar.background#27282F
- sideBar.border#393B49
- sideBar.foreground#D6DAE0
- sideBarSectionHeader.background#2E3138
- sideBarSectionHeader.border#393B49
- sideBarSectionHeader.foreground#D6DAE0
- sideBarTitle.foreground#D6DAE0
- statusBar.background#AC0340
- statusBar.border#AC0340
- statusBar.debuggingBackground#E4A900
- statusBar.debuggingForeground#282C2F
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#455A64
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.hoverBackground#BC1C38
- statusBarItem.remoteBackground#891A2F
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#282C2F
- tab.activeBorderTop#AC0340
- tab.activeForeground#FFFFFF
- tab.border#393B49
- tab.hoverBackground#2E3138
- tab.inactiveBackground#27282F
- tab.inactiveForeground#95999F
- terminal.ansiBlack#282C2F
- terminal.ansiBlue#5498CC
- terminal.ansiBrightBlack#6E7379
- terminal.ansiBrightBlue#82BCCE
- terminal.ansiBrightCyan#A5D3E0
- terminal.ansiBrightGreen#5BC57F
- terminal.ansiBrightMagenta#B79BDB
- terminal.ansiBrightRed#F0537A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E9BE44
- terminal.ansiCyan#82BCCE
- terminal.ansiGreen#3AA55D
- terminal.ansiMagenta#9B7BC8
- terminal.ansiRed#E11E4D
- terminal.ansiWhite#D6DAE0
- terminal.ansiYellow#E4A900
- terminal.background#27282F
- terminal.foreground#D6DAE0
- terminalCursor.foreground#E4A900
- textBlockQuote.background#2E3138
- textBlockQuote.border#455A64
- textLink.activeForeground#82BCCE
- textLink.foreground#5498CC
- textPreformat.foreground#E9BE44
- titleBar.activeBackground#27282F
- titleBar.activeForeground#D6DAE0
- titleBar.inactiveBackground#27282F
- titleBar.inactiveForeground#95999F
- tree.indentGuidesStroke#455A64
- walkThrough.embeddedEditorBackground#27282F
- welcomePage.progress.foreground#AC0340
- welcomePage.tileBackground#2E3138
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A8288 | italic |
| string, string.quoted, punctuation.definition.string | #82BCCE | — |
| constant.numeric, constant.language, constant.character, constant.other | #E9BE44 | — |
| keyword, storage.type, storage.modifier, keyword.control | #E11E4D | — |
| keyword.operator | #B3B3B3 | — |
| entity.name.function, support.function, meta.function-call.generic | #5498CC | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #E4A900 | — |
| variable, meta.definition.variable | #D6DAE0 | — |
| variable.parameter | #DCEFFE | — |
| variable.language, support.variable.magic | #9B7BC8 | italic |
| entity.name.tag | #E11E4D | — |
| entity.other.attribute-name | #E4A900 | — |
| support.type.property-name, meta.object-literal.key | #82BCCE | — |
| punctuation, meta.brace | #95999F | — |
| markup.heading, entity.name.section | #E4A900 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #E9BE44 | — |
| markup.underline.link, string.other.link | #5498CC | — |
| markup.inserted | #3AA55D | — |
| markup.deleted | #E11E4D | — |
| invalid, invalid.illegal | #FFFFFF | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #9B7BC8 | — |
| support.constant, constant.other.symbol | #E9BE44 | — |