Lagoon Dive Night
Publisher: Peter DobiThemes in package: 2
Aesthetic teal-to-lavender theme with Dark and Light variants, inspired by Tokyo Night.
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#E6EFED
- activityBar.border#D2E0DD
- activityBar.foreground#0E8C7A
- activityBar.inactiveForeground#90A8A6
- activityBarBadge.background#0E8C7A
- activityBarBadge.foreground#FFFFFF
- badge.background#0E8C7A
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#0E8C7A
- breadcrumb.focusForeground#42565A
- breadcrumb.foreground#6E8482
- breadcrumbPicker.background#EAF2F0
- button.background#0E8C7A
- button.foreground#FFFFFF
- button.hoverBackground#0C7A6B
- button.secondaryBackground#CDE7E1
- button.secondaryForeground#2A3B3E
- descriptionForeground#5E7472
- dropdown.background#FFFFFF
- dropdown.border#C2D6D2
- dropdown.foreground#2A3B3E
- editor.background#F2F7F6
- editor.findMatchBackground#9FD8CC
- editor.findMatchHighlightBackground#BEE4DB80
- editor.foreground#2A3B3E
- editor.inactiveSelectionBackground#E0EDEA
- editor.lineHighlightBackground#E8F1EF
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#CDE7E1
- editor.selectionHighlightBackground#DAEDE8
- editor.wordHighlightBackground#DAEDE8
- editor.wordHighlightStrongBackground#C2E4DC
- editorBracketHighlight.foreground1#0E8C7A
- editorBracketHighlight.foreground2#2476B8
- editorBracketHighlight.foreground3#7C5CD4
- editorBracketHighlight.foreground4#1E9E78
- editorBracketHighlight.foreground5#2D9E91
- editorBracketHighlight.foreground6#1F8FA8
- editorBracketHighlight.unexpectedBracket.foreground#CC4B4B
- editorBracketMatch.background#C2E4DC80
- editorBracketMatch.border#0E8C7A
- editorCursor.foreground#0E8C7A
- editorError.foreground#CC4B4B
- editorGroup.border#D2E0DD
- editorGroupHeader.tabsBackground#E6EFED
- editorGroupHeader.tabsBorder#D2E0DD
- editorGutter.addedBackground#0E8C7A
- editorGutter.deletedBackground#CC4B4B
- editorGutter.modifiedBackground#2476B8
- editorHoverWidget.background#EAF2F0
- editorHoverWidget.border#C2D6D2
- editorIndentGuide.activeBackground1#9FC2BB
- editorIndentGuide.background1#D8E5E2
- editorInfo.foreground#2476B8
- editorLineNumber.activeForeground#0E8C7A
- editorLineNumber.foreground#A9BCBC
- editorLink.activeForeground#1F8FA8
- editorSuggestWidget.background#EAF2F0
- editorSuggestWidget.border#C2D6D2
- editorSuggestWidget.highlightForeground#0E8C7A
- editorSuggestWidget.selectedBackground#CDE7E1
- editorWarning.foreground#B8841E
- editorWhitespace.foreground#CBDBD7
- editorWidget.background#EAF2F0
- editorWidget.border#C2D6D2
- errorForeground#CC4B4B
- focusBorder#3DA697
- foreground#2A3B3E
- gitDecoration.conflictingResourceForeground#B8841E
- gitDecoration.deletedResourceForeground#CC4B4B
- gitDecoration.ignoredResourceForeground#A9BCBC
- gitDecoration.modifiedResourceForeground#2476B8
- gitDecoration.untrackedResourceForeground#0E8C7A
- input.background#FFFFFF
- input.border#C2D6D2
- input.foreground#2A3B3E
- input.placeholderForeground#8AA0A0
- inputOption.activeBackground#CDE7E1
- inputOption.activeBorder#0E8C7A
- inputValidation.errorBackground#FBE6E6
- inputValidation.errorBorder#CC4B4B
- list.activeSelectionBackground#CDE7E1
- list.activeSelectionForeground#1A2B2E
- list.errorForeground#CC4B4B
- list.focusBackground#CDE7E1
- list.highlightForeground#0E8C7A
- list.hoverBackground#E2EEEB
- list.inactiveSelectionBackground#DCEBE7
- list.warningForeground#B8841E
- menu.background#EAF2F0
- menu.border#C2D6D2
- menu.foreground#2A3B3E
- menu.selectionBackground#CDE7E1
- minimap.selectionHighlight#0E8C7A80
- minimapGutter.addedBackground#0E8C7A
- minimapGutter.deletedBackground#CC4B4B
- minimapGutter.modifiedBackground#2476B8
- notificationCenterHeader.background#E6EFED
- notifications.background#EAF2F0
- notifications.border#C2D6D2
- panel.background#EAF2F0
- panel.border#DCE8E5
- panelTitle.activeBorder#0E8C7A
- panelTitle.activeForeground#0E8C7A
- panelTitle.inactiveForeground#8AA0A0
- peekView.border#3DA697
- peekViewEditor.background#EAF2F0
- peekViewResult.background#E6EFED
- peekViewTitle.background#E6EFED
- progressBar.background#0E8C7A
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#0E8C7A80
- scrollbarSlider.background#BCD3CE80
- scrollbarSlider.hoverBackground#A4C2BB
- selection.background#CDE7E1
- sideBar.background#EAF2F0
- sideBar.border#D2E0DD
- sideBar.foreground#42565A
- sideBarSectionHeader.background#EAF2F0
- sideBarSectionHeader.border#DCE8E5
- sideBarSectionHeader.foreground#42565A
- sideBarTitle.foreground#5E7472
- statusBar.background#E6EFED
- statusBar.border#D2E0DD
- statusBar.debuggingBackground#3DA697
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#42565A
- statusBar.noFolderBackground#E6EFED
- statusBarItem.hoverBackground#CDE7E1
- statusBarItem.remoteBackground#3DA697
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#F2F7F6
- tab.activeBorder#00000000
- tab.activeBorderTop#0E8C7A
- tab.activeForeground#1A2B2E
- tab.border#D2E0DD
- tab.hoverBackground#E2EEEB
- tab.inactiveBackground#E6EFED
- tab.inactiveForeground#6E8482
- tab.unfocusedActiveForeground#42565A
- terminal.ansiBlack#D2E0DD
- terminal.ansiBlue#2476B8
- terminal.ansiBrightBlack#90A8A6
- terminal.ansiBrightBlue#3589CC
- terminal.ansiBrightCyan#2BA0BB
- terminal.ansiBrightGreen#13A18C
- terminal.ansiBrightMagenta#8E70E0
- terminal.ansiBrightRed#D86060
- terminal.ansiBrightWhite#1A2B2E
- terminal.ansiBrightYellow#C9962E
- terminal.ansiCyan#1F8FA8
- terminal.ansiGreen#0E8C7A
- terminal.ansiMagenta#7C5CD4
- terminal.ansiRed#CC4B4B
- terminal.ansiWhite#2A3B3E
- terminal.ansiYellow#B8841E
- terminal.background#EAF2F0
- terminal.foreground#2A3B3E
- terminalCursor.foreground#0E8C7A
- textLink.activeForeground#2BA0BB
- textLink.foreground#1F8FA8
- titleBar.activeBackground#E6EFED
- titleBar.activeForeground#2A3B3E
- titleBar.border#D2E0DD
- titleBar.inactiveBackground#E6EFED
- titleBar.inactiveForeground#8AA0A0
- tree.indentGuidesStroke#C2D6D2
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8AA0A0 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, storage, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.flow | #0E8C7A | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.definition.method entity.name.function, entity.name.function.member | #2476B8 | — |
| variable.other.property, meta.property.object, support.variable.property, variable.other.object.property, meta.method-call entity.name.function, support.function.method | #7C5CD4 | — |
| string, string.quoted, string.template, punctuation.definition.string | #1E9E78 | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #0E9E7E | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.type.class, meta.type.annotation entity.name.type | #1A8E83 | — |
| variable, variable.other, variable.other.readwrite, meta.definition.variable entity.name | #2A3B3E | — |
| variable.parameter, meta.parameter, variable.parameter.function | #3A4D50 | — |
| variable.language.this, variable.language.super, support.variable, constant.language.this | #1F8FA8 | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.parameters | #5E7472 | — |
| entity.name.tag, punctuation.definition.tag | #0E8C7A | — |
| entity.other.attribute-name | #7C5CD4 | italic |
| support.type.property-name.css, support.type.property-name | #2476B8 | — |
| constant.character.escape, constant.other.placeholder, punctuation.definition.template-expression | #1F8FA8 | — |
| markup.heading, entity.name.section | #2476B8 | bold |
| markup.bold | #0E8C7A | bold |
| markup.italic | #7C5CD4 | italic |
| markup.inline.raw, markup.fenced_code | #1E9E78 | — |
| markup.underline.link, string.other.link | #1F8FA8 | underline |
| invalid, invalid.illegal | #CC4B4B | — |
| comment.documentation, comment.block.documentation | #7C9290 | italic |