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#9FDBC60D
- activityBar.activeBorder#E5AE9A
- activityBar.background#0F2724
- activityBar.foreground#9FDBC6
- activityBar.inactiveForeground#A2B2AB
- activityBarBadge.background#9FDBC6
- activityBarBadge.foreground#153631
- activityBarTop.activeBorder#9FDBC6
- activityBarTop.background#2C433D
- activityBarTop.foreground#9FDBC6
- activityBarTop.inactiveForeground#A2B2AB
- badge.background#9FDBC6
- badge.foreground#153631
- breadcrumb.background#153631
- breadcrumb.foreground#A2B2AB
- button.background#9FDBC6
- button.foreground#112B27
- button.hoverBackground#B0E1D0
- button.secondaryBackground#2A4F47
- button.secondaryForeground#E3F1E8
- button.secondaryHoverBackground#0F2724
- commandCenter.background#2C433D
- commandCenter.border#51665F
- commandCenter.foreground#E3F1E8
- debugConsole.errorForeground#F39BA3
- debugConsole.warningForeground#ECD08B
- descriptionForeground#A2B2AB
- diffEditor.insertedLineBackground#A5D8B10D
- diffEditor.insertedTextBackground#A5D8B121
- diffEditor.removedLineBackground#F39BA30D
- diffEditor.removedTextBackground#F39BA321
- disabledForeground#A2B2AB
- dropdown.background#2C433D
- dropdown.border#51665F
- dropdown.foreground#E3F1E8
- editor.background#153631
- editor.findMatchBackground#435048
- editor.findMatchBorder#E5AE9A
- editor.findMatchHighlightBackground#9FDBC628
- editor.findMatchHighlightBorder#9FDBC655
- editor.foreground#E3F1E8
- editor.inactiveSelectionBackground#9FDBC628
- editor.lineHighlightBackground#1F3C36
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2A4F47
- editor.selectionForeground#E3F1E8
- editor.selectionHighlightBackground#9FDBC628
- editor.selectionHighlightBorder#9FDBC644
- editor.wordHighlightBackground#9FDBC628
- editor.wordHighlightStrongBackground#9FDBC628
- editorBracketHighlight.foreground1#9FDBC6
- editorBracketHighlight.foreground2#A7DCD6
- editorBracketHighlight.foreground3#E5AE9A
- editorBracketHighlight.foreground4#E6BA96
- editorBracketHighlight.foreground5#ABDCCA
- editorBracketHighlight.foreground6#E3F1E8
- editorCodeLens.foreground#A2B2AB
- editorCursor.foreground#9FDBC6
- editorError.foreground#F39BA3
- editorGhostText.background#00000000
- editorGhostText.foreground#A2B2AB
- editorGroup.border#51665F
- editorGroupHeader.tabsBackground#0F2724
- editorGutter.addedBackground#A5D8B1
- editorGutter.deletedBackground#F39BA3
- editorGutter.foldingControlForeground#A2B2AB
- editorGutter.modifiedBackground#E5AE9A
- editorHint.foreground#A2B2AB
- editorHoverWidget.background#2C433D
- editorHoverWidget.border#E5AE9A
- editorHoverWidget.foreground#E3F1E8
- editorIndentGuide.activeBackground1#9FDBC666
- editorIndentGuide.background1#51665F
- editorInfo.foreground#A1D0F1
- editorInlayHint.background#2C433D
- editorInlayHint.foreground#A2B2AB
- editorLineNumber.activeForeground#9FDBC6
- editorLineNumber.foreground#A2B2AB
- editorLink.activeForeground#9FDBC6
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F39BA3
- editorOverviewRuler.infoForeground#A1D0F1
- editorOverviewRuler.warningForeground#ECD08B
- editorRuler.foreground#51665F
- editorStickyScroll.background#153631
- editorStickyScroll.border#51665F
- editorStickyScrollHover.background#2C433D
- editorSuggestWidget.background#2C433D
- editorSuggestWidget.border#51665F
- editorSuggestWidget.foreground#E3F1E8
- editorSuggestWidget.highlightForeground#9FDBC6
- editorSuggestWidget.selectedBackground#2A4F47
- editorSuggestWidget.selectedForeground#E3F1E8
- editorUnicodeHighlight.background#E6BA9612
- editorUnicodeHighlight.border#E6BA96
- editorWarning.foreground#ECD08B
- editorWhitespace.foreground#51665F
- editorWidget.background#2C433D
- editorWidget.border#51665F
- editorWidget.foreground#E3F1E8
- focusBorder#9FDBC6
- foreground#E3F1E8
- gitDecoration.addedResourceForeground#A5D8B1
- gitDecoration.deletedResourceForeground#F39BA3
- gitDecoration.ignoredResourceForeground#A2B2AB
- gitDecoration.modifiedResourceForeground#E5AE9A
- input.background#2C433D
- input.border#51665F
- input.foreground#E3F1E8
- input.placeholderForeground#A2B2AB
- inputOption.activeBackground#9FDBC628
- inputOption.activeBorder#9FDBC6
- inputOption.activeForeground#E3F1E8
- list.activeSelectionBackground#2A4F47
- list.activeSelectionForeground#E3F1E8
- list.focusBackground#2A4F47
- list.focusForeground#E3F1E8
- list.focusHighlightForeground#9FDBC6
- list.focusOutline#9FDBC666
- list.highlightForeground#9FDBC6
- list.hoverBackground#9FDBC614
- list.hoverForeground#E3F1E8
- list.inactiveSelectionBackground#2A4F47
- list.inactiveSelectionForeground#E3F1E8
- menu.background#2C433D
- menu.border#51665F
- menu.foreground#E3F1E8
- merge.currentContentBackground#ABDCCA14
- merge.currentHeaderBackground#ABDCCA30
- merge.incomingContentBackground#E8D09014
- merge.incomingHeaderBackground#E8D09030
- minimap.selectionHighlight#9FDBC677
- notebook.cellBorderColor#51665F
- notebook.cellEditorBackground#153631
- notebook.focusedCellBorder#9FDBC6
- notebook.selectedCellBackground#2A4F47
- notificationCenterHeader.background#2C433D
- notifications.background#2C433D
- notifications.border#51665F
- notifications.foreground#E3F1E8
- panel.background#122E2A
- panel.border#51665F
- panelTitle.activeBorder#9FDBC6
- panelTitle.activeForeground#9FDBC6
- panelTitle.inactiveForeground#A2B2AB
- peekView.border#9FDBC6
- peekViewEditor.background#2C433D
- peekViewResult.background#2C433D
- peekViewResult.fileForeground#E3F1E8
- peekViewResult.lineForeground#E3F1E8
- pickerGroup.foreground#9FDBC6
- problemsErrorIcon.foreground#F39BA3
- problemsInfoIcon.foreground#A1D0F1
- problemsWarningIcon.foreground#ECD08B
- progressBar.background#9FDBC6
- quickInput.background#2C433D
- quickInput.foreground#E3F1E8
- quickInputList.focusBackground#2A4F47
- quickInputList.focusForeground#E3F1E8
- scrollbarSlider.activeBackground#9FDBC666
- scrollbarSlider.background#51665F99
- scrollbarSlider.hoverBackground#A2B2AB66
- settings.dropdownBackground#2C433D
- settings.modifiedItemIndicator#9FDBC6
- sideBar.background#2C433D
- sideBar.border#51665F
- sideBar.foreground#E3F1E8
- sideBarSectionHeader.background#2C433D
- sideBarSectionHeader.border#51665F
- sideBarSectionHeader.foreground#E3F1E8
- sideBarTitle.foreground#E3F1E8
- statusBar.background#2A4F47
- statusBar.border#51665F
- statusBar.debuggingBackground#9FDBC6
- statusBar.debuggingForeground#153631
- statusBar.foreground#E3F1E8
- statusBar.noFolderBackground#2A4F47
- statusBarItem.hoverBackground#9FDBC614
- statusBarItem.hoverForeground#E3F1E8
- statusBarItem.prominentBackground#2A4F47
- statusBarItem.prominentForeground#E3F1E8
- statusBarItem.remoteBackground#9FDBC6
- statusBarItem.remoteForeground#153631
- tab.activeBackground#153631
- tab.activeBorder#9FDBC6
- tab.activeBorderTop#00000000
- tab.activeForeground#E3F1E8
- tab.border#51665F
- tab.hoverBackground#2A4F47
- tab.inactiveBackground#2C433D
- tab.inactiveForeground#A2B2AB
- tab.unfocusedActiveBorder#51665F
- terminal.ansiBlack#A2B2AB
- terminal.ansiBlue#A1D0F1
- terminal.ansiBrightBlack#A2B2AB
- terminal.ansiBrightBlue#B4D9F4
- terminal.ansiBrightCyan#AAE5DD
- terminal.ansiBrightGreen#B7E0C1
- terminal.ansiBrightMagenta#EDD9A6
- terminal.ansiBrightRed#F5AFB5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0D9A2
- terminal.ansiCyan#95DED5
- terminal.ansiGreen#A5D8B1
- terminal.ansiMagenta#E8D090
- terminal.ansiRed#F39BA3
- terminal.ansiWhite#E3F1E8
- terminal.ansiYellow#ECD08B
- terminal.background#122E2A
- terminal.foreground#E3F1E8
- terminal.selectionBackground#2A4F47
- terminalCursor.background#153631
- terminalCursor.foreground#9FDBC6
- testing.iconFailed#F39BA3
- testing.iconPassed#A5D8B1
- textBlockQuote.background#2C433D
- textBlockQuote.border#9FDBC6
- textCodeBlock.background#2C433D
- textLink.activeForeground#E5AE9A
- textLink.foreground#9FDBC6
- titleBar.activeBackground#0F2724
- titleBar.activeForeground#E3F1E8
- titleBar.border#51665F
- titleBar.inactiveBackground#153631
- titleBar.inactiveForeground#A2B2AB
- toolbar.hoverBackground#9FDBC614
- tree.indentGuidesStroke#51665F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A2B2AB | — |
| keyword, storage | #E8D090 | — |
| keyword.operator | #E3F1E8 | — |
| string | #ABDCCA | — |
| constant.numeric, constant.language, constant.character, constant.other | #E6BA96 | — |
| entity.name.function, support.function | #A7DCD6 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #E5AE9A | — |
| variable, meta.definition.variable | #E3F1E8 | — |
| variable.parameter | #E3F1E8 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #E5AE9A | — |
| punctuation | #E3F1E8 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #9FDBC6 | — |
| constant.character.escape | #9FDBC6 | — |
| entity.name.tag | #E8D090 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E8D090 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E3F1E8 | — |
| support.function.builtin.shell, support.function.powershell | #A7DCD6 | — |
| markup.heading, entity.name.section | #9FDBC6 | bold |
| markup.bold | #E3F1E8 | bold |
| markup.italic | #E3F1E8 | italic |
| markup.inline.raw, markup.fenced_code.block | #ABDCCA | — |
| markup.underline.link | #9FDBC6 | — |
| markup.inserted | #A5D8B1 | — |
| markup.deleted | #F39BA3 | — |
| invalid | #F39BA3 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #E5AE9A | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E8D090 | — |
| string.regexp, constant.other.character-class.regexp | #ABDCCA | — |