Nautical Twilight
Publisher: Zac de LusignanThemes in package: 1
A dark, nautical, grey-blue theme.
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#8CC3FA
- activityBar.background#292D39
- activityBar.border#292D3960
- activityBar.foreground#E0E9FF
- activityBarBadge.background#8C8CFA30
- activityBarBadge.foreground#ACB0FD
- badge.background#8C8CFA30
- badge.foreground#ACB0FD
- breadcrumb.activeSelectionForeground#8CC3FA
- breadcrumb.background#292D39
- breadcrumb.focusForeground#b1bbd7
- breadcrumb.foreground#b1bbd770
- breadcrumbPicker.background#292D39
- button.background#8C8CFA20
- button.foreground#ACB0FD
- button.hoverBackground#8C8CFA40
- debugConsole.errorForeground#FA6E7A
- debugConsole.infoForeground#E0E9FF
- debugConsole.warningForeground#FA6E7A
- debugToolBar.background#292D39
- diffEditor.insertedTextBackground#8CC3FA20
- diffEditor.removedTextBackground#ff9cac20
- dropdown.background#242732
- dropdown.border#8cc3fa20
- editor.background#292D39
- editor.findMatchBackground#000000
- editor.findMatchBorder#b1bbd7
- editor.findMatchHighlightBackground#00000050
- editor.findMatchHighlightBorder#8cc3fa20
- editor.findRangeHighlightBackground#FFCC8030
- editor.foldBackground#242732
- editor.foreground#b1bbd7
- editor.lineHighlightBackground#00000050
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#ffffff0d
- editor.selectionBackground#b1bbd750
- editor.selectionHighlightBackground#ffcc0020
- editor.wordHighlightBackground#ff9cac30
- editor.wordHighlightStrongBackground#c3e88d30
- editorBracketMatch.background#292D39
- editorBracketMatch.border#ffcc0050
- editorCursor.foreground#8CC3FA
- editorError.foreground#FA6E7A70
- editorGroup.border#00000030
- editorGroup.dropBackground#FA6E7A80
- editorGroup.focusedEmptyBorder#FA6E7A
- editorGroupHeader.tabsBackground#292D39
- editorGutter.addedBackground#c3e88d60
- editorGutter.deletedBackground#f0717860
- editorGutter.modifiedBackground#ECB97C60
- editorHoverWidget.background#1e212a
- editorHoverWidget.border#8cc3fa20
- editorHoverWidget.foreground#8CC3FA
- editorIndentGuide.activeBackground#b1bbd740
- editorIndentGuide.background#b1bbd715
- editorInfo.foreground#82aaff70
- editorLineNumber.activeForeground#b1bbd780
- editorLineNumber.foreground#b1bbd720
- editorLink.activeForeground#b1bbd7
- editorMarkerNavigation.background#b1bbd705
- editorOverviewRuler.border#292D39
- editorOverviewRuler.errorForeground#f0717840
- editorOverviewRuler.findMatchForeground#8CC3FA30
- editorOverviewRuler.infoForeground#82aaff40
- editorOverviewRuler.warningForeground#FFCC8040
- editorRuler.foreground#98c379
- editorSuggestWidget.background#292D39
- editorSuggestWidget.border#8cc3fa20
- editorSuggestWidget.foreground#b1bbd7
- editorSuggestWidget.highlightForeground#8CC3FA
- editorSuggestWidget.selectedBackground#00000050
- editorWarning.foreground#FA6E7A70
- editorWhitespace.foreground#b1bbd740
- editorWidget.background#1e212a
- editorWidget.border#8CC3FA
- editorWidget.resizeBorder#8CC3FA
- errorForeground#FA6E7A
- extensionBadge.remoteForeground#b1bbd7
- extensionButton.prominentBackground#8C8CFA90
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#8C8CFA
- focusBorder#8cc3fa20
- foreground#E0E9FF
- gitDecoration.conflictingResourceForeground#FA6E7A90
- gitDecoration.deletedResourceForeground#f0717890
- gitDecoration.ignoredResourceForeground#b1bbd790
- gitDecoration.modifiedResourceForeground#8CC3FA90
- gitDecoration.untrackedResourceForeground#bffaff90
- input.background#242732
- input.border#8cc3fa20
- input.foreground#b1bbd780
- input.placeholderForeground#b1bbd770
- inputOption.activeBackground#b1bbd730
- inputOption.activeBorder#8cc3fa20
- inputValidation.errorBorder#FA6E7A
- inputValidation.infoBorder#8CC3FA
- inputValidation.warningBorder#FA6E7A
- list.activeSelectionBackground#292D39
- list.activeSelectionForeground#E0E9FF
- list.dropBackground#f0717880
- list.focusBackground#b1bbd720
- list.focusForeground#b1bbd7
- list.highlightForeground#8CC3FA
- list.hoverBackground#8CC3FA20
- list.hoverForeground#8CC3FA
- list.inactiveSelectionBackground#00000030
- list.inactiveSelectionForeground#8CC3FA
- listFilterWidget.background#00000030
- listFilterWidget.noMatchesOutline#00000030
- listFilterWidget.outline#00000030
- menu.background#242732
- menu.foreground#b1bbd7
- menu.selectionBackground#00000050
- menu.selectionBorder#8cc3fa20
- menu.selectionForeground#8CC3FA
- menu.separatorBackground#b1bbd7
- menubar.selectionBackground#00000030
- menubar.selectionBorder#8cc3fa20
- menubar.selectionForeground#8CC3FA
- minimapSlider.activeBackground#8CC3FA50
- notebook.rowHoverBackground#8cc3fa20
- notebook.selectedCellBorder#242732
- notebookStatusErrorIcon.foreground#FA6E7A
- notificationLink.foreground#8CC3FA
- notifications.background#242732
- notifications.foreground#b1bbd7
- panel.background#292D39
- panel.border#292D3960
- panelTitle.activeBorder#8CC3FA
- panelTitle.activeForeground#E0E9FF
- panelTitle.inactiveForeground#b1bbd770
- peekView.border#00000030
- peekViewEditor.background#b1bbd705
- peekViewEditor.matchHighlightBackground#b1bbd750
- peekViewEditorGutter.background#b1bbd705
- peekViewResult.background#b1bbd705
- peekViewResult.matchHighlightBackground#b1bbd750
- peekViewResult.selectionBackground#b1bbd770
- peekViewTitle.background#b1bbd705
- peekViewTitleDescription.foreground#b1bbd760
- pickerGroup.border#ffffff1a
- pickerGroup.foreground#8C8CFA
- progressBar.background#FFD2E1
- quickInput.background#242732
- quickInput.foreground#b1bbd7
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#8CC3FA50
- scrollbarSlider.background#b1bbd720
- scrollbarSlider.hoverBackground#b1bbd710
- selection.background#8cc3fa20
- settings.checkboxBackground#242732
- settings.checkboxForeground#b1bbd7
- settings.dropdownBackground#242732
- settings.dropdownForeground#b1bbd7
- settings.dropdownListBorder#8cc3fa20
- settings.focusedRowBackground#8cc3fa20
- settings.headerForeground#8CC3FA
- settings.modifiedItemIndicator#8C8CFA
- settings.numberInputBackground#242732
- settings.numberInputBorder#8cc3fa20
- settings.numberInputForeground#b1bbd7
- settings.textInputBackground#242732
- settings.textInputBorder#8cc3fa20
- settings.textInputForeground#b1bbd7
- sideBar.background#242732
- sideBar.border#292D39
- sideBar.foreground#b1bbd7
- sideBarSectionHeader.background#1D2026
- sideBarSectionHeader.border#1D202660
- sideBarTitle.foreground#b1bbd7
- statusBar.background#292D39
- statusBar.border#292D3960
- statusBar.debuggingBackground#bffaff
- statusBar.debuggingForeground#000000
- statusBar.foreground#b1bbd7
- statusBar.noFolderBackground#292D39
- statusBarItem.activeBackground#f0717880
- statusBarItem.hoverBackground#b1bbd720
- statusBarItem.remoteBackground#FFD2E1
- statusBarItem.remoteForeground#000000
- tab.activeBackground#292D39
- tab.activeBorder#8CC3FA
- tab.activeForeground#E0E9FF
- tab.activeModifiedBorder#b1bbd7
- tab.border#292D39
- tab.hoverBackground#8CC3FA20
- tab.hoverForeground#8CC3FA
- tab.inactiveBackground#292D39
- tab.inactiveForeground#b1bbd770
- tab.inactiveModifiedBorder#904348
- tab.unfocusedActiveBorder#9DA3B1
- tab.unfocusedActiveForeground#9DA3B1
- tab.unfocusedActiveModifiedBorder#c05a60
- tab.unfocusedInactiveModifiedBorder#904348
- terminal.ansiBlue#ff0000
- terminal.foreground#b1bbd7
- terminalCursor.background#000000
- terminalCursor.foreground#8CC3FA
- textLink.activeForeground#b1bbd7
- textLink.foreground#bffaff
- titleBar.activeBackground#292D39
- titleBar.activeForeground#b1bbd7
- titleBar.border#292D3960
- titleBar.inactiveBackground#292D39
- titleBar.inactiveForeground#b1bbd7
- tree.indentGuidesStroke#b1bbd780
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5A6476 | italic |
| variable, variable.other.readwrite | #b1bbd7 | — |
| constant.other.color | #b1bbd7 | — |
| invalid, invalid.illegal | #FF7F9D | — |
| keyword, storage.modifier, keyword.control, constant.other.color, storage.type, storage.modifier, storage.type.haskell, keyword.other.julia, keyword.other.fn.rust, keyword.other.rust | #8C8CFA | italic |
| keyword.other | #9AE1FC | — |
| keyword.control | #8C8CFA | italic |
| punctuation, punctuation.definition.tag, punctuation.definition.string, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.operator, meta.brace, meta.bracket, meta.preprocessor.haskell, punctuation.section.class.end.bracket | #9AE1FC | — |
| keyword.operator.assignment, keyword.operator.update | #F9939C | — |
| constant.character.format, storage.type.format, string constant.other.placeholder | #FFD2E1 | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #9AE1FC | — |
| meta.tag | #b1bbd7 | — |
| entity.name.function, variable.function, meta.function-call | #8FC3FF | — |
| keyword.other.special-method, support.function | #FFB4B7 | — |
| meta.function-call.arguments | #b1bbd7 | — |
| meta.block variable.other | #b1bbd7 | — |
| support.other.variable, variable.other.object.property, meta.embedded.expression | #b1bbd7 | — |
| string.other.link | #CCFBFF | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, constant.other | #FFD2E1 | — |
| variable.parameter | #EEEEEE | italic |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #CCFBFF | — |
| entity.name | #b1bbd7 | — |
| support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.name.type.class, support.type, entity.name.class, entity.other.inherited-class | #FFD2B3 | — |
| meta.attribute | #D5A7FF | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #F5EFDF | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FFD2B3 | — |
| variable.language | #EBCDFF | italic |
| entity.name.method.js | #8CC3FA | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #8CC3FA | — |
| entity.other.attribute-name | #b1bbd7 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #8C8CFA | italic |
| entity.other.attribute-name.class | #8C8CFA | — |
| source.sass keyword.control | #8CC3FA | — |
| markup.inserted | #98c379 | — |
| markup.deleted | #FF7F9D | — |
| markup.changed | #8C8CFA | — |
| string.regexp | #CCFBFF | — |
| constant.character.escape | #9AE1FC | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #9AE1FC | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #de7a76 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #8C8CFA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #91beff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFB4AA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffda91 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffa5c3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8C8CFA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #91beff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFB4AA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffda91 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #E0E9FF | — |
| text.html.markdown markup.inline.raw.markdown, entity.name.section.markdown | #8C8CFA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #E0E9FF | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #8C8CFA | — |
| markup.italic | #E07A7A | italic |
| markup.bold, markup.bold string | #E07A7A | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #E07A7A | bold |
| markup.underline | #FFD2E1 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #E0E9FF | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #A0C9FF | — |
| string.other.link.description.title.markdown | #8C8CFA | — |
| constant.other.reference.link.markdown | #76CBD6 | — |
| markup.raw.block | #8C8CFA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #E0E9FF | — |
| variable.language.fenced.markdown | #E0E9FF | — |
| meta.separator | #E0E9FF | bold |
| markup.table | #E0E9FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...