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#F5F5F5
- activityBar.border#E0E0E0
- activityBar.foreground#282C2F
- activityBar.inactiveForeground#95999F
- activityBarBadge.background#AC0340
- activityBarBadge.foreground#FFFFFF
- badge.background#AC0340
- badge.foreground#FFFFFF
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#282C2F
- breadcrumb.foreground#6E7379
- button.background#AC0340
- button.foreground#FFFFFF
- button.hoverBackground#BC1C38
- button.secondaryBackground#455A64
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#546E7A
- charts.blue#2E6E9E
- charts.foreground#282C2F
- charts.green#2E7D46
- charts.lines#B3B3B3
- charts.orange#E9BE44
- charts.purple#67498E
- charts.red#AC0340
- charts.yellow#B77800
- checkbox.background#FFFFFF
- checkbox.border#B3B3B3
- debugIcon.breakpointForeground#AC0340
- debugToolBar.background#FFFFFF
- descriptionForeground#6E7379
- diffEditor.insertedLineBackground#3AA55D12
- diffEditor.insertedTextBackground#3AA55D22
- diffEditor.removedLineBackground#E11E4D12
- diffEditor.removedTextBackground#E11E4D22
- dropdown.background#FFFFFF
- dropdown.border#B3B3B3
- dropdown.foreground#282C2F
- editor.background#FFFFFF
- editor.findMatchBackground#E4A90055
- editor.findMatchHighlightBackground#E4A90030
- editor.foreground#282C2F
- editor.inactiveSelectionBackground#DCEFFE80
- editor.lineHighlightBackground#F2F6F9
- editor.selectionBackground#DCEFFE
- editor.selectionHighlightBackground#DCEFFE80
- editor.wordHighlightBackground#DCEFFE80
- editor.wordHighlightStrongBackground#DCEFFE
- editorBracketMatch.background#DCEFFE
- editorBracketMatch.border#2E6E9E
- editorCursor.foreground#AC0340
- editorError.foreground#AC0340
- editorGroup.border#E0E0E0
- editorGroupHeader.tabsBackground#F5F5F5
- editorGutter.addedBackground#2E7D46
- editorGutter.deletedBackground#AC0340
- editorGutter.modifiedBackground#B77800
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#D6DAE0
- editorIndentGuide.activeBackground1#B3B3B3
- editorIndentGuide.background1#E0E0E0
- editorInfo.foreground#2E6E9E
- editorLineNumber.activeForeground#AC0340
- editorLineNumber.foreground#B3B3B3
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#D6DAE0
- editorSuggestWidget.selectedBackground#DCEFFE
- editorWarning.foreground#B77800
- editorWhitespace.foreground#D6DAE0
- editorWidget.background#FFFFFF
- editorWidget.border#D6DAE0
- errorForeground#AC0340
- focusBorder#AC0340
- foreground#282C2F
- gitDecoration.addedResourceForeground#2E7D46
- gitDecoration.conflictingResourceForeground#9E7000
- gitDecoration.deletedResourceForeground#AC0340
- gitDecoration.ignoredResourceForeground#95999F
- gitDecoration.modifiedResourceForeground#B77800
- gitDecoration.untrackedResourceForeground#3AA55D
- icon.foreground#455A64
- input.background#FFFFFF
- input.border#B3B3B3
- input.foreground#282C2F
- input.placeholderForeground#95999F
- inputOption.activeBackground#AC034022
- inputOption.activeBorder#AC0340
- inputOption.activeForeground#282C2F
- inputValidation.errorBackground#FDECF1
- inputValidation.errorBorder#AC0340
- inputValidation.warningBackground#FBF3DC
- inputValidation.warningBorder#E4A900
- list.activeSelectionBackground#DCEFFE
- list.activeSelectionForeground#282C2F
- list.errorForeground#AC0340
- list.focusBackground#DCEFFE
- list.focusForeground#282C2F
- list.highlightForeground#AC0340
- list.hoverBackground#F0F0F0
- list.inactiveSelectionBackground#EDEDED
- list.inactiveSelectionForeground#282C2F
- list.warningForeground#B77800
- menu.background#FFFFFF
- menu.border#D6DAE0
- menu.foreground#282C2F
- menu.selectionBackground#DCEFFE
- menu.selectionForeground#282C2F
- menu.separatorBackground#E0E0E0
- minimap.findMatchHighlight#E4A900
- minimap.selectionHighlight#DCEFFE
- minimapGutter.addedBackground#2E7D46
- minimapGutter.deletedBackground#AC0340
- minimapGutter.modifiedBackground#B77800
- notificationCenterHeader.background#F5F5F5
- notifications.background#FFFFFF
- notifications.border#D6DAE0
- notificationsErrorIcon.foreground#AC0340
- notificationsInfoIcon.foreground#2E6E9E
- notificationsWarningIcon.foreground#B77800
- panel.background#F5F5F5
- panel.border#E0E0E0
- panelTitle.activeBorder#AC0340
- panelTitle.activeForeground#282C2F
- panelTitle.inactiveForeground#95999F
- peekView.border#AC0340
- peekViewEditor.background#FAFAFA
- peekViewResult.background#F5F5F5
- peekViewTitle.background#EDEDED
- pickerGroup.border#E0E0E0
- pickerGroup.foreground#AC0340
- progressBar.background#AC0340
- quickInput.background#FFFFFF
- quickInputList.focusBackground#DCEFFE
- scrollbarSlider.activeBackground#455A6477
- scrollbarSlider.background#455A6433
- scrollbarSlider.hoverBackground#455A6455
- selection.background#DCEFFE
- sideBar.background#F5F5F5
- sideBar.border#E0E0E0
- sideBar.foreground#282C2F
- sideBarSectionHeader.background#EDEDED
- sideBarSectionHeader.border#E0E0E0
- sideBarSectionHeader.foreground#282C2F
- sideBarTitle.foreground#282C2F
- 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#FFFFFF
- tab.activeBorderTop#AC0340
- tab.activeForeground#282C2F
- tab.border#E0E0E0
- tab.hoverBackground#FAFAFA
- tab.inactiveBackground#F5F5F5
- tab.inactiveForeground#6E7379
- terminal.ansiBlack#282C2F
- terminal.ansiBlue#2E6E9E
- terminal.ansiBrightBlack#6E7379
- terminal.ansiBrightBlue#5498CC
- terminal.ansiBrightCyan#82BCCE
- terminal.ansiBrightGreen#3AA55D
- terminal.ansiBrightMagenta#9B7BC8
- terminal.ansiBrightRed#E11E4D
- terminal.ansiBrightWhite#282C2F
- terminal.ansiBrightYellow#E4A900
- terminal.ansiCyan#3D7A99
- terminal.ansiGreen#2E7D46
- terminal.ansiMagenta#67498E
- terminal.ansiRed#AC0340
- terminal.ansiWhite#D6DAE0
- terminal.ansiYellow#B77800
- terminal.background#FFFFFF
- terminal.foreground#282C2F
- terminalCursor.foreground#AC0340
- textBlockQuote.background#F5F5F5
- textBlockQuote.border#D6DAE0
- textLink.activeForeground#1F5E8C
- textLink.foreground#2E6E9E
- textPreformat.foreground#9E7000
- titleBar.activeBackground#F5F5F5
- titleBar.activeForeground#282C2F
- titleBar.inactiveBackground#F5F5F5
- titleBar.inactiveForeground#95999F
- tree.indentGuidesStroke#D6DAE0
- walkThrough.embeddedEditorBackground#F5F5F5
- welcomePage.progress.foreground#AC0340
- welcomePage.tileBackground#F5F5F5
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #95999F | italic |
| string, string.quoted, punctuation.definition.string | #3D7A99 | — |
| constant.numeric, constant.language, constant.character, constant.other | #9E7000 | — |
| keyword, storage.type, storage.modifier, keyword.control | #AC0340 | — |
| keyword.operator | #6E7379 | — |
| entity.name.function, support.function, meta.function-call.generic | #2E6E9E | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #B77800 | — |
| variable, meta.definition.variable | #282C2F | — |
| variable.parameter | #455A64 | — |
| variable.language, support.variable.magic | #67498E | italic |
| entity.name.tag | #AC0340 | — |
| entity.other.attribute-name | #B77800 | — |
| support.type.property-name, meta.object-literal.key | #3D7A99 | — |
| punctuation, meta.brace | #6E7379 | — |
| markup.heading, entity.name.section | #AC0340 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #9E7000 | — |
| markup.underline.link, string.other.link | #2E6E9E | — |
| markup.inserted | #2E7D46 | — |
| markup.deleted | #AC0340 | — |
| invalid, invalid.illegal | #FFFFFF | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #67498E | — |
| support.constant, constant.other.symbol | #9E7000 | — |