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#AFCBF70D
- activityBar.activeBorder#F1B7AD
- activityBar.background#122237
- activityBar.foreground#AFCBF7
- activityBar.inactiveForeground#9CA6B8
- activityBarBadge.background#AFCBF7
- activityBarBadge.foreground#182E4C
- activityBarTop.activeBorder#AFCBF7
- activityBarTop.background#283853
- activityBarTop.foreground#AFCBF7
- activityBarTop.inactiveForeground#9CA6B8
- badge.background#AFCBF7
- badge.foreground#182E4C
- breadcrumb.background#182E4C
- breadcrumb.foreground#9CA6B8
- button.background#AFCBF7
- button.foreground#13253D
- button.hoverBackground#BDD4F8
- button.secondaryBackground#2F4666
- button.secondaryForeground#E7EEFA
- button.secondaryHoverBackground#122237
- commandCenter.background#283853
- commandCenter.border#4E5C74
- commandCenter.foreground#E7EEFA
- debugConsole.errorForeground#F49CA5
- debugConsole.warningForeground#EACE95
- descriptionForeground#9CA6B8
- diffEditor.insertedLineBackground#A6D9B20D
- diffEditor.insertedTextBackground#A6D9B221
- diffEditor.removedLineBackground#F49CA50D
- diffEditor.removedTextBackground#F49CA521
- disabledForeground#9CA6B8
- dropdown.background#283853
- dropdown.border#4E5C74
- dropdown.foreground#E7EEFA
- editor.background#182E4C
- editor.findMatchBackground#484C61
- editor.findMatchBorder#F1B7AD
- editor.findMatchHighlightBackground#AFCBF728
- editor.findMatchHighlightBorder#AFCBF755
- editor.foreground#E7EEFA
- editor.inactiveSelectionBackground#AFCBF728
- editor.lineHighlightBackground#1F324F
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2F4666
- editor.selectionForeground#E7EEFA
- editor.selectionHighlightBackground#AFCBF728
- editor.selectionHighlightBorder#AFCBF744
- editor.wordHighlightBackground#AFCBF728
- editor.wordHighlightStrongBackground#AFCBF728
- editorBracketHighlight.foreground1#AFCBF7
- editorBracketHighlight.foreground2#B0DFDD
- editorBracketHighlight.foreground3#F1B7AD
- editorBracketHighlight.foreground4#E6BAC3
- editorBracketHighlight.foreground5#B1DECE
- editorBracketHighlight.foreground6#E7EEFA
- editorCodeLens.foreground#9CA6B8
- editorCursor.foreground#AFCBF7
- editorError.foreground#F49CA5
- editorGhostText.background#00000000
- editorGhostText.foreground#9CA6B8
- editorGroup.border#4E5C74
- editorGroupHeader.tabsBackground#122237
- editorGutter.addedBackground#A6D9B2
- editorGutter.deletedBackground#F49CA5
- editorGutter.foldingControlForeground#9CA6B8
- editorGutter.modifiedBackground#F1B7AD
- editorHint.foreground#9CA6B8
- editorHoverWidget.background#283853
- editorHoverWidget.border#F1B7AD
- editorHoverWidget.foreground#E7EEFA
- editorIndentGuide.activeBackground1#AFCBF766
- editorIndentGuide.background1#4E5C74
- editorInfo.foreground#A2D0F1
- editorInlayHint.background#283853
- editorInlayHint.foreground#9CA6B8
- editorLineNumber.activeForeground#AFCBF7
- editorLineNumber.foreground#9CA6B8
- editorLink.activeForeground#AFCBF7
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F49CA5
- editorOverviewRuler.infoForeground#A2D0F1
- editorOverviewRuler.warningForeground#EACE95
- editorRuler.foreground#4E5C74
- editorStickyScroll.background#182E4C
- editorStickyScroll.border#4E5C74
- editorStickyScrollHover.background#283853
- editorSuggestWidget.background#283853
- editorSuggestWidget.border#4E5C74
- editorSuggestWidget.foreground#E7EEFA
- editorSuggestWidget.highlightForeground#AFCBF7
- editorSuggestWidget.selectedBackground#2F4666
- editorSuggestWidget.selectedForeground#E7EEFA
- editorUnicodeHighlight.background#E6BAC312
- editorUnicodeHighlight.border#E6BAC3
- editorWarning.foreground#EACE95
- editorWhitespace.foreground#4E5C74
- editorWidget.background#283853
- editorWidget.border#4E5C74
- editorWidget.foreground#E7EEFA
- focusBorder#AFCBF7
- foreground#E7EEFA
- gitDecoration.addedResourceForeground#A6D9B2
- gitDecoration.deletedResourceForeground#F49CA5
- gitDecoration.ignoredResourceForeground#9CA6B8
- gitDecoration.modifiedResourceForeground#F1B7AD
- input.background#283853
- input.border#4E5C74
- input.foreground#E7EEFA
- input.placeholderForeground#9CA6B8
- inputOption.activeBackground#AFCBF728
- inputOption.activeBorder#AFCBF7
- inputOption.activeForeground#E7EEFA
- list.activeSelectionBackground#2F4666
- list.activeSelectionForeground#E7EEFA
- list.focusBackground#2F4666
- list.focusForeground#E7EEFA
- list.focusHighlightForeground#AFCBF7
- list.focusOutline#AFCBF766
- list.highlightForeground#AFCBF7
- list.hoverBackground#AFCBF714
- list.hoverForeground#E7EEFA
- list.inactiveSelectionBackground#2F4666
- list.inactiveSelectionForeground#E7EEFA
- menu.background#283853
- menu.border#4E5C74
- menu.foreground#E7EEFA
- merge.currentContentBackground#B1DECE14
- merge.currentHeaderBackground#B1DECE30
- merge.incomingContentBackground#D3C0EC14
- merge.incomingHeaderBackground#D3C0EC30
- minimap.selectionHighlight#AFCBF777
- notebook.cellBorderColor#4E5C74
- notebook.cellEditorBackground#182E4C
- notebook.focusedCellBorder#AFCBF7
- notebook.selectedCellBackground#2F4666
- notificationCenterHeader.background#283853
- notifications.background#283853
- notifications.border#4E5C74
- notifications.foreground#E7EEFA
- panel.background#142741
- panel.border#4E5C74
- panelTitle.activeBorder#AFCBF7
- panelTitle.activeForeground#AFCBF7
- panelTitle.inactiveForeground#9CA6B8
- peekView.border#AFCBF7
- peekViewEditor.background#283853
- peekViewResult.background#283853
- peekViewResult.fileForeground#E7EEFA
- peekViewResult.lineForeground#E7EEFA
- pickerGroup.foreground#AFCBF7
- problemsErrorIcon.foreground#F49CA5
- problemsInfoIcon.foreground#A2D0F1
- problemsWarningIcon.foreground#EACE95
- progressBar.background#AFCBF7
- quickInput.background#283853
- quickInput.foreground#E7EEFA
- quickInputList.focusBackground#2F4666
- quickInputList.focusForeground#E7EEFA
- scrollbarSlider.activeBackground#AFCBF766
- scrollbarSlider.background#4E5C7499
- scrollbarSlider.hoverBackground#9CA6B866
- settings.dropdownBackground#283853
- settings.modifiedItemIndicator#AFCBF7
- sideBar.background#283853
- sideBar.border#4E5C74
- sideBar.foreground#E7EEFA
- sideBarSectionHeader.background#283853
- sideBarSectionHeader.border#4E5C74
- sideBarSectionHeader.foreground#E7EEFA
- sideBarTitle.foreground#E7EEFA
- statusBar.background#2F4666
- statusBar.border#4E5C74
- statusBar.debuggingBackground#AFCBF7
- statusBar.debuggingForeground#182E4C
- statusBar.foreground#E7EEFA
- statusBar.noFolderBackground#2F4666
- statusBarItem.hoverBackground#AFCBF714
- statusBarItem.hoverForeground#E7EEFA
- statusBarItem.prominentBackground#2F4666
- statusBarItem.prominentForeground#E7EEFA
- statusBarItem.remoteBackground#AFCBF7
- statusBarItem.remoteForeground#182E4C
- tab.activeBackground#182E4C
- tab.activeBorder#AFCBF7
- tab.activeBorderTop#00000000
- tab.activeForeground#E7EEFA
- tab.border#4E5C74
- tab.hoverBackground#2F4666
- tab.inactiveBackground#283853
- tab.inactiveForeground#9CA6B8
- tab.unfocusedActiveBorder#4E5C74
- terminal.ansiBlack#9CA6B8
- terminal.ansiBlue#A2D0F1
- terminal.ansiBrightBlack#9CA6B8
- terminal.ansiBrightBlue#B5D9F4
- terminal.ansiBrightCyan#ABE5DE
- terminal.ansiBrightGreen#B8E1C1
- terminal.ansiBrightMagenta#DCCDF0
- terminal.ansiBrightRed#F6B0B7
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#EED8AA
- terminal.ansiCyan#96DED6
- terminal.ansiGreen#A6D9B2
- terminal.ansiMagenta#D3C0EC
- terminal.ansiRed#F49CA5
- terminal.ansiWhite#E7EEFA
- terminal.ansiYellow#EACE95
- terminal.background#142741
- terminal.foreground#E7EEFA
- terminal.selectionBackground#2F4666
- terminalCursor.background#182E4C
- terminalCursor.foreground#AFCBF7
- testing.iconFailed#F49CA5
- testing.iconPassed#A6D9B2
- textBlockQuote.background#283853
- textBlockQuote.border#AFCBF7
- textCodeBlock.background#283853
- textLink.activeForeground#F1B7AD
- textLink.foreground#AFCBF7
- titleBar.activeBackground#122237
- titleBar.activeForeground#E7EEFA
- titleBar.border#4E5C74
- titleBar.inactiveBackground#182E4C
- titleBar.inactiveForeground#9CA6B8
- toolbar.hoverBackground#AFCBF714
- tree.indentGuidesStroke#4E5C74
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9CA6B8 | — |
| keyword, storage | #D3C0EC | — |
| keyword.operator | #E7EEFA | — |
| string | #B1DECE | — |
| constant.numeric, constant.language, constant.character, constant.other | #E6BAC3 | — |
| entity.name.function, support.function | #B0DFDD | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #F1B7AD | — |
| variable, meta.definition.variable | #E7EEFA | — |
| variable.parameter | #E7EEFA | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #F1B7AD | — |
| punctuation | #E7EEFA | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #AFCBF7 | — |
| constant.character.escape | #AFCBF7 | — |
| entity.name.tag | #D3C0EC | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #D3C0EC | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E7EEFA | — |
| support.function.builtin.shell, support.function.powershell | #B0DFDD | — |
| markup.heading, entity.name.section | #AFCBF7 | bold |
| markup.bold | #E7EEFA | bold |
| markup.italic | #E7EEFA | italic |
| markup.inline.raw, markup.fenced_code.block | #B1DECE | — |
| markup.underline.link | #AFCBF7 | — |
| markup.inserted | #A6D9B2 | — |
| markup.deleted | #F49CA5 | — |
| invalid | #F49CA5 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #F1B7AD | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #D3C0EC | — |
| string.regexp, constant.other.character-class.regexp | #B1DECE | — |