Voyager theme
Publisher: atordoarThemes in package: 2
voyager
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.background#F3F3F3
- activityBar.border#CCCCCC
- activityBar.foreground#333333
- activityBarBadge.background#19F9D8
- activityBarBadge.foreground#FFFFFF
- badge.background#5FA8E6
- badge.foreground#FFFFFF
- button.background#3A8BE6
- button.foreground#FFFFFF
- button.hoverBackground#4A90E2
- diffEditor.insertedTextBackground#19F9D840
- diffEditor.removedTextBackground#FF4B8240
- editor.background#FFFFFF
- editor.findMatchBackground#B084EB30
- editor.findMatchHighlightBackground#FFB86C30
- editor.foreground#333333
- editor.inactiveSelectionBackground#FFB86C30
- editor.lineHighlightBackground#EEEEEE
- editor.selectionBackground#FFB86C30
- editor.selectionHighlightBackground#FFB86C30
- editor.wordHighlightBackground#FFCC9530
- editor.wordHighlightStrongBackground#FF9AC150
- editorBracketMatch.border#19F9D8
- editorCodeLens.foreground#FFB86C30
- editorCursor.foreground#FF4B82
- editorError.border#FF4B82
- editorError.foreground#FF4B82
- editorGutter.addedBackground#19F9D8
- editorGutter.deletedBackground#FF4B82
- editorGutter.modifiedBackground#FFCC95
- editorHoverWidget.background#F0F0F0
- editorOverviewRuler.addedForeground#19F9D8
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#FF4B82
- editorOverviewRuler.errorForeground#FF4B82
- editorOverviewRuler.infoForeground#5FA8E6
- editorOverviewRuler.modifiedForeground#FFCC95
- editorOverviewRuler.warningForeground#FFCC95
- editorRuler.foreground#B084EB40
- editorSuggestWidget.selectedBackground#19F9D899
- editorWarning.border#FFCC95
- editorWarning.foreground#FFCC95
- editorWhitespace.foreground#A0A0A0
- editorWidget.background#F0F0F0
- editorWidget.border#CCCCCC
- errorForeground#FF4B82
- extensionButton.prominentBackground#3A8BE6
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#4A90E2
- foreground#333333
- list.activeSelectionBackground#D0D0D0
- list.activeSelectionForeground#19F9D8
- list.focusBackground#E0E0E0
- list.focusForeground#19F9D8
- list.highlightForeground#5FA8E6
- list.hoverBackground#F0F0F0
- list.hoverForeground#333333
- list.inactiveSelectionBackground#D0D0D0
- list.inactiveSelectionForeground#19F9D8
- merge.currentContentBackground#B084EB20
- merge.currentHeaderBackground#B084EB60
- merge.incomingContentBackground#FFB86C20
- merge.incomingHeaderBackground#45A9F970
- progressBar.background#B084EB
- scrollbar.shadow#D0D0D0
- scrollbarSlider.activeBackground#757575
- scrollbarSlider.background#CCCCCC99
- scrollbarSlider.hoverBackground#757575
- sideBar.background#F3F3F3
- sideBar.border#CCCCCC
- sideBar.foreground#333333
- statusBar.background#F3F3F3
- statusBar.debuggingBackground#B084EB
- statusBar.debuggingForeground#333333
- statusBar.foreground#333333
- statusBar.noFolderBackground#F3F3F3
- statusBar.noFolderForeground#333333
- tab.activeBackground#FFFFFF
- tab.activeBorder#19F9D8
- tab.activeForeground#19F9D8
- tab.inactiveBackground#F3F3F3
- tab.inactiveForeground#333333
- terminal.ansiBlue#3A8BE6
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#5FA8E6
- terminal.ansiBrightCyan#BCAAFE
- terminal.ansiBrightGreen#19F9D8
- terminal.ansiBrightMagenta#FF9AC1
- terminal.ansiBrightRed#FF2C6D
- terminal.ansiBrightWhite#E6E6E6
- terminal.ansiBrightYellow#FFCC95
- terminal.ansiCyan#B084EB
- terminal.ansiGreen#19F9D8
- terminal.ansiMagenta#FF75B5
- terminal.ansiRed#FF2C6D
- terminal.ansiWhite#CDCDCD
- terminal.ansiYellow#FFB86C
- terminalCursor.background#333333
- terminalCursor.foreground#FF4B82
- titleBar.activeBackground#F3F3F3
- titleBar.activeForeground#333333
- titleBar.inactiveBackground#F3F3F3
- titleBar.inactiveForeground#333333
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #676B79 | italic |
| keyword | #FF75B5 | — |
| keyword.control, keyword.operator.new | #FF75B5 | — |
| keyword.operator | #333333 | — |
| keyword.operator.logical, keyword.operator.comparison | #FFCC95 | — |
| storage | #FFB86C | — |
| constant | #FFB86C | — |
| constant.character.escape | #3A8BE6 | — |
| variable | #333333 | — |
| variable.parameter | #555555 | — |
| meta.object-binding-pattern-variable.js variable | #FFCC95 | — |
| variable.other.constant, variable.language.this, variable.interpolation | #FF9AC1 | — |
| variable.other.object | #FF9AC1 | — |
| variable.other.property | #333333 | — |
| invalid.illegal | — | — |
| invalid.deprecated | — | — |
| string | #19F9D8 | — |
| punctuation.definition.template-expression | #FFCC95 | — |
| support | #FFCC95 | — |
| support.class | #FFCC95 | — |
| support.type.object.module.js | #B084EB | — |
| support.function | #5FA8E6 | — |
| entity.name.function | #5FA8E6 | — |
| entity.other.inherited-class | #FF9AC1 | — |
| entity.name.tag.yaml | #FFCC95 | — |
| meta.decorator punctuation.decorator | #FFB86C | — |
| meta.decorator variable | #5FA8E6 | — |
| keyword.other.special-method | #3A8BE6 | — |
| keyword.control.at-rule | #B084EB | — |
| keyword.other.important | #FF4B82 | — |
| variable.interpolation | #FF75B5 | — |
| meta.source.handlebars entity.name.tag | #5FA8E6 | — |
| punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag | #FFCC95 | italic |
| entity.name.function.expression | #FF75B5 | — |
| entity.unescaped.expression | #B084EB | — |
| constant.other.symbol | #19F9D8 | — |
| entity.expression variable.parameter.name | #FFB86C | — |
| entity.expression variable.parameter.value | #5FA8E6 | — |
| entity.expression support.function.builtin | #FF9AC1 | — |
| entity.name.tag.html | #FFCC95 | — |
| entity.other.attribute-name.handlebars | #FFCC95 | — |
| support.class.component | #FF75B5 | italic |
| meta.tag.js entity.name.tag | #FFCC95 | — |
| entity.other.attribute-name | #FFB86C | — |
| markup.bold | #FFB86C | — |
| punctuation.definition.bold.markdown | #FFCC95 | — |
| markup.changed | #FF75B5 | — |
| markup.deleted | #FF2C6D | — |
| markup.italic | #FF9AC1 | italic |
| punctuation.definition.italic.markdown | #FF75B5 | italic |
| markup.inserted | #19F9D8 | — |
| punctuation.definition.heading | #19F9D8 | — |
| entity.name.section.markdown | #555555 | — |
| markup.quote | #FFB86C | — |
| markup.inline.raw | #19F9D8 | italic |
| beginning.punctuation.definition.list | #FF75B5 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #757575 | — |
| fenced_code.block.language | #555555 | italic |
| string.other.link | #555555 | normal |
| meta.link.inline.markdown | #3A8BE6 | italic |
| text.html.markdown punctuation.definition.string | #FFCC95 | — |
| entity.name.type.class.js | #5FA8E6 | — |
| keyword.control.as.js | #FF9AC1 | — |
| keyword.control.from.js.jsx | #FF9AC1 | — |
| keyword.control.export.js | #B084EB | — |
| entity.name.tag.js.jsx, support.class.component.js.jsx | #FF2C6D | — |
| variable.language.super.js.jsx | #3A8BE6 | — |
| meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade | #FF2C6D | — |
| entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html | #FF2C6D | — |
| entity.name.tag.css | #FF2C6D | — |
| support.type.property-name.css | #333333 | — |
| variable.scss | #FF9AC1 | — |
| entity.name.tag.reference.scss | #FF2C6D | — |
| keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css | #FFB86C | — |
| string.regexp | #5FA8E6 | — |
| string.regexp keyword, string.regexp keyword.control | #FF75B5 | normal |
| string.regexp keyword.operator | #FF9AC1 | — |
| comment.block.documentation | — | normal |
| entity.name.type.instance.jsdoc punctuation.definition | #FFCC95 | italic |
| entity.name.type.instance.jsdoc | #666666 | italic |
| comment.block storage | #FFCC95 | — |
| comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string | #FF9AC1 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |