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#B7E3D20D
- activityBar.activeBorder#E7BDCB
- activityBar.background#1D312E
- activityBar.foreground#B7E3D2
- activityBar.inactiveForeground#B3BEBA
- activityBarBadge.background#B7E3D2
- activityBarBadge.foreground#28433F
- activityBarTop.activeBorder#B7E3D2
- activityBarTop.background#364C4A
- activityBarTop.foreground#B7E3D2
- activityBarTop.inactiveForeground#B3BEBA
- badge.background#B7E3D2
- badge.foreground#28433F
- breadcrumb.background#28433F
- breadcrumb.foreground#B3BEBA
- button.background#B7E3D2
- button.foreground#203632
- button.hoverBackground#C4E8DA
- button.secondaryBackground#3D5B55
- button.secondaryForeground#ECF3EC
- button.secondaryHoverBackground#1D312E
- commandCenter.background#364C4A
- commandCenter.border#5A6D6A
- commandCenter.foreground#ECF3EC
- debugConsole.errorForeground#F4A7B2
- debugConsole.warningForeground#ECD08D
- descriptionForeground#B3BEBA
- diffEditor.insertedLineBackground#A9D8B30D
- diffEditor.insertedTextBackground#A9D8B321
- diffEditor.removedLineBackground#F4A7B20D
- diffEditor.removedTextBackground#F4A7B221
- disabledForeground#B3BEBA
- dropdown.background#364C4A
- dropdown.border#5A6D6A
- dropdown.foreground#ECF3EC
- editor.background#28433F
- editor.findMatchBackground#525E5E
- editor.findMatchBorder#E7BDCB
- editor.findMatchHighlightBackground#B7E3D228
- editor.findMatchHighlightBorder#B7E3D255
- editor.foreground#ECF3EC
- editor.inactiveSelectionBackground#B7E3D228
- editor.lineHighlightBackground#2E4744
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#3D5B55
- editor.selectionForeground#ECF3EC
- editor.selectionHighlightBackground#B7E3D228
- editor.selectionHighlightBorder#B7E3D244
- editor.wordHighlightBackground#B7E3D228
- editor.wordHighlightStrongBackground#B7E3D228
- editorBracketHighlight.foreground1#B7E3D2
- editorBracketHighlight.foreground2#C3DBE8
- editorBracketHighlight.foreground3#E7BDCB
- editorBracketHighlight.foreground4#E7C4BC
- editorBracketHighlight.foreground5#BDDBD5
- editorBracketHighlight.foreground6#ECF3EC
- editorCodeLens.foreground#B3BEBA
- editorCursor.foreground#B7E3D2
- editorError.foreground#F4A7B2
- editorGhostText.background#00000000
- editorGhostText.foreground#B3BEBA
- editorGroup.border#5A6D6A
- editorGroupHeader.tabsBackground#1D312E
- editorGutter.addedBackground#A9D8B3
- editorGutter.deletedBackground#F4A7B2
- editorGutter.foldingControlForeground#B3BEBA
- editorGutter.modifiedBackground#E7BDCB
- editorHint.foreground#B3BEBA
- editorHoverWidget.background#364C4A
- editorHoverWidget.border#E7BDCB
- editorHoverWidget.foreground#ECF3EC
- editorIndentGuide.activeBackground1#B7E3D266
- editorIndentGuide.background1#5A6D6A
- editorInfo.foreground#A4D0F2
- editorInlayHint.background#364C4A
- editorInlayHint.foreground#B3BEBA
- editorLineNumber.activeForeground#B7E3D2
- editorLineNumber.foreground#B3BEBA
- editorLink.activeForeground#B7E3D2
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F4A7B2
- editorOverviewRuler.infoForeground#A4D0F2
- editorOverviewRuler.warningForeground#ECD08D
- editorRuler.foreground#5A6D6A
- editorStickyScroll.background#28433F
- editorStickyScroll.border#5A6D6A
- editorStickyScrollHover.background#364C4A
- editorSuggestWidget.background#364C4A
- editorSuggestWidget.border#5A6D6A
- editorSuggestWidget.foreground#ECF3EC
- editorSuggestWidget.highlightForeground#B7E3D2
- editorSuggestWidget.selectedBackground#3D5B55
- editorSuggestWidget.selectedForeground#ECF3EC
- editorUnicodeHighlight.background#E7C4BC12
- editorUnicodeHighlight.border#E7C4BC
- editorWarning.foreground#ECD08D
- editorWhitespace.foreground#5A6D6A
- editorWidget.background#364C4A
- editorWidget.border#5A6D6A
- editorWidget.foreground#ECF3EC
- focusBorder#B7E3D2
- foreground#ECF3EC
- gitDecoration.addedResourceForeground#A9D8B3
- gitDecoration.deletedResourceForeground#F4A7B2
- gitDecoration.ignoredResourceForeground#B3BEBA
- gitDecoration.modifiedResourceForeground#E7BDCB
- input.background#364C4A
- input.border#5A6D6A
- input.foreground#ECF3EC
- input.placeholderForeground#B3BEBA
- inputOption.activeBackground#B7E3D228
- inputOption.activeBorder#B7E3D2
- inputOption.activeForeground#ECF3EC
- list.activeSelectionBackground#3D5B55
- list.activeSelectionForeground#ECF3EC
- list.focusBackground#3D5B55
- list.focusForeground#ECF3EC
- list.focusHighlightForeground#B7E3D2
- list.focusOutline#B7E3D266
- list.highlightForeground#B7E3D2
- list.hoverBackground#B7E3D214
- list.hoverForeground#ECF3EC
- list.inactiveSelectionBackground#3D5B55
- list.inactiveSelectionForeground#ECF3EC
- menu.background#364C4A
- menu.border#5A6D6A
- menu.foreground#ECF3EC
- merge.currentContentBackground#BDDBD514
- merge.currentHeaderBackground#BDDBD530
- merge.incomingContentBackground#E7D09F14
- merge.incomingHeaderBackground#E7D09F30
- minimap.selectionHighlight#B7E3D277
- notebook.cellBorderColor#5A6D6A
- notebook.cellEditorBackground#28433F
- notebook.focusedCellBorder#B7E3D2
- notebook.selectedCellBackground#3D5B55
- notificationCenterHeader.background#364C4A
- notifications.background#364C4A
- notifications.border#5A6D6A
- notifications.foreground#ECF3EC
- panel.background#223936
- panel.border#5A6D6A
- panelTitle.activeBorder#B7E3D2
- panelTitle.activeForeground#B7E3D2
- panelTitle.inactiveForeground#B3BEBA
- peekView.border#B7E3D2
- peekViewEditor.background#364C4A
- peekViewResult.background#364C4A
- peekViewResult.fileForeground#ECF3EC
- peekViewResult.lineForeground#ECF3EC
- pickerGroup.foreground#B7E3D2
- problemsErrorIcon.foreground#F4A7B2
- problemsInfoIcon.foreground#A4D0F2
- problemsWarningIcon.foreground#ECD08D
- progressBar.background#B7E3D2
- quickInput.background#364C4A
- quickInput.foreground#ECF3EC
- quickInputList.focusBackground#3D5B55
- quickInputList.focusForeground#ECF3EC
- scrollbarSlider.activeBackground#B7E3D266
- scrollbarSlider.background#5A6D6A99
- scrollbarSlider.hoverBackground#B3BEBA66
- settings.dropdownBackground#364C4A
- settings.modifiedItemIndicator#B7E3D2
- sideBar.background#364C4A
- sideBar.border#5A6D6A
- sideBar.foreground#ECF3EC
- sideBarSectionHeader.background#364C4A
- sideBarSectionHeader.border#5A6D6A
- sideBarSectionHeader.foreground#ECF3EC
- sideBarTitle.foreground#ECF3EC
- statusBar.background#B7E3D2
- statusBar.border#5A6D6A
- statusBar.debuggingBackground#B7E3D2
- statusBar.debuggingForeground#28433F
- statusBar.foreground#203632
- statusBar.noFolderBackground#B7E3D2
- statusBarItem.hoverBackground#B7E3D214
- statusBarItem.hoverForeground#203632
- statusBarItem.prominentBackground#3D5B55
- statusBarItem.prominentForeground#ECF3EC
- statusBarItem.remoteBackground#B7E3D2
- statusBarItem.remoteForeground#28433F
- tab.activeBackground#28433F
- tab.activeBorder#B7E3D2
- tab.activeBorderTop#00000000
- tab.activeForeground#ECF3EC
- tab.border#5A6D6A
- tab.hoverBackground#3D5B55
- tab.inactiveBackground#364C4A
- tab.inactiveForeground#B3BEBA
- tab.unfocusedActiveBorder#5A6D6A
- terminal.ansiBlack#B3BEBA
- terminal.ansiBlue#A4D0F2
- terminal.ansiBrightBlack#B3BEBA
- terminal.ansiBrightBlue#B6D9F5
- terminal.ansiBrightCyan#ADE5E0
- terminal.ansiBrightGreen#BAE0C2
- terminal.ansiBrightMagenta#ECD9B2
- terminal.ansiBrightRed#F6B9C1
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0D9A4
- terminal.ansiCyan#99DED8
- terminal.ansiGreen#A9D8B3
- terminal.ansiMagenta#E7D09F
- terminal.ansiRed#F4A7B2
- terminal.ansiWhite#ECF3EC
- terminal.ansiYellow#ECD08D
- terminal.background#223936
- terminal.foreground#ECF3EC
- terminal.selectionBackground#3D5B55
- terminalCursor.background#28433F
- terminalCursor.foreground#B7E3D2
- testing.iconFailed#F4A7B2
- testing.iconPassed#A9D8B3
- textBlockQuote.background#364C4A
- textBlockQuote.border#B7E3D2
- textCodeBlock.background#364C4A
- textLink.activeForeground#E7BDCB
- textLink.foreground#B7E3D2
- titleBar.activeBackground#1D312E
- titleBar.activeForeground#ECF3EC
- titleBar.border#5A6D6A
- titleBar.inactiveBackground#28433F
- titleBar.inactiveForeground#B3BEBA
- toolbar.hoverBackground#B7E3D214
- tree.indentGuidesStroke#5A6D6A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B3BEBA | — |
| keyword, storage | #E7D09F | — |
| keyword.operator | #ECF3EC | — |
| string | #BDDBD5 | — |
| constant.numeric, constant.language, constant.character, constant.other | #E7C4BC | — |
| entity.name.function, support.function | #C3DBE8 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #E7BDCB | — |
| variable, meta.definition.variable | #ECF3EC | — |
| variable.parameter | #ECF3EC | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #E7BDCB | — |
| punctuation | #ECF3EC | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #B7E3D2 | — |
| constant.character.escape | #B7E3D2 | — |
| entity.name.tag | #E7D09F | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E7D09F | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #ECF3EC | — |
| support.function.builtin.shell, support.function.powershell | #C3DBE8 | — |
| markup.heading, entity.name.section | #B7E3D2 | bold |
| markup.bold | #ECF3EC | bold |
| markup.italic | #ECF3EC | italic |
| markup.inline.raw, markup.fenced_code.block | #BDDBD5 | — |
| markup.underline.link | #B7E3D2 | — |
| markup.inserted | #A9D8B3 | — |
| markup.deleted | #F4A7B2 | — |
| invalid | #F4A7B2 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #E7BDCB | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E7D09F | — |
| string.regexp, constant.other.character-class.regexp | #BDDBD5 | — |