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#ADD8C90D
- activityBar.activeBorder#DFCCAD
- activityBar.background#171F23
- activityBar.foreground#ADD8C9
- activityBar.inactiveForeground#9CA3A6
- activityBarBadge.background#ADD8C9
- activityBarBadge.foreground#202A30
- activityBarTop.activeBorder#ADD8C9
- activityBarTop.background#2E3639
- activityBarTop.foreground#ADD8C9
- activityBarTop.inactiveForeground#9CA3A6
- badge.background#ADD8C9
- badge.foreground#202A30
- breadcrumb.background#202A30
- breadcrumb.foreground#9CA3A6
- button.background#ADD8C9
- button.foreground#1A2226
- button.hoverBackground#BCDFD3
- button.secondaryBackground#354447
- button.secondaryForeground#E5ECEF
- button.secondaryHoverBackground#171F23
- commandCenter.background#2E3639
- commandCenter.border#535A5D
- commandCenter.foreground#E5ECEF
- debugConsole.errorForeground#F29EA5
- debugConsole.warningForeground#EBCE94
- descriptionForeground#9CA3A6
- diffEditor.insertedLineBackground#A7D7B20D
- diffEditor.insertedTextBackground#A7D7B221
- diffEditor.removedLineBackground#F29EA50D
- diffEditor.removedTextBackground#F29EA521
- disabledForeground#9CA3A6
- dropdown.background#2E3639
- dropdown.border#535A5D
- dropdown.foreground#E5ECEF
- editor.background#202A30
- editor.findMatchBackground#4A4E4C
- editor.findMatchBorder#DFCCAD
- editor.findMatchHighlightBackground#ADD8C928
- editor.findMatchHighlightBorder#ADD8C955
- editor.foreground#E5ECEF
- editor.inactiveSelectionBackground#ADD8C928
- editor.lineHighlightBackground#262F34
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#354447
- editor.selectionForeground#E5ECEF
- editor.selectionHighlightBackground#ADD8C928
- editor.selectionHighlightBorder#ADD8C944
- editor.wordHighlightBackground#ADD8C928
- editor.wordHighlightStrongBackground#ADD8C928
- editorBracketHighlight.foreground1#ADD8C9
- editorBracketHighlight.foreground2#B3CDE1
- editorBracketHighlight.foreground3#DFCCAD
- editorBracketHighlight.foreground4#DBC7C0
- editorBracketHighlight.foreground5#B3D3D1
- editorBracketHighlight.foreground6#E5ECEF
- editorCodeLens.foreground#9CA3A6
- editorCursor.foreground#ADD8C9
- editorError.foreground#F29EA5
- editorGhostText.background#00000000
- editorGhostText.foreground#9CA3A6
- editorGroup.border#535A5D
- editorGroupHeader.tabsBackground#171F23
- editorGutter.addedBackground#A7D7B2
- editorGutter.deletedBackground#F29EA5
- editorGutter.foldingControlForeground#9CA3A6
- editorGutter.modifiedBackground#DFCCAD
- editorHint.foreground#9CA3A6
- editorHoverWidget.background#2E3639
- editorHoverWidget.border#DFCCAD
- editorHoverWidget.foreground#E5ECEF
- editorIndentGuide.activeBackground1#ADD8C966
- editorIndentGuide.background1#535A5D
- editorInfo.foreground#A2CFF2
- editorInlayHint.background#2E3639
- editorInlayHint.foreground#9CA3A6
- editorLineNumber.activeForeground#ADD8C9
- editorLineNumber.foreground#9CA3A6
- editorLink.activeForeground#ADD8C9
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F29EA5
- editorOverviewRuler.infoForeground#A2CFF2
- editorOverviewRuler.warningForeground#EBCE94
- editorRuler.foreground#535A5D
- editorStickyScroll.background#202A30
- editorStickyScroll.border#535A5D
- editorStickyScrollHover.background#2E3639
- editorSuggestWidget.background#2E3639
- editorSuggestWidget.border#535A5D
- editorSuggestWidget.foreground#E5ECEF
- editorSuggestWidget.highlightForeground#ADD8C9
- editorSuggestWidget.selectedBackground#354447
- editorSuggestWidget.selectedForeground#E5ECEF
- editorUnicodeHighlight.background#DBC7C012
- editorUnicodeHighlight.border#DBC7C0
- editorWarning.foreground#EBCE94
- editorWhitespace.foreground#535A5D
- editorWidget.background#2E3639
- editorWidget.border#535A5D
- editorWidget.foreground#E5ECEF
- focusBorder#ADD8C9
- foreground#E5ECEF
- gitDecoration.addedResourceForeground#A7D7B2
- gitDecoration.deletedResourceForeground#F29EA5
- gitDecoration.ignoredResourceForeground#9CA3A6
- gitDecoration.modifiedResourceForeground#DFCCAD
- input.background#2E3639
- input.border#535A5D
- input.foreground#E5ECEF
- input.placeholderForeground#9CA3A6
- inputOption.activeBackground#ADD8C928
- inputOption.activeBorder#ADD8C9
- inputOption.activeForeground#E5ECEF
- list.activeSelectionBackground#354447
- list.activeSelectionForeground#E5ECEF
- list.focusBackground#354447
- list.focusForeground#E5ECEF
- list.focusHighlightForeground#ADD8C9
- list.focusOutline#ADD8C966
- list.highlightForeground#ADD8C9
- list.hoverBackground#ADD8C914
- list.hoverForeground#E5ECEF
- list.inactiveSelectionBackground#354447
- list.inactiveSelectionForeground#E5ECEF
- menu.background#2E3639
- menu.border#535A5D
- menu.foreground#E5ECEF
- merge.currentContentBackground#B3D3D114
- merge.currentHeaderBackground#B3D3D130
- merge.incomingContentBackground#D4BDE414
- merge.incomingHeaderBackground#D4BDE430
- minimap.selectionHighlight#ADD8C977
- notebook.cellBorderColor#535A5D
- notebook.cellEditorBackground#202A30
- notebook.focusedCellBorder#ADD8C9
- notebook.selectedCellBackground#354447
- notificationCenterHeader.background#2E3639
- notifications.background#2E3639
- notifications.border#535A5D
- notifications.foreground#E5ECEF
- panel.background#1B2429
- panel.border#535A5D
- panelTitle.activeBorder#ADD8C9
- panelTitle.activeForeground#ADD8C9
- panelTitle.inactiveForeground#9CA3A6
- peekView.border#ADD8C9
- peekViewEditor.background#2E3639
- peekViewResult.background#2E3639
- peekViewResult.fileForeground#E5ECEF
- peekViewResult.lineForeground#E5ECEF
- pickerGroup.foreground#ADD8C9
- problemsErrorIcon.foreground#F29EA5
- problemsInfoIcon.foreground#A2CFF2
- problemsWarningIcon.foreground#EBCE94
- progressBar.background#ADD8C9
- quickInput.background#2E3639
- quickInput.foreground#E5ECEF
- quickInputList.focusBackground#354447
- quickInputList.focusForeground#E5ECEF
- scrollbarSlider.activeBackground#ADD8C966
- scrollbarSlider.background#535A5D99
- scrollbarSlider.hoverBackground#9CA3A666
- settings.dropdownBackground#2E3639
- settings.modifiedItemIndicator#ADD8C9
- sideBar.background#2E3639
- sideBar.border#535A5D
- sideBar.foreground#E5ECEF
- sideBarSectionHeader.background#2E3639
- sideBarSectionHeader.border#535A5D
- sideBarSectionHeader.foreground#E5ECEF
- sideBarTitle.foreground#E5ECEF
- statusBar.background#354447
- statusBar.border#535A5D
- statusBar.debuggingBackground#ADD8C9
- statusBar.debuggingForeground#202A30
- statusBar.foreground#E5ECEF
- statusBar.noFolderBackground#354447
- statusBarItem.hoverBackground#ADD8C914
- statusBarItem.hoverForeground#E5ECEF
- statusBarItem.prominentBackground#354447
- statusBarItem.prominentForeground#E5ECEF
- statusBarItem.remoteBackground#ADD8C9
- statusBarItem.remoteForeground#202A30
- tab.activeBackground#202A30
- tab.activeBorder#ADD8C9
- tab.activeBorderTop#00000000
- tab.activeForeground#E5ECEF
- tab.border#535A5D
- tab.hoverBackground#354447
- tab.inactiveBackground#2E3639
- tab.inactiveForeground#9CA3A6
- tab.unfocusedActiveBorder#535A5D
- terminal.ansiBlack#9CA3A6
- terminal.ansiBlue#A2CFF2
- terminal.ansiBrightBlack#9CA3A6
- terminal.ansiBrightBlue#B5D9F5
- terminal.ansiBrightCyan#ABE2DF
- terminal.ansiBrightGreen#B9DFC1
- terminal.ansiBrightMagenta#DDCAE9
- terminal.ansiBrightRed#F5B1B7
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#EFD8A9
- terminal.ansiCyan#96DBD7
- terminal.ansiGreen#A7D7B2
- terminal.ansiMagenta#D4BDE4
- terminal.ansiRed#F29EA5
- terminal.ansiWhite#E5ECEF
- terminal.ansiYellow#EBCE94
- terminal.background#1B2429
- terminal.foreground#E5ECEF
- terminal.selectionBackground#354447
- terminalCursor.background#202A30
- terminalCursor.foreground#ADD8C9
- testing.iconFailed#F29EA5
- testing.iconPassed#A7D7B2
- textBlockQuote.background#2E3639
- textBlockQuote.border#ADD8C9
- textCodeBlock.background#2E3639
- textLink.activeForeground#DFCCAD
- textLink.foreground#ADD8C9
- titleBar.activeBackground#171F23
- titleBar.activeForeground#E5ECEF
- titleBar.border#535A5D
- titleBar.inactiveBackground#202A30
- titleBar.inactiveForeground#9CA3A6
- toolbar.hoverBackground#ADD8C914
- tree.indentGuidesStroke#535A5D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9CA3A6 | — |
| keyword, storage | #D4BDE4 | — |
| keyword.operator | #E5ECEF | — |
| string | #B3D3D1 | — |
| constant.numeric, constant.language, constant.character, constant.other | #DBC7C0 | — |
| entity.name.function, support.function | #B3CDE1 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #DFCCAD | — |
| variable, meta.definition.variable | #E5ECEF | — |
| variable.parameter | #E5ECEF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #DFCCAD | — |
| punctuation | #E5ECEF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #ADD8C9 | — |
| constant.character.escape | #ADD8C9 | — |
| entity.name.tag | #D4BDE4 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #D4BDE4 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E5ECEF | — |
| support.function.builtin.shell, support.function.powershell | #B3CDE1 | — |
| markup.heading, entity.name.section | #ADD8C9 | bold |
| markup.bold | #E5ECEF | bold |
| markup.italic | #E5ECEF | italic |
| markup.inline.raw, markup.fenced_code.block | #B3D3D1 | — |
| markup.underline.link | #ADD8C9 | — |
| markup.inserted | #A7D7B2 | — |
| markup.deleted | #F29EA5 | — |
| invalid | #F29EA5 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #DFCCAD | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #D4BDE4 | — |
| string.regexp, constant.other.character-class.regexp | #B3D3D1 | — |