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#F0B7A50D
- activityBar.activeBorder#C1CDED
- activityBar.background#1A292B
- activityBar.foreground#F0B7A5
- activityBar.inactiveForeground#A7B3B4
- activityBarBadge.background#F0B7A5
- activityBarBadge.foreground#24383B
- activityBarTop.activeBorder#F0B7A5
- activityBarTop.background#304348
- activityBarTop.foreground#F0B7A5
- activityBarTop.inactiveForeground#A7B3B4
- badge.background#F0B7A5
- badge.foreground#24383B
- breadcrumb.background#24383B
- breadcrumb.foreground#A7B3B4
- button.background#F0B7A5
- button.foreground#1D2D2F
- button.hoverBackground#F3C4B5
- button.secondaryBackground#434B4B
- button.secondaryForeground#E7F1EF
- button.secondaryHoverBackground#1A292B
- commandCenter.background#304348
- commandCenter.border#556669
- commandCenter.foreground#E7F1EF
- debugConsole.errorForeground#EF9EAB
- debugConsole.warningForeground#ECD18D
- descriptionForeground#A7B3B4
- diffEditor.insertedLineBackground#A7D9B10D
- diffEditor.insertedTextBackground#A7D9B121
- diffEditor.removedLineBackground#EF9EAB0D
- diffEditor.removedTextBackground#EF9EAB21
- disabledForeground#A7B3B4
- dropdown.background#304348
- dropdown.border#556669
- dropdown.foreground#E7F1EF
- editor.background#24383B
- editor.findMatchBackground#475962
- editor.findMatchBorder#C1CDED
- editor.findMatchHighlightBackground#F0B7A528
- editor.findMatchHighlightBorder#F0B7A555
- editor.foreground#E7F1EF
- editor.inactiveSelectionBackground#F0B7A528
- editor.lineHighlightBackground#293D41
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#434B4B
- editor.selectionForeground#E7F1EF
- editor.selectionHighlightBackground#F0B7A528
- editor.selectionHighlightBorder#F0B7A544
- editor.wordHighlightBackground#F0B7A528
- editor.wordHighlightStrongBackground#F0B7A528
- editorBracketHighlight.foreground1#F0B7A5
- editorBracketHighlight.foreground2#B6E1D8
- editorBracketHighlight.foreground3#C1CDED
- editorBracketHighlight.foreground4#CED0D2
- editorBracketHighlight.foreground5#B4DFCB
- editorBracketHighlight.foreground6#E7F1EF
- editorCodeLens.foreground#A7B3B4
- editorCursor.foreground#F0B7A5
- editorError.foreground#EF9EAB
- editorGhostText.background#00000000
- editorGhostText.foreground#A7B3B4
- editorGroup.border#556669
- editorGroupHeader.tabsBackground#1A292B
- editorGutter.addedBackground#A7D9B1
- editorGutter.deletedBackground#EF9EAB
- editorGutter.foldingControlForeground#A7B3B4
- editorGutter.modifiedBackground#C1CDED
- editorHint.foreground#A7B3B4
- editorHoverWidget.background#304348
- editorHoverWidget.border#C1CDED
- editorHoverWidget.foreground#E7F1EF
- editorIndentGuide.activeBackground1#F0B7A566
- editorIndentGuide.background1#556669
- editorInfo.foreground#A3D0F1
- editorInlayHint.background#304348
- editorInlayHint.foreground#A7B3B4
- editorLineNumber.activeForeground#F0B7A5
- editorLineNumber.foreground#A7B3B4
- editorLink.activeForeground#F0B7A5
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#EF9EAB
- editorOverviewRuler.infoForeground#A3D0F1
- editorOverviewRuler.warningForeground#ECD18D
- editorRuler.foreground#556669
- editorStickyScroll.background#24383B
- editorStickyScroll.border#556669
- editorStickyScrollHover.background#304348
- editorSuggestWidget.background#304348
- editorSuggestWidget.border#556669
- editorSuggestWidget.foreground#E7F1EF
- editorSuggestWidget.highlightForeground#F0B7A5
- editorSuggestWidget.selectedBackground#434B4B
- editorSuggestWidget.selectedForeground#E7F1EF
- editorUnicodeHighlight.background#CED0D212
- editorUnicodeHighlight.border#CED0D2
- editorWarning.foreground#ECD18D
- editorWhitespace.foreground#556669
- editorWidget.background#304348
- editorWidget.border#556669
- editorWidget.foreground#E7F1EF
- focusBorder#F0B7A5
- foreground#E7F1EF
- gitDecoration.addedResourceForeground#A7D9B1
- gitDecoration.deletedResourceForeground#EF9EAB
- gitDecoration.ignoredResourceForeground#A7B3B4
- gitDecoration.modifiedResourceForeground#C1CDED
- input.background#304348
- input.border#556669
- input.foreground#E7F1EF
- input.placeholderForeground#A7B3B4
- inputOption.activeBackground#F0B7A528
- inputOption.activeBorder#F0B7A5
- inputOption.activeForeground#E7F1EF
- list.activeSelectionBackground#434B4B
- list.activeSelectionForeground#E7F1EF
- list.focusBackground#434B4B
- list.focusForeground#E7F1EF
- list.focusHighlightForeground#F0B7A5
- list.focusOutline#F0B7A566
- list.highlightForeground#F0B7A5
- list.hoverBackground#F0B7A514
- list.hoverForeground#E7F1EF
- list.inactiveSelectionBackground#434B4B
- list.inactiveSelectionForeground#E7F1EF
- menu.background#304348
- menu.border#556669
- menu.foreground#E7F1EF
- merge.currentContentBackground#B4DFCB14
- merge.currentHeaderBackground#B4DFCB30
- merge.incomingContentBackground#E5D6A114
- merge.incomingHeaderBackground#E5D6A130
- minimap.selectionHighlight#F0B7A577
- notebook.cellBorderColor#556669
- notebook.cellEditorBackground#24383B
- notebook.focusedCellBorder#F0B7A5
- notebook.selectedCellBackground#434B4B
- notificationCenterHeader.background#304348
- notifications.background#304348
- notifications.border#556669
- notifications.foreground#E7F1EF
- panel.background#1F3032
- panel.border#556669
- panelTitle.activeBorder#F0B7A5
- panelTitle.activeForeground#F0B7A5
- panelTitle.inactiveForeground#A7B3B4
- peekView.border#F0B7A5
- peekViewEditor.background#304348
- peekViewResult.background#304348
- peekViewResult.fileForeground#E7F1EF
- peekViewResult.lineForeground#E7F1EF
- pickerGroup.foreground#F0B7A5
- problemsErrorIcon.foreground#EF9EAB
- problemsInfoIcon.foreground#A3D0F1
- problemsWarningIcon.foreground#ECD18D
- progressBar.background#F0B7A5
- quickInput.background#304348
- quickInput.foreground#E7F1EF
- quickInputList.focusBackground#434B4B
- quickInputList.focusForeground#E7F1EF
- scrollbarSlider.activeBackground#F0B7A566
- scrollbarSlider.background#55666999
- scrollbarSlider.hoverBackground#A7B3B466
- settings.dropdownBackground#304348
- settings.modifiedItemIndicator#F0B7A5
- sideBar.background#304348
- sideBar.border#556669
- sideBar.foreground#E7F1EF
- sideBarSectionHeader.background#304348
- sideBarSectionHeader.border#556669
- sideBarSectionHeader.foreground#E7F1EF
- sideBarTitle.foreground#E7F1EF
- statusBar.background#F0B7A5
- statusBar.border#556669
- statusBar.debuggingBackground#F0B7A5
- statusBar.debuggingForeground#24383B
- statusBar.foreground#1D2D2F
- statusBar.noFolderBackground#F0B7A5
- statusBarItem.hoverBackground#F0B7A514
- statusBarItem.hoverForeground#1D2D2F
- statusBarItem.prominentBackground#434B4B
- statusBarItem.prominentForeground#E7F1EF
- statusBarItem.remoteBackground#F0B7A5
- statusBarItem.remoteForeground#24383B
- tab.activeBackground#24383B
- tab.activeBorder#F0B7A5
- tab.activeBorderTop#00000000
- tab.activeForeground#E7F1EF
- tab.border#556669
- tab.hoverBackground#434B4B
- tab.inactiveBackground#304348
- tab.inactiveForeground#A7B3B4
- tab.unfocusedActiveBorder#556669
- terminal.ansiBlack#A7B3B4
- terminal.ansiBlue#A3D0F1
- terminal.ansiBrightBlack#A7B3B4
- terminal.ansiBrightBlue#B5D9F4
- terminal.ansiBrightCyan#ACE5DD
- terminal.ansiBrightGreen#B9E1C1
- terminal.ansiBrightMagenta#EADEB4
- terminal.ansiBrightRed#F2B1BC
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0DAA4
- terminal.ansiCyan#97DED5
- terminal.ansiGreen#A7D9B1
- terminal.ansiMagenta#E5D6A1
- terminal.ansiRed#EF9EAB
- terminal.ansiWhite#E7F1EF
- terminal.ansiYellow#ECD18D
- terminal.background#1F3032
- terminal.foreground#E7F1EF
- terminal.selectionBackground#434B4B
- terminalCursor.background#24383B
- terminalCursor.foreground#F0B7A5
- testing.iconFailed#EF9EAB
- testing.iconPassed#A7D9B1
- textBlockQuote.background#304348
- textBlockQuote.border#F0B7A5
- textCodeBlock.background#304348
- textLink.activeForeground#C1CDED
- textLink.foreground#F0B7A5
- titleBar.activeBackground#1A292B
- titleBar.activeForeground#E7F1EF
- titleBar.border#556669
- titleBar.inactiveBackground#24383B
- titleBar.inactiveForeground#A7B3B4
- toolbar.hoverBackground#F0B7A514
- tree.indentGuidesStroke#556669
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A7B3B4 | — |
| keyword, storage | #E5D6A1 | — |
| keyword.operator | #E7F1EF | — |
| string | #B4DFCB | — |
| constant.numeric, constant.language, constant.character, constant.other | #CED0D2 | — |
| entity.name.function, support.function | #B6E1D8 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #C1CDED | — |
| variable, meta.definition.variable | #E7F1EF | — |
| variable.parameter | #E7F1EF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #C1CDED | — |
| punctuation | #E7F1EF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #F0B7A5 | — |
| constant.character.escape | #F0B7A5 | — |
| entity.name.tag | #E5D6A1 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E5D6A1 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E7F1EF | — |
| support.function.builtin.shell, support.function.powershell | #B6E1D8 | — |
| markup.heading, entity.name.section | #F0B7A5 | bold |
| markup.bold | #E7F1EF | bold |
| markup.italic | #E7F1EF | italic |
| markup.inline.raw, markup.fenced_code.block | #B4DFCB | — |
| markup.underline.link | #F0B7A5 | — |
| markup.inserted | #A7D9B1 | — |
| markup.deleted | #EF9EAB | — |
| invalid | #EF9EAB | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #C1CDED | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E5D6A1 | — |
| string.regexp, constant.other.character-class.regexp | #B4DFCB | — |