nightlake
Publisher: Robert GehrsitzThemes in package: 1
A peaceful night/water theme that evokes rest and relaxation.
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#131B22
- activityBar.border#151b20
- activityBar.foreground#BEE8FF
- activityBarBadge.background#007acc
- activityBarBadge.foreground#ffffff
- badge.background#141C23
- badge.foreground#C792EA
- breadcrumb.activeSelectionForeground#D2E1DD
- breadcrumb.background#151b20
- breadcrumb.focusForeground#D2E1DD
- breadcrumb.foreground#D2E1DD
- button.background#242930
- button.foreground#D2E1DD
- button.hoverBackground#334143
- debugToolBar.background#151b20
- dropdown.background#1E242C
- dropdown.border#151B20
- dropdown.foreground#D2E1DD
- dropdown.listBackground#242930
- editor.background#1E242C
- editor.findMatchBackground#A5DCF780
- editor.findMatchHighlightBackground#314365
- editor.foreground#D2E1DD
- editor.inactiveSelectionBackground#264E7040
- editor.linkedEditingBackground#264E7040
- editor.selectionHighlightBackground#264e7080
- editor.wordHighlightBackground#71889920
- editor.wordHighlightStrongBackground#71889940
- editorCursor.foreground#AEB9CC
- editorGroup.border#151B20
- editorGroup.dropBackground#131B22
- editorGroupHeader.noTabsBackground#131B22
- editorGroupHeader.tabsBackground#151b20
- editorGroupHeader.tabsBorder#1b232b
- editorHoverWidget.background#151b20
- editorHoverWidget.border#131B22
- editorIndentGuide.background1#192330
- editorLineNumber.activeForeground#D2E1DD
- editorLineNumber.foreground#5D7E97
- editorMarkerNavigation.background#131B22
- editorMarkerNavigationError.background#DF8D8D
- editorMarkerNavigationWarning.background#D9B454
- editorRuler.foreground#5c7f9812
- editorSuggestWidget.background#131B22
- editorSuggestWidget.border#151b20
- editorSuggestWidget.foreground#D2E1DD
- editorSuggestWidget.highlightForeground#C792EA
- editorSuggestWidget.selectedBackground#2C394B
- errorForeground#DF8D8D
- extensionButton.prominentBackground#1b232b
- extensionButton.prominentForeground#82AAFF
- extensionButton.prominentHoverBackground#22292f
- focusBorder#151b20
- foreground#e1d6d2
- gitDecoration.addedResourceForeground#8CD18C
- gitDecoration.conflictingResourceForeground#A5DCF7
- gitDecoration.deletedResourceForeground#DF8D8D
- gitDecoration.modifiedResourceForeground#C792EA
- input.background#1e242c
- input.border#151b20
- input.foreground#D2E1DD
- input.placeholderForeground#5D7E97
- inputOption.activeBorder#242930
- inputValidation.errorBackground#4D1F26
- inputValidation.errorForeground#DF8D8D
- list.activeSelectionBackground#242930
- list.activeSelectionForeground#D2E1DD
- list.dropBackground#131B22
- list.focusBackground#151b20
- list.highlightForeground#C792EA
- list.hoverBackground#131B22
- list.inactiveSelectionBackground#131B22
- list.inactiveSelectionForeground#D2E1DD80
- merge.currentHeaderBackground#0B162C
- merge.incomingHeaderBackground#131B22
- panel.border#151b2080
- panel.dropBorder#C792EA
- panelTitle.activeBorder#82AAFF
- panelTitle.activeForeground#D2E1DD
- panelTitle.inactiveForeground#D2E1DD80
- peekView.border#151b20
- peekViewEditor.background#131B22
- peekViewEditor.matchHighlightBackground#ffd33d33
- peekViewResult.background#131B22
- peekViewResult.fileForeground#ffffffcc
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewTitle.background#131B22
- peekViewTitleDescription.foreground#697098
- peekViewTitleLabel.foreground#C792EA
- pickerGroup.foreground#D2E1DDCC
- scrollbar.shadow#000019
- scrollbarSlider.activeBackground#48596aff
- scrollbarSlider.background#48596a80
- scrollbarSlider.hoverBackground#48596ad9
- sideBar.background#131B22
- sideBar.border#151b20
- sideBar.dropBackground#1b232b
- sideBar.foreground#D2E1DD
- sideBarSectionHeader.background#151b20
- sideBarSectionHeader.foreground#BEE8FF
- statusBar.background#131B22
- statusBar.border#131B22
- statusBar.debuggingBackground#203340
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9AA5B1
- statusBar.noFolderBackground#131B22
- statusBarItem.hoverBackground#1b232b
- statusBarItem.remoteBackground#1b232b
- statusBarItem.remoteForeground#82AAFF
- tab.activeBackground#131B22
- tab.activeBorder#82AAFF
- tab.activeForeground#D2E1DD
- tab.border#1b232b
- tab.hoverBackground#131B22
- tab.hoverBorder#82AAFF
- tab.inactiveBackground#131B22
- tab.inactiveForeground#D2E1DD80
- tab.lastPinnedBorder#C792EA
- tab.unfocusedActiveBorder#48596a80
- tab.unfocusedHoverBackground#48596a33
- tab.unfocusedHoverBorder#82AAFF80
- tab.unfocusedInactiveForeground#D2E1DD40
- terminal.ansiBlack#5D7E97
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#718899
- terminal.ansiBrightBlue#B4D5FE
- terminal.ansiBrightCyan#A4FFFF
- terminal.ansiBrightGreen#8CD18C
- terminal.ansiBrightMagenta#BB80B3
- terminal.ansiBrightRed#F07178
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFDF80
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#AFC2A4
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F07178
- terminal.ansiWhite#D2E1DD
- terminal.ansiYellow#FFCB6B
- terminal.foreground#D2E1DD
- terminal.selectionBackground#264E7080
- terminalCursor.foreground#AEB9CC
- textBlockQuote.background#1e242c
- textBlockQuote.border#151b20
- textCodeBlock.background#1e242c
- textLink.activeForeground#82C7EB
- textLink.foreground#82C7EB
- textPreformat.foreground#BEE8FF
- textSeparator.foreground#151B20
- titleBar.activeBackground#131B22
- titleBar.activeForeground#9AA5B1
- titleBar.inactiveBackground#131B2299
- titleBar.inactiveForeground#9AA5B199
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546E7A | italic |
| string, constant.other.symbol, constant.other | #C3E88D | — |
| constant.numeric | #F78C6C | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #FFCB6B | — |
| constant.character, constant.other | #FFCB6B | — |
| variable, support.variable, meta.definition.variable.name | #EEFFFF | — |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, 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 | #89DDFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #82AAFF | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #F78C6C | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.structure.dictionary constant.other.object.key.js | #C3E88D | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.inherited-class | #FFCB6B | — |
| 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 | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |