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#FFAD780D
- activityBar.activeBorder#DBAB8E
- activityBar.background#1A1512
- activityBar.foreground#FFAD78
- activityBar.inactiveForeground#C6AC98
- activityBarBadge.background#FFAD78
- activityBarBadge.foreground#2B211D
- activityBarTop.activeBorder#FFAD78
- activityBarTop.background#342921
- activityBarTop.foreground#FFAD78
- activityBarTop.inactiveForeground#C6AC98
- badge.background#FFAD78
- badge.foreground#2B211D
- breadcrumb.background#2B211D
- breadcrumb.foreground#C6AC98
- button.background#FFAD78
- button.foreground#362014
- button.hoverBackground#FFBC90
- button.secondaryBackground#4C3B30
- button.secondaryForeground#F4E5D4
- button.secondaryHoverBackground#1A1512
- commandCenter.background#342921
- commandCenter.border#675046
- commandCenter.foreground#F4E5D4
- debugConsole.errorForeground#FFB2AA
- debugConsole.warningForeground#E7D481
- descriptionForeground#C6AC98
- diffEditor.insertedLineBackground#A5D6AF0D
- diffEditor.insertedTextBackground#A5D6AF21
- diffEditor.removedLineBackground#FFB2AA0D
- diffEditor.removedTextBackground#FFB2AA21
- disabledForeground#C6AC98
- dropdown.background#342921
- dropdown.border#675046
- dropdown.foreground#F4E5D4
- editor.background#2B211D
- editor.findMatchBackground#584333
- editor.findMatchBorder#DBAB8E
- editor.findMatchHighlightBackground#FFAD7828
- editor.findMatchHighlightBorder#FFAD7855
- editor.foreground#F4E5D4
- editor.inactiveSelectionBackground#FFAD7828
- editor.lineHighlightBackground#3B2D23
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#4C3B30
- editor.selectionForeground#F4E5D4
- editor.selectionHighlightBackground#FFAD7828
- editor.selectionHighlightBorder#FFAD7844
- editor.wordHighlightBackground#FFAD7828
- editor.wordHighlightStrongBackground#FFAD7828
- editorBracketHighlight.foreground1#FFAD78
- editorBracketHighlight.foreground2#89D6CA
- editorBracketHighlight.foreground3#DBAB8E
- editorBracketHighlight.foreground4#EDC6A4
- editorBracketHighlight.foreground5#ABD8B8
- editorBracketHighlight.foreground6#F4E5D4
- editorCodeLens.foreground#C6AC98
- editorCursor.foreground#FFAD78
- editorError.foreground#FFB2AA
- editorGhostText.background#00000000
- editorGhostText.foreground#C6AC98
- editorGroup.border#675046
- editorGroupHeader.tabsBackground#1A1512
- editorGutter.addedBackground#A5D6AF
- editorGutter.deletedBackground#FFB2AA
- editorGutter.foldingControlForeground#C6AC98
- editorGutter.modifiedBackground#DBAB8E
- editorHint.foreground#C6AC98
- editorHoverWidget.background#342921
- editorHoverWidget.border#DBAB8E
- editorHoverWidget.foreground#F4E5D4
- editorIndentGuide.activeBackground1#FFAD7866
- editorIndentGuide.background1#675046
- editorInfo.foreground#A7D8E5
- editorInlayHint.background#342921
- editorInlayHint.foreground#C6AC98
- editorLineNumber.activeForeground#FFAD78
- editorLineNumber.foreground#C6AC98
- editorLink.activeForeground#FFAD78
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FFB2AA
- editorOverviewRuler.infoForeground#A7D8E5
- editorOverviewRuler.warningForeground#E7D481
- editorRuler.foreground#675046
- editorStickyScroll.background#2B211D
- editorStickyScroll.border#675046
- editorStickyScrollHover.background#342921
- editorSuggestWidget.background#342921
- editorSuggestWidget.border#675046
- editorSuggestWidget.foreground#F4E5D4
- editorSuggestWidget.highlightForeground#FFAD78
- editorSuggestWidget.selectedBackground#4C3B30
- editorSuggestWidget.selectedForeground#F4E5D4
- editorUnicodeHighlight.background#EDC6A412
- editorUnicodeHighlight.border#EDC6A4
- editorWarning.foreground#E7D481
- editorWhitespace.foreground#675046
- editorWidget.background#342921
- editorWidget.border#675046
- editorWidget.foreground#F4E5D4
- focusBorder#FFAD78
- foreground#F4E5D4
- gitDecoration.addedResourceForeground#A5D6AF
- gitDecoration.deletedResourceForeground#FFB2AA
- gitDecoration.ignoredResourceForeground#C6AC98
- gitDecoration.modifiedResourceForeground#DBAB8E
- input.background#342921
- input.border#675046
- input.foreground#F4E5D4
- input.placeholderForeground#C6AC98
- inputOption.activeBackground#FFAD7828
- inputOption.activeBorder#FFAD78
- inputOption.activeForeground#F4E5D4
- list.activeSelectionBackground#4C3B30
- list.activeSelectionForeground#F4E5D4
- list.focusBackground#4C3B30
- list.focusForeground#F4E5D4
- list.focusHighlightForeground#FFAD78
- list.focusOutline#FFAD7866
- list.highlightForeground#FFAD78
- list.hoverBackground#FFAD7814
- list.hoverForeground#F4E5D4
- list.inactiveSelectionBackground#4C3B30
- list.inactiveSelectionForeground#F4E5D4
- menu.background#342921
- menu.border#675046
- menu.foreground#F4E5D4
- merge.currentContentBackground#ABD8B814
- merge.currentHeaderBackground#ABD8B830
- merge.incomingContentBackground#E7D48114
- merge.incomingHeaderBackground#E7D48130
- minimap.selectionHighlight#FFAD7877
- notebook.cellBorderColor#675046
- notebook.cellEditorBackground#2B211D
- notebook.focusedCellBorder#FFAD78
- notebook.selectedCellBackground#4C3B30
- notificationCenterHeader.background#342921
- notifications.background#342921
- notifications.border#675046
- notifications.foreground#F4E5D4
- panel.background#201A17
- panel.border#675046
- panelTitle.activeBorder#FFAD78
- panelTitle.activeForeground#FFAD78
- panelTitle.inactiveForeground#C6AC98
- peekView.border#FFAD78
- peekViewEditor.background#342921
- peekViewResult.background#342921
- peekViewResult.fileForeground#F4E5D4
- peekViewResult.lineForeground#F4E5D4
- pickerGroup.foreground#FFAD78
- problemsErrorIcon.foreground#FFB2AA
- problemsInfoIcon.foreground#A7D8E5
- problemsWarningIcon.foreground#E7D481
- progressBar.background#FFAD78
- quickInput.background#342921
- quickInput.foreground#F4E5D4
- quickInputList.focusBackground#4C3B30
- quickInputList.focusForeground#F4E5D4
- scrollbarSlider.activeBackground#FFAD7866
- scrollbarSlider.background#67504699
- scrollbarSlider.hoverBackground#C6AC9866
- settings.dropdownBackground#342921
- settings.modifiedItemIndicator#FFAD78
- sideBar.background#342921
- sideBar.border#675046
- sideBar.foreground#F4E5D4
- sideBarSectionHeader.background#342921
- sideBarSectionHeader.border#675046
- sideBarSectionHeader.foreground#F4E5D4
- sideBarTitle.foreground#F4E5D4
- statusBar.background#4C3B30
- statusBar.border#675046
- statusBar.debuggingBackground#FFAD78
- statusBar.debuggingForeground#2B211D
- statusBar.foreground#F4E5D4
- statusBar.noFolderBackground#4C3B30
- statusBarItem.hoverBackground#FFAD7814
- statusBarItem.hoverForeground#F4E5D4
- statusBarItem.prominentBackground#4C3B30
- statusBarItem.prominentForeground#F4E5D4
- statusBarItem.remoteBackground#FFAD78
- statusBarItem.remoteForeground#2B211D
- tab.activeBackground#2B211D
- tab.activeBorder#FFAD78
- tab.activeBorderTop#00000000
- tab.activeForeground#F4E5D4
- tab.border#675046
- tab.hoverBackground#4C3B30
- tab.inactiveBackground#342921
- tab.inactiveForeground#C6AC98
- tab.unfocusedActiveBorder#675046
- terminal.ansiBlack#C6AC98
- terminal.ansiBlue#A7D8E5
- terminal.ansiBrightBlack#C6AC98
- terminal.ansiBrightBlue#B9E0EA
- terminal.ansiBrightCyan#A5E0D9
- terminal.ansiBrightGreen#B7DEBF
- terminal.ansiBrightMagenta#ECDD9A
- terminal.ansiBrightRed#FFC1BB
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#ECDD9A
- terminal.ansiCyan#8ED8D0
- terminal.ansiGreen#A5D6AF
- terminal.ansiMagenta#E7D481
- terminal.ansiRed#FFB2AA
- terminal.ansiWhite#F4E5D4
- terminal.ansiYellow#E7D481
- terminal.background#201A17
- terminal.foreground#F4E5D4
- terminal.selectionBackground#4C3B30
- terminalCursor.background#2B211D
- terminalCursor.foreground#FFAD78
- testing.iconFailed#FFB2AA
- testing.iconPassed#A5D6AF
- textBlockQuote.background#342921
- textBlockQuote.border#FFAD78
- textCodeBlock.background#342921
- textLink.activeForeground#DBAB8E
- textLink.foreground#FFAD78
- titleBar.activeBackground#1A1512
- titleBar.activeForeground#F4E5D4
- titleBar.border#675046
- titleBar.inactiveBackground#2B211D
- titleBar.inactiveForeground#C6AC98
- toolbar.hoverBackground#FFAD7814
- tree.indentGuidesStroke#675046
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C6AC98 | — |
| keyword, storage | #E7D481 | — |
| keyword.operator | #F4E5D4 | — |
| string | #ABD8B8 | — |
| constant.numeric, constant.language, constant.character, constant.other | #EDC6A4 | — |
| entity.name.function, support.function | #89D6CA | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #DBAB8E | — |
| variable, meta.definition.variable | #F4E5D4 | — |
| variable.parameter | #F4E5D4 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #DBAB8E | — |
| punctuation | #F4E5D4 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #FFAD78 | — |
| constant.character.escape | #FFAD78 | — |
| entity.name.tag | #E7D481 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E7D481 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F4E5D4 | — |
| support.function.builtin.shell, support.function.powershell | #89D6CA | — |
| markup.heading, entity.name.section | #FFAD78 | bold |
| markup.bold | #F4E5D4 | bold |
| markup.italic | #F4E5D4 | italic |
| markup.inline.raw, markup.fenced_code.block | #ABD8B8 | — |
| markup.underline.link | #FFAD78 | — |
| markup.inserted | #A5D6AF | — |
| markup.deleted | #FFB2AA | — |
| invalid | #FFB2AA | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #DBAB8E | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E7D481 | — |
| string.regexp, constant.other.character-class.regexp | #ABD8B8 | — |