Dark Sea
Publisher: MoOxThemes in package: 1
VS Code color theme inspired by Atom Duo Tone Dark Sea
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#0f151c
- activityBar.border#11171d
- activityBar.foreground#466582
- activityBarBadge.background#4a86c7
- activityBarBadge.foreground#fefefe
- badge.background#4a86c7
- badge.foreground#fefefe
- button.background#2c3845
- button.foreground#99a7b8
- button.hoverBackground#2c3845
- dropdown.background#2a3542
- editor.background#1d262f
- editor.findMatchBackground#354454
- editor.findMatchHighlightBackground#354454
- editor.foreground#88b4e7
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#232e3a
- editor.lineHighlightBorder#232e3a
- editor.selectionBackground#354454
- editor.selectionHighlightBackground#4a86c722
- editor.wordHighlightBackground#519cee22
- editor.wordHighlightStrongBackground#519cee33
- editorCodeLens.foreground#444c55
- editorCursor.foreground#34febb
- editorError.foreground#ff6347
- editorGroupHeader.tabsBackground#171e27
- editorGutter.addedBackground#34febb
- editorGutter.deletedBackground#32ae85
- editorGutter.modifiedBackground#4a86c7
- editorHint.foreground#88b4e7
- editorIndentGuide.activeBackground#303f4f
- editorIndentGuide.background#303f4f99
- editorInfo.foreground#32ae8575
- editorLineNumber.activeForeground#88b4e7
- editorLineNumber.foreground#586f89
- editorWarning.foreground#34febb
- editorWhitespace.foreground#303f4f
- editorWidget.background#171e27
- editorWidget.border#0f151c
- errorForeground#ff6347
- focusBorder#0f151c
- foreground#ffffff33
- gitDecoration.addedResourceForeground#32ae85
- gitDecoration.deletedResourceForeground#4a86c7
- gitDecoration.ignoredResourceForeground#444c55
- gitDecoration.modifiedResourceForeground#32ae85
- gitDecoration.untrackedResourceForeground#34febb
- input.background#141b22
- input.foreground#d4d4d4
- input.placeholderForeground#a6a6a6
- list.activeSelectionBackground#4a86c7
- list.activeSelectionForeground#fefefe
- list.dropBackground#383b3d
- list.errorForeground#ff6347
- list.hoverBackground#2e3a49
- list.hoverForeground#fefefe
- list.inactiveSelectionBackground#2e3a49
- list.inactiveSelectionForeground#fefefe
- list.warningForeground#fe8c52
- menu.background#252526
- menu.foreground#cccccc
- notificationCenter.border#11171d
- notificationCenterHeader.background#171e27
- notificationCenterHeader.foreground#d5dbe2
- notificationLink.foreground#519cee
- notifications.background#0f151c
- notifications.foreground#c9daee
- notificationToast.border#11171d
- panel.background#171e27
- panel.border#0f151c
- panelTitle.activeBorder#519cee
- panelTitle.activeForeground#d5dbe2
- panelTitle.inactiveForeground#596571
- peekViewEditor.background#171e27
- peekViewEditor.matchHighlightBackground#354454
- peekViewResult.background#171e27
- quickInput.background#171e27
- quickInput.foreground#a6a6a6
- quickInputTitle.background#141b22
- scrollbar.shadow#00000000
- selection.background#519cee33
- settings.numberInputBackground#171e27
- settings.numberInputForeground#d4d4d4
- settings.textInputBackground#171e27
- settings.textInputForeground#d4d4d4
- sideBar.background#171e27
- sideBar.border#11171d
- sideBar.foreground#99a7b8
- sideBarSectionHeader.background#141b23
- sideBarSectionHeader.border#11171d
- sideBarTitle.foreground#bbbbbb
- statusBar.background#0f151c
- statusBar.foreground#99a7b8
- statusBarItem.activeBackground#1d262f
- statusBarItem.hoverBackground#232d39
- tab.activeBackground#1d2630
- tab.activeBorder#519cee
- tab.activeForeground#d5dbe2
- tab.inactiveBackground#171e27
- tab.inactiveForeground#596571
- terminal.background#1d262f
- terminal.foreground#c9daee
- titleBar.activeBackground#0f151c
- titleBar.activeForeground#596571
- titleBar.border#11171d
- titleBar.inactiveBackground#0f151c
- titleBar.inactiveForeground#596571
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #444c55 | italic |
| constant.character | #569cd6 | — |
| constant.language | #32ae85 | — |
| constant.numeric | #34febb | — |
| constant.regexp | #586f89 | — |
| emphasis | — | italic |
| entity.name.function | #c9daee | — |
| entity.name.function | #c9daee | — |
| entity.name.namespace | #32ae85 | italic |
| entity.name.variable | #d6e9ff | — |
| keyword.control | #32AE85 | — |
| keyword.operator | #32AE85 | — |
| keyword | #32AE85 | — |
| meta.definition.variable.name | #d6e9ff | — |
| punctuation.accessor | #586f89 | — |
| punctuation.definition.block.js | #586f89 | — |
| punctuation.definition.dictionary.begin.json.comments | #586f89 | — |
| punctuation.definition.dictionary.end.json.comments | #586f89 | — |
| punctuation.definition.keyword | #444c55 | — |
| punctuation.section.braces.begin | #444c55 | — |
| punctuation.section.braces.end | #444c55 | — |
| punctuation.section.brackets.begin | #586f89 | — |
| punctuation.section.brackets.end | #586f89 | — |
| punctuation.section.parens.begin | #586f89 | — |
| punctuation.section.parens.end | #586f89 | — |
| punctuation.separator | #586f89 | — |
| punctuation.support.type.property-name.begin.json.comments | #586f89 | — |
| punctuation.support.type.property-name.end.json.comments | #586f89 | — |
| string.double | #34febb | — |
| string.regexp | #34febb | — |
| string | #34febb | — |
| strong | — | bold |
| support.function | #c9daee | — |
| support.type.property-name | #88b4e7 | — |
| support.variable | #d6e9ff | — |
| variable.other.constant | #88b4e7 | — |
| variable.other | #88b4e7 | — |
| variable | #d6e9ff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...