Obsidian Sea
Publisher: eight84Themes in package: 1
A beautiful theme generated by Codedye.
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#13151f
- activityBar.border#2b2f3a
- activityBar.foreground#e0e6ed
- activityBar.inactiveForeground#6272a4
- activityBarBadge.background#ff4081
- activityBarBadge.foreground#000000
- badge.background#ff4081
- badge.foreground#000000
- button.background#ff4081
- button.foreground#000000
- button.hoverBackground#ff5599
- descriptionForeground#6272a4
- diffEditor.insertedTextBackground#50fa7b20
- diffEditor.removedTextBackground#ff555520
- dropdown.background#2b2f3a
- dropdown.border#44475a
- dropdown.foreground#e0e6ed
- editor.background#0f111a
- editor.findMatchBackground#ffb86c80
- editor.findMatchHighlightBackground#f1fa8c80
- editor.foreground#e0e6ed
- editor.lineHighlightBackground#13151f
- editor.selectionBackground#44475a
- editor.selectionHighlightBackground#44475a80
- editor.wordHighlightBackground#8be9fd40
- editor.wordHighlightStrongBackground#ff79c660
- editorBracketMatch.background#44475a80
- editorBracketMatch.border#8be9fd
- editorCursor.foreground#f8f8f2
- editorGroupHeader.tabsBackground#0f111a
- editorGroupHeader.tabsBorder#2b2f3a
- editorGutter.addedBackground#50fa7b
- editorGutter.background#0f111a
- editorGutter.deletedBackground#ff5555
- editorGutter.modifiedBackground#ffb86c
- editorHoverWidget.background#13151f
- editorHoverWidget.border#2b2f3a
- editorIndentGuide.activeBackground#44475a
- editorIndentGuide.background#2b2f3a
- editorLineNumber.activeForeground#f8f8f2
- editorLineNumber.foreground#6272a4
- editorRuler.foreground#44475a
- editorSuggestWidget.background#13151f
- editorSuggestWidget.border#2b2f3a
- editorSuggestWidget.selectedBackground#44475a
- editorWhitespace.foreground#44475a
- editorWidget.background#13151f
- editorWidget.border#2b2f3a
- errorForeground#ff5555
- extensionButton.prominentBackground#50fa7b
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#69ff94
- focusBorder#8be9fd
- foreground#e0e6ed
- gitDecoration.conflictingResourceForeground#ff79c6
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#6272a4
- gitDecoration.modifiedResourceForeground#ffb86c
- gitDecoration.untrackedResourceForeground#50fa7b
- input.background#2b2f3a
- input.border#44475a
- input.foreground#e0e6ed
- input.placeholderForeground#6272a4
- inputValidation.errorBackground#ff5555
- inputValidation.errorBorder#ff5555
- inputValidation.infoBackground#8be9fd
- inputValidation.infoBorder#8be9fd
- inputValidation.warningBackground#ffb86c
- inputValidation.warningBorder#ffb86c
- list.activeSelectionBackground#44475a
- list.activeSelectionForeground#f8f8f2
- list.focusBackground#44475a
- list.focusForeground#f8f8f2
- list.highlightForeground#8be9fd
- list.hoverBackground#2b2f3a
- list.hoverForeground#f8f8f2
- list.inactiveSelectionBackground#2b2f3a
- list.inactiveSelectionForeground#e0e6ed
- menu.background#13151f
- menu.border#2b2f3a
- menu.foreground#e0e6ed
- menu.selectionBackground#44475a
- menu.selectionForeground#f8f8f2
- menubar.selectionBackground#44475a
- menubar.selectionForeground#f8f8f2
- merge.currentContentBackground#50fa7b20
- merge.currentHeaderBackground#50fa7b40
- merge.incomingContentBackground#8be9fd20
- merge.incomingHeaderBackground#8be9fd40
- notificationCenter.border#2b2f3a
- notificationCenterHeader.background#0f111a
- notifications.background#13151f
- notifications.border#2b2f3a
- notifications.foreground#e0e6ed
- notificationToast.border#2b2f3a
- panel.background#13151f
- panel.border#2b2f3a
- panelTitle.activeBorder#8be9fd
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#6272a4
- peekView.background#13151f
- peekViewEditor.background#0f111a
- peekViewResult.background#13151f
- peekViewTitle.background#0f111a
- peekViewTitleLabel.foreground#f8f8f2
- progressBar.background#8be9fd
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#44475acc
- scrollbarSlider.background#44475a80
- scrollbarSlider.hoverBackground#44475aaa
- selection.background#44475a
- settings.checkboxBackground#2b2f3a
- settings.checkboxBorder#44475a
- settings.checkboxForeground#e0e6ed
- settings.dropdownBackground#2b2f3a
- settings.dropdownBorder#44475a
- settings.dropdownForeground#e0e6ed
- settings.headerForeground#f8f8f2
- settings.modifiedItemIndicator#ffb86c
- settings.numberInputBackground#2b2f3a
- settings.numberInputBorder#44475a
- settings.numberInputForeground#e0e6ed
- settings.textInputBackground#2b2f3a
- settings.textInputBorder#44475a
- settings.textInputForeground#e0e6ed
- sideBar.background#13151f
- sideBar.border#2b2f3a
- sideBar.foreground#e0e6ed
- sideBarSectionHeader.background#0f111a
- sideBarSectionHeader.border#2b2f3a
- sideBarSectionHeader.foreground#f8f8f2
- sideBarTitle.foreground#f8f8f2
- statusBar.background#0f111a
- statusBar.border#2b2f3a
- statusBar.debuggingBackground#ff5555
- statusBar.debuggingForeground#000000
- statusBar.foreground#e0e6ed
- statusBar.noFolderBackground#0f111a
- statusBarItem.activeBackground#2b2f3a
- statusBarItem.hoverBackground#44475a
- tab.activeBackground#13151f
- tab.activeBorder#8be9fd
- tab.activeForeground#f8f8f2
- tab.border#2b2f3a
- tab.hoverBackground#2b2f3a
- tab.hoverBorder#8be9fd
- tab.hoverForeground#f8f8f2
- tab.inactiveBackground#0f111a
- tab.inactiveForeground#6272a4
- tab.unfocusedActiveForeground#e0e6ed
- tab.unfocusedInactiveForeground#6272a4
- terminal.ansiBlack#21222c
- terminal.ansiBlue#8be9fd
- terminal.ansiBrightBlack#6272a4
- terminal.ansiBrightBlue#d6acff
- terminal.ansiBrightCyan#a4ffff
- terminal.ansiBrightGreen#69ff94
- terminal.ansiBrightMagenta#ff92df
- terminal.ansiBrightRed#ff6e6e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffffa5
- terminal.ansiCyan#8be9fd
- terminal.ansiGreen#50fa7b
- terminal.ansiMagenta#ff79c6
- terminal.ansiRed#ff5555
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#f1fa8c
- terminal.background#0f111a
- terminal.foreground#e0e6ed
- titleBar.activeBackground#0f111a
- titleBar.activeForeground#e0e6ed
- titleBar.border#2b2f3a
- titleBar.inactiveBackground#0f111a
- titleBar.inactiveForeground#6272a4
- welcomePage.background#0f111a
- welcomePage.buttonBackground#2b2f3a
- welcomePage.buttonHoverBackground#44475a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6272a4 | italic |
| string, string.quoted, string.template | #f1fa8c | — |
| constant.numeric, constant.language, constant.character.escape | #bd93f9 | — |
| keyword, keyword.control, keyword.operator, keyword.other, storage.type, storage.modifier | #ff79c6 | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical | #ff79c6 | — |
| entity.name.function, support.function, meta.function-call | #50fa7b | — |
| entity.name.class, entity.name.type, support.type, support.class | #8be9fd | — |
| variable, variable.language, variable.parameter, variable.other, support.variable | #f8f8f2 | — |
| variable.object.property, support.variable.property, entity.name.tag | #e0e6ed | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #f8f8f2 | — |
| punctuation.definition.bracket, punctuation.definition.array, punctuation.definition.object | #e0e6ed | — |
| entity.name.tag.html, entity.name.tag.xml | #ff79c6 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #50fa7b | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #50fa7b | — |
| support.type.property-name.css | #8be9fd | — |
| support.constant.property-value.css, constant.numeric.css | #f1fa8c | — |
| support.type.property-name.json | #8be9fd | — |
| string.quoted.double.json | #f1fa8c | — |
| markup.heading, entity.name.section.markdown | #ff79c6 | bold |
| markup.bold | #ffb86c | bold |
| markup.italic | #f1fa8c | italic |
| markup.inline.raw, markup.fenced_code | #50fa7b | — |
| markup.underline.link | #8be9fd | — |
| entity.name.function.decorator.python | #ffb86c | — |
| variable.language.special.self.python | #ff79c6 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #ff79c6 | — |
| variable.language.this | #ff79c6 | italic |
| support.type.primitive, entity.name.type.typescript | #8be9fd | — |
| entity.name.tag.tsx, entity.name.tag.jsx | #ff79c6 | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #50fa7b | — |
| invalid, invalid.illegal | #ff5555 | underline |
| invalid.deprecated | #ffb86c | strikethrough |