Abyssal Atlas — Ocean Themes & Icons
Publisher: ToxicEpochThemes in package: 50
50 original ocean themes, 50 matching file icon packs, and a dedicated developer workspace for Visual Studio Code.
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.activeBackground#C6E1D00D
- activityBar.activeBorder#E7C2D4
- activityBar.background#2A2F2C
- activityBar.foreground#C6E1D0
- activityBar.inactiveForeground#BDBEB8
- activityBarBadge.background#C6E1D0
- activityBarBadge.foreground#39403C
- activityBarTop.activeBorder#C6E1D0
- activityBarTop.background#464A47
- activityBarTop.foreground#C6E1D0
- activityBarTop.inactiveForeground#BDBEB8
- badge.background#C6E1D0
- badge.foreground#39403C
- breadcrumb.background#39403C
- breadcrumb.foreground#BDBEB8
- button.background#C6E1D0
- button.foreground#2E3330
- button.hoverBackground#D0E6D8
- button.secondaryBackground#4E5852
- button.secondaryForeground#F2F1E7
- button.secondaryHoverBackground#2A2F2C
- commandCenter.background#464A47
- commandCenter.border#686B67
- commandCenter.foreground#F2F1E7
- debugConsole.errorForeground#F5AAB3
- debugConsole.warningForeground#ECD18E
- descriptionForeground#BDBEB8
- diffEditor.insertedLineBackground#A9D8B30D
- diffEditor.insertedTextBackground#A9D8B321
- diffEditor.removedLineBackground#F5AAB30D
- diffEditor.removedTextBackground#F5AAB321
- disabledForeground#BDBEB8
- dropdown.background#464A47
- dropdown.border#686B67
- dropdown.foreground#F2F1E7
- editor.background#39403C
- editor.findMatchBackground#5F5D5D
- editor.findMatchBorder#E7C2D4
- editor.findMatchHighlightBackground#C6E1D028
- editor.findMatchHighlightBorder#C6E1D055
- editor.foreground#F2F1E7
- editor.inactiveSelectionBackground#C6E1D028
- editor.lineHighlightBackground#3F4441
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#4E5852
- editor.selectionForeground#F2F1E7
- editor.selectionHighlightBackground#C6E1D028
- editor.selectionHighlightBorder#C6E1D044
- editor.wordHighlightBackground#C6E1D028
- editor.wordHighlightStrongBackground#C6E1D028
- editorBracketHighlight.foreground1#C6E1D0
- editorBracketHighlight.foreground2#C8D8E4
- editorBracketHighlight.foreground3#E7C2D4
- editorBracketHighlight.foreground4#E7CBC5
- editorBracketHighlight.foreground5#C0DAD3
- editorBracketHighlight.foreground6#F2F1E7
- editorCodeLens.foreground#BDBEB8
- editorCursor.foreground#C6E1D0
- editorError.foreground#F5AAB3
- editorGhostText.background#00000000
- editorGhostText.foreground#BDBEB8
- editorGroup.border#686B67
- editorGroupHeader.tabsBackground#2A2F2C
- editorGutter.addedBackground#A9D8B3
- editorGutter.deletedBackground#F5AAB3
- editorGutter.foldingControlForeground#BDBEB8
- editorGutter.modifiedBackground#E7C2D4
- editorHint.foreground#BDBEB8
- editorHoverWidget.background#464A47
- editorHoverWidget.border#E7C2D4
- editorHoverWidget.foreground#F2F1E7
- editorIndentGuide.activeBackground1#C6E1D066
- editorIndentGuide.background1#686B67
- editorInfo.foreground#A4D0F2
- editorInlayHint.background#464A47
- editorInlayHint.foreground#BDBEB8
- editorLineNumber.activeForeground#C6E1D0
- editorLineNumber.foreground#BDBEB8
- editorLink.activeForeground#C6E1D0
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F5AAB3
- editorOverviewRuler.infoForeground#A4D0F2
- editorOverviewRuler.warningForeground#ECD18E
- editorRuler.foreground#686B67
- editorStickyScroll.background#39403C
- editorStickyScroll.border#686B67
- editorStickyScrollHover.background#464A47
- editorSuggestWidget.background#464A47
- editorSuggestWidget.border#686B67
- editorSuggestWidget.foreground#F2F1E7
- editorSuggestWidget.highlightForeground#C6E1D0
- editorSuggestWidget.selectedBackground#4E5852
- editorSuggestWidget.selectedForeground#F2F1E7
- editorUnicodeHighlight.background#E7CBC512
- editorUnicodeHighlight.border#E7CBC5
- editorWarning.foreground#ECD18E
- editorWhitespace.foreground#686B67
- editorWidget.background#464A47
- editorWidget.border#686B67
- editorWidget.foreground#F2F1E7
- focusBorder#C6E1D0
- foreground#F2F1E7
- gitDecoration.addedResourceForeground#A9D8B3
- gitDecoration.deletedResourceForeground#F5AAB3
- gitDecoration.ignoredResourceForeground#BDBEB8
- gitDecoration.modifiedResourceForeground#E7C2D4
- input.background#464A47
- input.border#686B67
- input.foreground#F2F1E7
- input.placeholderForeground#BDBEB8
- inputOption.activeBackground#C6E1D028
- inputOption.activeBorder#C6E1D0
- inputOption.activeForeground#F2F1E7
- list.activeSelectionBackground#4E5852
- list.activeSelectionForeground#F2F1E7
- list.focusBackground#4E5852
- list.focusForeground#F2F1E7
- list.focusHighlightForeground#C6E1D0
- list.focusOutline#C6E1D066
- list.highlightForeground#C6E1D0
- list.hoverBackground#C6E1D014
- list.hoverForeground#F2F1E7
- list.inactiveSelectionBackground#4E5852
- list.inactiveSelectionForeground#F2F1E7
- menu.background#464A47
- menu.border#686B67
- menu.foreground#F2F1E7
- merge.currentContentBackground#C0DAD314
- merge.currentHeaderBackground#C0DAD330
- merge.incomingContentBackground#E7DCA914
- merge.incomingHeaderBackground#E7DCA930
- minimap.selectionHighlight#C6E1D077
- notebook.cellBorderColor#686B67
- notebook.cellEditorBackground#39403C
- notebook.focusedCellBorder#C6E1D0
- notebook.selectedCellBackground#4E5852
- notificationCenterHeader.background#464A47
- notifications.background#464A47
- notifications.border#686B67
- notifications.foreground#F2F1E7
- panel.background#303633
- panel.border#686B67
- panelTitle.activeBorder#C6E1D0
- panelTitle.activeForeground#C6E1D0
- panelTitle.inactiveForeground#BDBEB8
- peekView.border#C6E1D0
- peekViewEditor.background#464A47
- peekViewResult.background#464A47
- peekViewResult.fileForeground#F2F1E7
- peekViewResult.lineForeground#F2F1E7
- pickerGroup.foreground#C6E1D0
- problemsErrorIcon.foreground#F5AAB3
- problemsInfoIcon.foreground#A4D0F2
- problemsWarningIcon.foreground#ECD18E
- progressBar.background#C6E1D0
- quickInput.background#464A47
- quickInput.foreground#F2F1E7
- quickInputList.focusBackground#4E5852
- quickInputList.focusForeground#F2F1E7
- scrollbarSlider.activeBackground#C6E1D066
- scrollbarSlider.background#686B6799
- scrollbarSlider.hoverBackground#BDBEB866
- settings.dropdownBackground#464A47
- settings.modifiedItemIndicator#C6E1D0
- sideBar.background#464A47
- sideBar.border#686B67
- sideBar.foreground#F2F1E7
- sideBarSectionHeader.background#464A47
- sideBarSectionHeader.border#686B67
- sideBarSectionHeader.foreground#F2F1E7
- sideBarTitle.foreground#F2F1E7
- statusBar.background#C6E1D0
- statusBar.border#686B67
- statusBar.debuggingBackground#C6E1D0
- statusBar.debuggingForeground#39403C
- statusBar.foreground#2E3330
- statusBar.noFolderBackground#C6E1D0
- statusBarItem.hoverBackground#C6E1D014
- statusBarItem.hoverForeground#2E3330
- statusBarItem.prominentBackground#4E5852
- statusBarItem.prominentForeground#F2F1E7
- statusBarItem.remoteBackground#C6E1D0
- statusBarItem.remoteForeground#39403C
- tab.activeBackground#39403C
- tab.activeBorder#C6E1D0
- tab.activeBorderTop#00000000
- tab.activeForeground#F2F1E7
- tab.border#686B67
- tab.hoverBackground#4E5852
- tab.inactiveBackground#464A47
- tab.inactiveForeground#BDBEB8
- tab.unfocusedActiveBorder#686B67
- terminal.ansiBlack#BDBEB8
- terminal.ansiBlue#A4D0F2
- terminal.ansiBrightBlack#BDBEB8
- terminal.ansiBrightBlue#B6D9F5
- terminal.ansiBrightCyan#AEE4DF
- terminal.ansiBrightGreen#BAE0C2
- terminal.ansiBrightMagenta#ECE3BA
- terminal.ansiBrightRed#F7BBC2
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0DAA5
- terminal.ansiCyan#9ADDD7
- terminal.ansiGreen#A9D8B3
- terminal.ansiMagenta#E7DCA9
- terminal.ansiRed#F5AAB3
- terminal.ansiWhite#F2F1E7
- terminal.ansiYellow#ECD18E
- terminal.background#303633
- terminal.foreground#F2F1E7
- terminal.selectionBackground#4E5852
- terminalCursor.background#39403C
- terminalCursor.foreground#C6E1D0
- testing.iconFailed#F5AAB3
- testing.iconPassed#A9D8B3
- textBlockQuote.background#464A47
- textBlockQuote.border#C6E1D0
- textCodeBlock.background#464A47
- textLink.activeForeground#E7C2D4
- textLink.foreground#C6E1D0
- titleBar.activeBackground#2A2F2C
- titleBar.activeForeground#F2F1E7
- titleBar.border#686B67
- titleBar.inactiveBackground#39403C
- titleBar.inactiveForeground#BDBEB8
- toolbar.hoverBackground#C6E1D014
- tree.indentGuidesStroke#686B67
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #BDBEB8 | — |
| keyword, storage | #E7DCA9 | — |
| keyword.operator | #F2F1E7 | — |
| string | #C0DAD3 | — |
| constant.numeric, constant.language, constant.character, constant.other | #E7CBC5 | — |
| entity.name.function, support.function | #C8D8E4 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #E7C2D4 | — |
| variable, meta.definition.variable | #F2F1E7 | — |
| variable.parameter | #F2F1E7 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #E7C2D4 | — |
| punctuation | #F2F1E7 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #C6E1D0 | — |
| constant.character.escape | #C6E1D0 | — |
| entity.name.tag | #E7DCA9 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E7DCA9 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F2F1E7 | — |
| support.function.builtin.shell, support.function.powershell | #C8D8E4 | — |
| markup.heading, entity.name.section | #C6E1D0 | bold |
| markup.bold | #F2F1E7 | bold |
| markup.italic | #F2F1E7 | italic |
| markup.inline.raw, markup.fenced_code.block | #C0DAD3 | — |
| markup.underline.link | #C6E1D0 | — |
| markup.inserted | #A9D8B3 | — |
| markup.deleted | #F5AAB3 | — |
| invalid | #F5AAB3 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #E7C2D4 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E7DCA9 | — |
| string.regexp, constant.other.character-class.regexp | #C0DAD3 | — |