Voyage Mate Color Themes

Color themes

• 

  Voyage Mate Dark

• 

  Voyage Mate Light

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#93CCC3
• activityBar.border#8ac2b9
• activityBar.foreground#564d4d
• activityBar.inactiveForeground#e9fffc
• activityBarBadge.background#fad8ed
• activityBarBadge.foreground#564d4d
• breadcrumb.activeSelectionForeground#564d4d
• breadcrumb.background#fceef5
• breadcrumb.focusForeground#564d4d
• breadcrumb.foreground#7a7a7a
• button.background#93CCC3
• button.foreground#FFFFFF
• button.hoverBackground#9EDAD1
• button.secondaryBackground#fad8ed
• button.secondaryForeground#564d4d
• button.secondaryHoverBackground#f3c5df
• checkbox.background#fff7fb
• checkbox.border#93CCC3
• checkbox.foreground#564d4d
• debugIcon.breakpointForeground#c86a7f
• debugIcon.continueForeground#4c9f96
• debugIcon.disconnectForeground#c86a7f
• debugIcon.pauseForeground#b47a2b
• debugIcon.restartForeground#4c9f96
• debugIcon.startForeground#4c9f96
• debugIcon.stepBackForeground#5aaea4
• debugIcon.stepIntoForeground#5aaea4
• debugIcon.stepOutForeground#5aaea4
• debugIcon.stepOverForeground#5aaea4
• debugIcon.stopForeground#c86a7f
• debugToolBar.background#fff7fb
• debugToolBar.border#fad8ed
• descriptionForeground#7a7a7a
• diffEditor.insertedLineBackground#d7f0ec88
• diffEditor.insertedTextBackground#9EDAD188
• diffEditor.removedLineBackground#fceef588
• diffEditor.removedTextBackground#d5b4c888
• disabledForeground#b89cab
• dropdown.background#fff7fb
• dropdown.border#93CCC3
• dropdown.foreground#564d4d
• editor.background#fceef5
• editor.findMatchBackground#fff0a8
• editor.findMatchHighlightBackground#fff7cf
• editor.findRangeHighlightBackground#e4f3f0
• editor.foreground#564d4d
• editor.hoverHighlightBackground#e4f3f0
• editor.inactiveSelectionBackground#f7e2ed
• editor.lineHighlightBackground#fff7fb
• editor.lineHighlightBorder#fad8ed
• editor.selectionBackground#fad8ed
• editor.selectionHighlightBackground#f7e2ed
• editor.wordHighlightBackground#e4f3f0
• editor.wordHighlightStrongBackground#d2eee9
• editorBracketMatch.background#d7f0ec
• editorBracketMatch.border#93CCC3
• editorCodeLens.foreground#7a7a7a
• editorCursor.foreground#5aaea4
• editorError.foreground#c86a7f
• editorGutter.addedBackground#93CCC3
• editorGutter.background#f4e2ea
• editorGutter.deletedBackground#c86a7f
• editorGutter.modifiedBackground#d8a046
• editorHint.foreground#5aaea4
• editorHoverWidget.background#fff7fb
• editorHoverWidget.border#fad8ed
• editorHoverWidget.foreground#564d4d
• editorIndentGuide.activeBackground1#93CCC3
• editorIndentGuide.background1#e7cdda
• editorInfo.foreground#4c9f96
• editorLineNumber.activeForeground#564d4d
• editorLineNumber.foreground#b49fac
• editorLink.activeForeground#4c9f96
• editorOverviewRuler.border#f2dde7
• editorOverviewRuler.errorForeground#c86a7f
• editorOverviewRuler.findMatchForeground#fff0a8
• editorOverviewRuler.infoForeground#4c9f96
• editorOverviewRuler.warningForeground#d58a83
• editorRuler.foreground#ead3df
• editorSuggestWidget.background#fff7fb
• editorSuggestWidget.border#fad8ed
• editorSuggestWidget.foreground#564d4d
• editorSuggestWidget.highlightForeground#4c9f96
• editorSuggestWidget.selectedBackground#d7f0ec
• editorWarning.foreground#b47a2b
• editorWhitespace.foreground#e7cdda
• editorWidget.background#fff7fb
• editorWidget.border#fad8ed
• editorWidget.foreground#564d4d
• errorForeground#c86a7f
• focusBorder#93CCC3
• foreground#564d4d
• gitDecoration.addedResourceForeground#4c9f96
• gitDecoration.conflictingResourceForeground#b47a2b
• gitDecoration.deletedResourceForeground#c86a7f
• gitDecoration.ignoredResourceForeground#a88f9c
• gitDecoration.modifiedResourceForeground#b47a2b
• gitDecoration.renamedResourceForeground#5aaea4
• gitDecoration.stageDeletedResourceForeground#df8ca0
• gitDecoration.stageModifiedResourceForeground#d8a046
• gitDecoration.untrackedResourceForeground#4c9f96
• icon.foreground#564d4d
• input.background#fff7fb
• input.border#fad8ed
• input.foreground#564d4d
• input.placeholderForeground#a88f9c
• inputOption.activeBackground#d7f0ec
• inputOption.activeBorder#93CCC3
• inputValidation.errorBackground#ffe8ef
• inputValidation.errorBorder#c86a7f
• inputValidation.infoBackground#e3f5f2
• inputValidation.infoBorder#93CCC3
• inputValidation.warningBackground#fff4d8
• inputValidation.warningBorder#d8a046
• list.activeSelectionBackground#fad8ed
• list.activeSelectionForeground#564d4d
• list.dropBackground#fad8ed
• list.errorForeground#c86a7f
• list.focusBackground#c6eee8
• list.focusForeground#564d4d
• list.highlightForeground#4c9f96
• list.hoverBackground#b9e8e1
• list.hoverForeground#564d4d
• list.inactiveSelectionBackground#c6eee8
• list.inactiveSelectionForeground#564d4d
• list.warningForeground#b47a2b
• menu.background#fff7fb
• menu.foreground#564d4d
• menu.selectionBackground#d7f0ec
• menu.selectionForeground#564d4d
• menu.separatorBackground#fad8ed
• menubar.selectionBackground#f7e2ed
• menubar.selectionForeground#564d4d
• notificationCenter.border#fad8ed
• notificationCenterHeader.background#f7e2ed
• notificationCenterHeader.foreground#564d4d
• notifications.background#fff7fb
• notifications.border#fad8ed
• notifications.foreground#564d4d
• notificationsErrorIcon.foreground#c86a7f
• notificationsInfoIcon.foreground#4c9f96
• notificationsWarningIcon.foreground#b47a2b
• panel.background#fff7fb
• panel.border#fad8ed
• panelTitle.activeBorder#93CCC3
• panelTitle.activeForeground#564d4d
• panelTitle.inactiveForeground#7a7a7a
• peekView.border#93CCC3
• peekViewEditor.background#fceef5
• peekViewEditor.matchHighlightBackground#fff7cf
• peekViewResult.background#9EDAD1
• peekViewResult.fileForeground#564d4d
• peekViewResult.lineForeground#7a7a7a
• peekViewResult.matchHighlightBackground#fff7cf
• peekViewResult.selectionBackground#fad8ed
• peekViewResult.selectionForeground#564d4d
• peekViewTitle.background#b9e8e1
• peekViewTitleDescription.foreground#7a7a7a
• peekViewTitleLabel.foreground#564d4d
• sash.hoverBorder#93CCC3
• sideBar.background#b5d6d1
• sideBar.border#caede8
• sideBar.foreground#564d4d
• sideBarSectionHeader.background#caede8
• sideBarSectionHeader.border#b5dad5
• sideBarSectionHeader.foreground#564d4d
• sideBarTitle.foreground#564d4d
• statusBar.background#564d4d
• statusBar.border#fceef5
• statusBar.debuggingBackground#c48aba
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#fff7fb
• statusBar.noFolderBackground#9EDAD1
• statusBar.noFolderForeground#564d4d
• statusBarItem.hoverBackground#7dbfb6
• statusBarItem.remoteBackground#fad8ed
• statusBarItem.remoteForeground#564d4d
• tab.activeBackground#fceef5
• tab.activeBorderTop#93CCC3
• tab.activeForeground#564d4d
• tab.border#fad8ed
• tab.hoverBackground#f7e2ed
• tab.inactiveBackground#fff7fb
• tab.inactiveForeground#7a7a7a
• tab.unfocusedActiveForeground#564d4d
• tab.unfocusedInactiveForeground#a88f9c
• terminal.ansiBlack#564d4d
• terminal.ansiBlue#6aa9c9
• terminal.ansiBrightBlack#7a7a7a
• terminal.ansiBrightBlue#8bc5dc
• terminal.ansiBrightCyan#b9e8e1
• terminal.ansiBrightGreen#9EDAD1
• terminal.ansiBrightMagenta#fad8ed
• terminal.ansiBrightRed#df8ca0
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#d8a046
• terminal.ansiCyan#93CCC3
• terminal.ansiGreen#5aaea4
• terminal.ansiMagenta#c48aba
• terminal.ansiRed#c86a7f
• terminal.ansiWhite#fceef5
• terminal.ansiYellow#b47a2b
• terminal.background#fff7fb
• terminal.foreground#564d4d
• terminalCursor.background#fceef5
• terminalCursor.foreground#5aaea4
• textBlockQuote.background#cadedb
• textBlockQuote.border#93CCC3
• textCodeBlock.background#cadedb
• textLink.activeForeground#5aaea4
• textLink.foreground#c181b1
• textPreformat.foreground#564d4d
• textSeparator.foreground#fad8ed
• titleBar.activeBackground#564d4d
• titleBar.activeForeground#fceef5
• titleBar.border#fff7fb
• titleBar.inactiveBackground#7a7a7a
• titleBar.inactiveForeground#fff7fb
• window.activeBorder#93CCC3
• window.inactiveBorder#fad8ed

tokenColors

TextMate scopes and font styles (syntax highlighting rules).