The Flying Dutchman
Publisher: Davy JonesThemes in package: 3
An artisan nautical dark theme. Abyssal ocean blues, aged brass, and a bioluminescent glow — in three harmonious variants. Also ships for six terminals and editors.
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#7ab9bd
- activityBar.background#131820
- activityBar.border#131820
- activityBar.foreground#bec8d5
- activityBar.inactiveForeground#738391
- activityBarBadge.background#7ab9bd
- activityBarBadge.foreground#131820
- badge.background#7ab9bd
- badge.foreground#131820
- breadcrumb.activeSelectionForeground#7ab9bd
- breadcrumb.background#1a2028
- breadcrumb.focusForeground#dbe4eb
- breadcrumb.foreground#738391
- breadcrumbPicker.background#212831
- button.background#7ab9bd
- button.foreground#131820
- button.hoverBackground#9cbfc9
- button.secondaryBackground#212831
- button.secondaryForeground#bec8d5
- button.secondaryHoverBackground#2c353f
- charts.blue#89b6cd
- charts.foreground#bec8d5
- charts.green#78ba99
- charts.orange#d1ae75
- charts.purple#c398af
- charts.red#d7827f
- charts.yellow#d3c088
- commandCenter.activeBackground#2c353f
- commandCenter.activeForeground#dbe4eb
- commandCenter.background#131820
- commandCenter.border#2d343e
- commandCenter.foreground#8f9ba8
- commandCenter.inactiveForeground#738391
- debugExceptionWidget.background#d7827f33
- debugExceptionWidget.border#d7827f
- debugIcon.breakpointForeground#d7827f
- debugToolBar.background#212831
- debugToolBar.border#2d343e
- descriptionForeground#8f9ba8
- diffEditor.insertedLineBackground#78ba9918
- diffEditor.insertedTextBackground#78ba9922
- diffEditor.removedLineBackground#d7827f18
- diffEditor.removedTextBackground#d7827f22
- disabledForeground#363e49
- dropdown.background#131820
- dropdown.border#2d343e
- dropdown.foreground#bec8d5
- dropdown.listBackground#212831
- editor.background#1a2028
- editor.findMatchBackground#d3c08866
- editor.findMatchHighlightBackground#d3c08833
- editor.findRangeHighlightBackground#374b5d66
- editor.foreground#bec8d5
- editor.hoverHighlightBackground#7ab9bd22
- editor.inactiveSelectionBackground#2f3841
- editor.lineHighlightBackground#242a33
- editor.rangeHighlightBackground#374b5d44
- editor.selectionBackground#374b5d
- editor.selectionHighlightBackground#7ab9bd22
- editor.wordHighlightBackground#7ab9bd22
- editor.wordHighlightStrongBackground#7ab9bd33
- editorBracketHighlight.foreground1#d3c088
- editorBracketHighlight.foreground2#7ab9bd
- editorBracketHighlight.foreground3#d3a297
- editorBracketHighlight.foreground4#8daec4
- editorBracketHighlight.foreground5#9cbfc9
- editorBracketHighlight.foreground6#c8ae7e
- editorBracketHighlight.unexpectedBracket.foreground#d7827f
- editorBracketMatch.background#7ab9bd22
- editorBracketMatch.border#7ab9bd
- editorCodeLens.foreground#738391
- editorCursor.background#1a2028
- editorCursor.foreground#7ab9bd
- editorError.foreground#d7827f
- editorGroup.border#2d343e
- editorGroupHeader.noTabsBackground#1a2028
- editorGroupHeader.tabsBackground#131820
- editorGroupHeader.tabsBorder#131820
- editorGutter.addedBackground#78ba99
- editorGutter.deletedBackground#d7827f
- editorGutter.modifiedBackground#89b6cd
- editorHint.foreground#78ba99
- editorHoverWidget.background#212831
- editorHoverWidget.border#2d343e
- editorIndentGuide.activeBackground1#3f4d5a
- editorIndentGuide.background1#2d343e
- editorInfo.foreground#89b6cd
- editorLineNumber.activeForeground#8f9ba8
- editorLineNumber.foreground#363e49
- editorLink.activeForeground#89b6cd
- editorOverviewRuler.addedForeground#78ba99
- editorOverviewRuler.border#131820
- editorOverviewRuler.deletedForeground#d7827f
- editorOverviewRuler.errorForeground#d7827f
- editorOverviewRuler.findMatchForeground#d3c088
- editorOverviewRuler.infoForeground#89b6cd
- editorOverviewRuler.modifiedForeground#89b6cd
- editorOverviewRuler.warningForeground#d1ae75
- editorRuler.foreground#2d343e
- editorStickyScroll.background#161b23
- editorStickyScrollHover.background#2c353f
- editorSuggestWidget.background#212831
- editorSuggestWidget.border#2d343e
- editorSuggestWidget.foreground#bec8d5
- editorSuggestWidget.highlightForeground#7ab9bd
- editorSuggestWidget.selectedBackground#374b5d
- editorWarning.foreground#d1ae75
- editorWhitespace.foreground#363e49
- editorWidget.background#212831
- editorWidget.border#2d343e
- editorWidget.foreground#bec8d5
- errorForeground#d7827f
- focusBorder#7ab9bd
- foreground#bec8d5
- gitDecoration.addedResourceForeground#78ba99
- gitDecoration.conflictingResourceForeground#d1ae75
- gitDecoration.deletedResourceForeground#d7827f
- gitDecoration.ignoredResourceForeground#363e49
- gitDecoration.modifiedResourceForeground#89b6cd
- gitDecoration.submoduleResourceForeground#8f9ba8
- gitDecoration.untrackedResourceForeground#78ba99
- icon.foreground#8f9ba8
- inlineChat.background#212831
- inlineChat.border#2d343e
- inlineChatInput.background#131820
- inlineChatInput.focusBorder#7ab9bd
- input.background#131820
- input.border#2d343e
- input.foreground#bec8d5
- input.placeholderForeground#738391
- inputOption.activeBackground#7ab9bd
- inputOption.activeBorder#7ab9bd
- inputOption.activeForeground#131820
- inputValidation.errorBackground#d7827f33
- inputValidation.errorBorder#d7827f
- inputValidation.errorForeground#dbe4eb
- inputValidation.infoBackground#212831
- inputValidation.infoBorder#89b6cd
- inputValidation.infoForeground#dbe4eb
- inputValidation.warningBackground#d1ae75
- inputValidation.warningBorder#d1ae75
- inputValidation.warningForeground#131820
- keybindingLabel.background#212831
- keybindingLabel.border#2d343e
- keybindingLabel.bottomBorder#2d343e
- keybindingLabel.foreground#bec8d5
- list.activeSelectionBackground#374b5d
- list.activeSelectionForeground#dbe4eb
- list.dropBackground#2f3841
- list.errorForeground#d7827f
- list.focusBackground#374b5d
- list.focusForeground#dbe4eb
- list.highlightForeground#7ab9bd
- list.hoverBackground#2c353f
- list.hoverForeground#dbe4eb
- list.inactiveSelectionBackground#2f3841
- list.inactiveSelectionForeground#bec8d5
- list.warningForeground#d1ae75
- menu.background#212831
- menu.border#2d343e
- menu.foreground#8f9ba8
- menu.selectionBackground#374b5d
- menu.selectionForeground#dbe4eb
- menu.separatorBackground#2d343e
- menubar.selectionBackground#2c353f
- menubar.selectionForeground#dbe4eb
- merge.border#2d343e
- merge.currentContentBackground#89b6cd33
- merge.currentHeaderBackground#89b6cd66
- merge.incomingContentBackground#78ba9933
- merge.incomingHeaderBackground#78ba9966
- minimapGutter.addedBackground#78ba99
- minimapGutter.deletedBackground#d7827f
- minimapGutter.modifiedBackground#89b6cd
- notificationCenter.border#2d343e
- notificationCenterHeader.background#212831
- notificationCenterHeader.foreground#dbe4eb
- notificationLink.foreground#89b6cd
- notifications.background#212831
- notifications.border#2d343e
- notifications.foreground#bec8d5
- notificationsErrorIcon.foreground#d7827f
- notificationsInfoIcon.foreground#89b6cd
- notificationsWarningIcon.foreground#d1ae75
- panel.background#1a2028
- panel.border#2d343e
- panelTitle.activeBorder#7ab9bd
- panelTitle.activeForeground#dbe4eb
- panelTitle.inactiveForeground#738391
- peekView.border#7ab9bd
- peekViewEditor.background#161b23
- peekViewEditor.matchHighlightBackground#d3c08844
- peekViewResult.background#161b23
- peekViewResult.fileForeground#dbe4eb
- peekViewResult.lineForeground#8f9ba8
- peekViewResult.matchHighlightBackground#d3c08844
- peekViewResult.selectionBackground#374b5d
- peekViewResult.selectionForeground#dbe4eb
- peekViewTitle.background#212831
- peekViewTitleDescription.foreground#738391
- peekViewTitleLabel.foreground#dbe4eb
- progressBar.background#7ab9bd
- sash.hoverBorder#7ab9bd
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#8f9ba866
- scrollbarSlider.background#8f9ba822
- scrollbarSlider.hoverBackground#8f9ba844
- selection.background#374b5d
- settings.headerForeground#dbe4eb
- settings.modifiedItemIndicator#7ab9bd
- sideBar.background#161b23
- sideBar.border#131820
- sideBar.foreground#8f9ba8
- sideBarSectionHeader.background#161b23
- sideBarSectionHeader.border#2d343e
- sideBarSectionHeader.foreground#bec8d5
- sideBarTitle.foreground#bec8d5
- statusBar.background#131820
- statusBar.border#131820
- statusBar.debuggingBackground#d1ae75
- statusBar.debuggingBorder#d1ae75
- statusBar.debuggingForeground#131820
- statusBar.foreground#8f9ba8
- statusBar.noFolderBackground#131820
- statusBarItem.activeBackground#374b5d
- statusBarItem.errorBackground#d7827f
- statusBarItem.errorForeground#131820
- statusBarItem.hoverBackground#2c353f
- statusBarItem.prominentBackground#7ab9bd
- statusBarItem.prominentForeground#131820
- statusBarItem.remoteBackground#7ab9bd
- statusBarItem.remoteForeground#131820
- tab.activeBackground#1a2028
- tab.activeBorderTop#7ab9bd
- tab.activeForeground#dbe4eb
- tab.border#131820
- tab.hoverBackground#242a33
- tab.inactiveBackground#131820
- tab.inactiveForeground#738391
- tab.lastPinnedBorder#2d343e
- tab.unfocusedActiveForeground#8f9ba8
- terminal.ansiBlack#131820
- terminal.ansiBlue#89b6cd
- terminal.ansiBrightBlack#8f9ba8
- terminal.ansiBrightBlue#99c9e1
- terminal.ansiBrightCyan#86cfd5
- terminal.ansiBrightGreen#84d2b4
- terminal.ansiBrightMagenta#d7adc3
- terminal.ansiBrightRed#ec908d
- terminal.ansiBrightWhite#dbe4eb
- terminal.ansiBrightYellow#e5d49e
- terminal.ansiCyan#7ab9bd
- terminal.ansiGreen#7cb6a0
- terminal.ansiMagenta#c398af
- terminal.ansiRed#d7827f
- terminal.ansiWhite#bec8d5
- terminal.ansiYellow#d3c088
- terminal.background#1a2028
- terminal.foreground#bec8d5
- terminal.selectionBackground#374b5d
- terminalCursor.background#1a2028
- terminalCursor.foreground#7ab9bd
- textBlockQuote.background#161b23
- textCodeBlock.background#161b23
- textLink.activeForeground#7ab9bd
- textLink.foreground#89b6cd
- textPreformat.foreground#9cbfc9
- titleBar.activeBackground#131820
- titleBar.activeForeground#8f9ba8
- titleBar.border#131820
- titleBar.inactiveBackground#131820
- titleBar.inactiveForeground#738391
- toolbar.activeBackground#374b5d
- toolbar.hoverBackground#2c353f
- tree.indentGuidesStroke#2d343e
- widget.shadow#00000066
- window.activeBorder#131820
- window.inactiveBorder#131820
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #738391 | italic |
| string, punctuation.definition.string, string.quoted, string.template | #7cb6a0 | — |
| constant.character.escape, string.regexp, punctuation.definition.template-expression | #d3c088 | — |
| constant.numeric, constant.language, constant.language.boolean, keyword.other.unit | #d3c088 | — |
| constant, support.constant, variable.other.constant | #d3c088 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage, storage.type, storage.modifier | #8daec4 | — |
| keyword.operator, punctuation.accessor, punctuation.separator, punctuation.terminator, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.section, punctuation.definition.block | #8f9ba8 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #7ab9bd | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class, entity.name.namespace, entity.name.type.class | #c8ae7e | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable | #bec8d5 | — |
| variable.parameter, meta.parameter | #bec8d5 | — |
| variable.language, variable.language.this, variable.language.super | #d3a297 | italic |
| support.type.property-name, meta.object-literal.key, variable.other.property, variable.other.object.property | #9cbfc9 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml | #d3a297 | — |
| entity.other.attribute-name | #d3c088 | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx | #c8ae7e | — |
| entity.name.tag.css, meta.selector | #8daec4 | — |
| entity.other.attribute-name.class.css | #c8ae7e | — |
| entity.other.attribute-name.id.css | #7ab9bd | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #d3c088 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #9cbfc9 | — |
| support.constant.property-value.css, meta.property-value.css | #bec8d5 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json | #9cbfc9 | — |
| markup.heading, markup.heading entity.name, entity.name.section.markdown | #7ab9bd | bold |
| markup.bold | #d3c088 | bold |
| markup.italic | #8daec4 | italic |
| markup.quote | #738391 | italic |
| markup.inline.raw, markup.raw, markup.fenced_code | #9cbfc9 | — |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #89b6cd | — |
| markup.list.punctuation, punctuation.definition.list.begin.markdown | #d3a297 | — |
| markup.inserted | #78ba99 | — |
| markup.deleted | #d7827f | — |
| markup.changed | #d1ae75 | — |
| invalid, invalid.illegal | #d7827f | — |
| invalid.deprecated | #d1ae75 | — |