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#ADD9BC0D
- activityBar.activeBorder#DCC197
- activityBar.background#16231D
- activityBar.foreground#ADD9BC
- activityBar.inactiveForeground#9EA99C
- activityBarBadge.background#ADD9BC
- activityBarBadge.foreground#1E3028
- activityBarTop.activeBorder#ADD9BC
- activityBarTop.background#2C3B30
- activityBarTop.foreground#ADD9BC
- activityBarTop.inactiveForeground#9EA99C
- badge.background#ADD9BC
- badge.foreground#1E3028
- breadcrumb.background#1E3028
- breadcrumb.foreground#9EA99C
- button.background#ADD9BC
- button.foreground#182620
- button.hoverBackground#BCE0C8
- button.secondaryBackground#33493E
- button.secondaryForeground#E7EFE1
- button.secondaryHoverBackground#16231D
- commandCenter.background#2C3B30
- commandCenter.border#515F53
- commandCenter.foreground#E7EFE1
- debugConsole.errorForeground#F29DA3
- debugConsole.warningForeground#ECD08E
- descriptionForeground#9EA99C
- diffEditor.insertedLineBackground#A7D8B00D
- diffEditor.insertedTextBackground#A7D8B021
- diffEditor.removedLineBackground#F29DA30D
- diffEditor.removedTextBackground#F29DA321
- disabledForeground#9EA99C
- dropdown.background#2C3B30
- dropdown.border#515F53
- dropdown.foreground#E7EFE1
- editor.background#1E3028
- editor.findMatchBackground#485040
- editor.findMatchBorder#DCC197
- editor.findMatchHighlightBackground#ADD9BC28
- editor.findMatchHighlightBorder#ADD9BC55
- editor.foreground#E7EFE1
- editor.inactiveSelectionBackground#ADD9BC28
- editor.lineHighlightBackground#24352C
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#33493E
- editor.selectionForeground#E7EFE1
- editor.selectionHighlightBackground#ADD9BC28
- editor.selectionHighlightBorder#ADD9BC44
- editor.wordHighlightBackground#ADD9BC28
- editor.wordHighlightStrongBackground#ADD9BC28
- editorBracketHighlight.foreground1#ADD9BC
- editorBracketHighlight.foreground2#B7D8CD
- editorBracketHighlight.foreground3#DCC197
- editorBracketHighlight.foreground4#DDC79D
- editorBracketHighlight.foreground5#B5DAC4
- editorBracketHighlight.foreground6#E7EFE1
- editorCodeLens.foreground#9EA99C
- editorCursor.foreground#ADD9BC
- editorError.foreground#F29DA3
- editorGhostText.background#00000000
- editorGhostText.foreground#9EA99C
- editorGroup.border#515F53
- editorGroupHeader.tabsBackground#16231D
- editorGutter.addedBackground#A7D8B0
- editorGutter.deletedBackground#F29DA3
- editorGutter.foldingControlForeground#9EA99C
- editorGutter.modifiedBackground#DCC197
- editorHint.foreground#9EA99C
- editorHoverWidget.background#2C3B30
- editorHoverWidget.border#DCC197
- editorHoverWidget.foreground#E7EFE1
- editorIndentGuide.activeBackground1#ADD9BC66
- editorIndentGuide.background1#515F53
- editorInfo.foreground#A3D0F0
- editorInlayHint.background#2C3B30
- editorInlayHint.foreground#9EA99C
- editorLineNumber.activeForeground#ADD9BC
- editorLineNumber.foreground#9EA99C
- editorLink.activeForeground#ADD9BC
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F29DA3
- editorOverviewRuler.infoForeground#A3D0F0
- editorOverviewRuler.warningForeground#ECD08E
- editorRuler.foreground#515F53
- editorStickyScroll.background#1E3028
- editorStickyScroll.border#515F53
- editorStickyScrollHover.background#2C3B30
- editorSuggestWidget.background#2C3B30
- editorSuggestWidget.border#515F53
- editorSuggestWidget.foreground#E7EFE1
- editorSuggestWidget.highlightForeground#ADD9BC
- editorSuggestWidget.selectedBackground#33493E
- editorSuggestWidget.selectedForeground#E7EFE1
- editorUnicodeHighlight.background#DDC79D12
- editorUnicodeHighlight.border#DDC79D
- editorWarning.foreground#ECD08E
- editorWhitespace.foreground#515F53
- editorWidget.background#2C3B30
- editorWidget.border#515F53
- editorWidget.foreground#E7EFE1
- focusBorder#ADD9BC
- foreground#E7EFE1
- gitDecoration.addedResourceForeground#A7D8B0
- gitDecoration.deletedResourceForeground#F29DA3
- gitDecoration.ignoredResourceForeground#9EA99C
- gitDecoration.modifiedResourceForeground#DCC197
- input.background#2C3B30
- input.border#515F53
- input.foreground#E7EFE1
- input.placeholderForeground#9EA99C
- inputOption.activeBackground#ADD9BC28
- inputOption.activeBorder#ADD9BC
- inputOption.activeForeground#E7EFE1
- list.activeSelectionBackground#33493E
- list.activeSelectionForeground#E7EFE1
- list.focusBackground#33493E
- list.focusForeground#E7EFE1
- list.focusHighlightForeground#ADD9BC
- list.focusOutline#ADD9BC66
- list.highlightForeground#ADD9BC
- list.hoverBackground#ADD9BC14
- list.hoverForeground#E7EFE1
- list.inactiveSelectionBackground#33493E
- list.inactiveSelectionForeground#E7EFE1
- menu.background#2C3B30
- menu.border#515F53
- menu.foreground#E7EFE1
- merge.currentContentBackground#B5DAC414
- merge.currentHeaderBackground#B5DAC430
- merge.incomingContentBackground#E0D1A914
- merge.incomingHeaderBackground#E0D1A930
- minimap.selectionHighlight#ADD9BC77
- notebook.cellBorderColor#515F53
- notebook.cellEditorBackground#1E3028
- notebook.focusedCellBorder#ADD9BC
- notebook.selectedCellBackground#33493E
- notificationCenterHeader.background#2C3B30
- notifications.background#2C3B30
- notifications.border#515F53
- notifications.foreground#E7EFE1
- panel.background#192922
- panel.border#515F53
- panelTitle.activeBorder#ADD9BC
- panelTitle.activeForeground#ADD9BC
- panelTitle.inactiveForeground#9EA99C
- peekView.border#ADD9BC
- peekViewEditor.background#2C3B30
- peekViewResult.background#2C3B30
- peekViewResult.fileForeground#E7EFE1
- peekViewResult.lineForeground#E7EFE1
- pickerGroup.foreground#ADD9BC
- problemsErrorIcon.foreground#F29DA3
- problemsInfoIcon.foreground#A3D0F0
- problemsWarningIcon.foreground#ECD08E
- progressBar.background#ADD9BC
- quickInput.background#2C3B30
- quickInput.foreground#E7EFE1
- quickInputList.focusBackground#33493E
- quickInputList.focusForeground#E7EFE1
- scrollbarSlider.activeBackground#ADD9BC66
- scrollbarSlider.background#515F5399
- scrollbarSlider.hoverBackground#9EA99C66
- settings.dropdownBackground#2C3B30
- settings.modifiedItemIndicator#ADD9BC
- sideBar.background#2C3B30
- sideBar.border#515F53
- sideBar.foreground#E7EFE1
- sideBarSectionHeader.background#2C3B30
- sideBarSectionHeader.border#515F53
- sideBarSectionHeader.foreground#E7EFE1
- sideBarTitle.foreground#E7EFE1
- statusBar.background#33493E
- statusBar.border#515F53
- statusBar.debuggingBackground#ADD9BC
- statusBar.debuggingForeground#1E3028
- statusBar.foreground#E7EFE1
- statusBar.noFolderBackground#33493E
- statusBarItem.hoverBackground#ADD9BC14
- statusBarItem.hoverForeground#E7EFE1
- statusBarItem.prominentBackground#33493E
- statusBarItem.prominentForeground#E7EFE1
- statusBarItem.remoteBackground#ADD9BC
- statusBarItem.remoteForeground#1E3028
- tab.activeBackground#1E3028
- tab.activeBorder#ADD9BC
- tab.activeBorderTop#00000000
- tab.activeForeground#E7EFE1
- tab.border#515F53
- tab.hoverBackground#33493E
- tab.inactiveBackground#2C3B30
- tab.inactiveForeground#9EA99C
- tab.unfocusedActiveBorder#515F53
- terminal.ansiBlack#9EA99C
- terminal.ansiBlue#A3D0F0
- terminal.ansiBrightBlack#9EA99C
- terminal.ansiBrightBlue#B5D9F3
- terminal.ansiBrightCyan#ACE4DD
- terminal.ansiBrightGreen#B9E0C0
- terminal.ansiBrightMagenta#E6DABA
- terminal.ansiBrightRed#F5B1B5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0D9A5
- terminal.ansiCyan#97DDD4
- terminal.ansiGreen#A7D8B0
- terminal.ansiMagenta#E0D1A9
- terminal.ansiRed#F29DA3
- terminal.ansiWhite#E7EFE1
- terminal.ansiYellow#ECD08E
- terminal.background#192922
- terminal.foreground#E7EFE1
- terminal.selectionBackground#33493E
- terminalCursor.background#1E3028
- terminalCursor.foreground#ADD9BC
- testing.iconFailed#F29DA3
- testing.iconPassed#A7D8B0
- textBlockQuote.background#2C3B30
- textBlockQuote.border#ADD9BC
- textCodeBlock.background#2C3B30
- textLink.activeForeground#DCC197
- textLink.foreground#ADD9BC
- titleBar.activeBackground#16231D
- titleBar.activeForeground#E7EFE1
- titleBar.border#515F53
- titleBar.inactiveBackground#1E3028
- titleBar.inactiveForeground#9EA99C
- toolbar.hoverBackground#ADD9BC14
- tree.indentGuidesStroke#515F53
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9EA99C | — |
| keyword, storage | #E0D1A9 | — |
| keyword.operator | #E7EFE1 | — |
| string | #B5DAC4 | — |
| constant.numeric, constant.language, constant.character, constant.other | #DDC79D | — |
| entity.name.function, support.function | #B7D8CD | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #DCC197 | — |
| variable, meta.definition.variable | #E7EFE1 | — |
| variable.parameter | #E7EFE1 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #DCC197 | — |
| punctuation | #E7EFE1 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #ADD9BC | — |
| constant.character.escape | #ADD9BC | — |
| entity.name.tag | #E0D1A9 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E0D1A9 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E7EFE1 | — |
| support.function.builtin.shell, support.function.powershell | #B7D8CD | — |
| markup.heading, entity.name.section | #ADD9BC | bold |
| markup.bold | #E7EFE1 | bold |
| markup.italic | #E7EFE1 | italic |
| markup.inline.raw, markup.fenced_code.block | #B5DAC4 | — |
| markup.underline.link | #ADD9BC | — |
| markup.inserted | #A7D8B0 | — |
| markup.deleted | #F29DA3 | — |
| invalid | #F29DA3 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #DCC197 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E0D1A9 | — |
| string.regexp, constant.other.character-class.regexp | #B5DAC4 | — |