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#F1C7A30D
- activityBar.activeBorder#D6BECF
- activityBar.background#322721
- activityBar.foreground#F1C7A3
- activityBar.inactiveForeground#BFB3AA
- activityBarBadge.background#F1C7A3
- activityBarBadge.foreground#45362D
- activityBarTop.activeBorder#F1C7A3
- activityBarTop.background#504039
- activityBarTop.foreground#F1C7A3
- activityBarTop.inactiveForeground#BFB3AA
- badge.background#F1C7A3
- badge.foreground#45362D
- breadcrumb.background#45362D
- breadcrumb.foreground#BFB3AA
- button.background#F1C7A3
- button.foreground#372B24
- button.hoverBackground#F4D1B4
- button.secondaryBackground#5F4C3F
- button.secondaryForeground#F7EBDE
- button.secondaryHoverBackground#322721
- commandCenter.background#504039
- commandCenter.border#71625A
- commandCenter.foreground#F7EBDE
- debugConsole.errorForeground#F19FAB
- debugConsole.warningForeground#ECD08F
- descriptionForeground#BFB3AA
- diffEditor.insertedLineBackground#A7D8B00D
- diffEditor.insertedTextBackground#A7D8B021
- diffEditor.removedLineBackground#F19FAB0D
- diffEditor.removedTextBackground#F19FAB21
- disabledForeground#BFB3AA
- dropdown.background#504039
- dropdown.border#71625A
- dropdown.foreground#F7EBDE
- editor.background#45362D
- editor.findMatchBackground#655451
- editor.findMatchBorder#D6BECF
- editor.findMatchHighlightBackground#F1C7A328
- editor.findMatchHighlightBorder#F1C7A355
- editor.foreground#F7EBDE
- editor.inactiveSelectionBackground#F1C7A328
- editor.lineHighlightBackground#4A3A32
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#5F4C3F
- editor.selectionForeground#F7EBDE
- editor.selectionHighlightBackground#F1C7A328
- editor.selectionHighlightBorder#F1C7A344
- editor.wordHighlightBackground#F1C7A328
- editor.wordHighlightStrongBackground#F1C7A328
- editorBracketHighlight.foreground1#F1C7A3
- editorBracketHighlight.foreground2#B5D9D1
- editorBracketHighlight.foreground3#D6BECF
- editorBracketHighlight.foreground4#DCC6C6
- editorBracketHighlight.foreground5#B4DAC7
- editorBracketHighlight.foreground6#F7EBDE
- editorCodeLens.foreground#BFB3AA
- editorCursor.foreground#F1C7A3
- editorError.foreground#F19FAB
- editorGhostText.background#00000000
- editorGhostText.foreground#BFB3AA
- editorGroup.border#71625A
- editorGroupHeader.tabsBackground#322721
- editorGutter.addedBackground#A7D8B0
- editorGutter.deletedBackground#F19FAB
- editorGutter.foldingControlForeground#BFB3AA
- editorGutter.modifiedBackground#D6BECF
- editorHint.foreground#BFB3AA
- editorHoverWidget.background#504039
- editorHoverWidget.border#D6BECF
- editorHoverWidget.foreground#F7EBDE
- editorIndentGuide.activeBackground1#F1C7A366
- editorIndentGuide.background1#71625A
- editorInfo.foreground#A3D0F0
- editorInlayHint.background#504039
- editorInlayHint.foreground#BFB3AA
- editorLineNumber.activeForeground#F1C7A3
- editorLineNumber.foreground#BFB3AA
- editorLink.activeForeground#F1C7A3
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F19FAB
- editorOverviewRuler.infoForeground#A3D0F0
- editorOverviewRuler.warningForeground#ECD08F
- editorRuler.foreground#71625A
- editorStickyScroll.background#45362D
- editorStickyScroll.border#71625A
- editorStickyScrollHover.background#504039
- editorSuggestWidget.background#504039
- editorSuggestWidget.border#71625A
- editorSuggestWidget.foreground#F7EBDE
- editorSuggestWidget.highlightForeground#F1C7A3
- editorSuggestWidget.selectedBackground#5F4C3F
- editorSuggestWidget.selectedForeground#F7EBDE
- editorUnicodeHighlight.background#DCC6C612
- editorUnicodeHighlight.border#DCC6C6
- editorWarning.foreground#ECD08F
- editorWhitespace.foreground#71625A
- editorWidget.background#504039
- editorWidget.border#71625A
- editorWidget.foreground#F7EBDE
- focusBorder#F1C7A3
- foreground#F7EBDE
- gitDecoration.addedResourceForeground#A7D8B0
- gitDecoration.deletedResourceForeground#F19FAB
- gitDecoration.ignoredResourceForeground#BFB3AA
- gitDecoration.modifiedResourceForeground#D6BECF
- input.background#504039
- input.border#71625A
- input.foreground#F7EBDE
- input.placeholderForeground#BFB3AA
- inputOption.activeBackground#F1C7A328
- inputOption.activeBorder#F1C7A3
- inputOption.activeForeground#F7EBDE
- list.activeSelectionBackground#5F4C3F
- list.activeSelectionForeground#F7EBDE
- list.focusBackground#5F4C3F
- list.focusForeground#F7EBDE
- list.focusHighlightForeground#F1C7A3
- list.focusOutline#F1C7A366
- list.highlightForeground#F1C7A3
- list.hoverBackground#F1C7A314
- list.hoverForeground#F7EBDE
- list.inactiveSelectionBackground#5F4C3F
- list.inactiveSelectionForeground#F7EBDE
- menu.background#504039
- menu.border#71625A
- menu.foreground#F7EBDE
- merge.currentContentBackground#B4DAC714
- merge.currentHeaderBackground#B4DAC730
- merge.incomingContentBackground#E6D5B414
- merge.incomingHeaderBackground#E6D5B430
- minimap.selectionHighlight#F1C7A377
- notebook.cellBorderColor#71625A
- notebook.cellEditorBackground#45362D
- notebook.focusedCellBorder#F1C7A3
- notebook.selectedCellBackground#5F4C3F
- notificationCenterHeader.background#504039
- notifications.background#504039
- notifications.border#71625A
- notifications.foreground#F7EBDE
- panel.background#3B2E26
- panel.border#71625A
- panelTitle.activeBorder#F1C7A3
- panelTitle.activeForeground#F1C7A3
- panelTitle.inactiveForeground#BFB3AA
- peekView.border#F1C7A3
- peekViewEditor.background#504039
- peekViewResult.background#504039
- peekViewResult.fileForeground#F7EBDE
- peekViewResult.lineForeground#F7EBDE
- pickerGroup.foreground#F1C7A3
- problemsErrorIcon.foreground#F19FAB
- problemsInfoIcon.foreground#A3D0F0
- problemsWarningIcon.foreground#ECD08F
- progressBar.background#F1C7A3
- quickInput.background#504039
- quickInput.foreground#F7EBDE
- quickInputList.focusBackground#5F4C3F
- quickInputList.focusForeground#F7EBDE
- scrollbarSlider.activeBackground#F1C7A366
- scrollbarSlider.background#71625A99
- scrollbarSlider.hoverBackground#BFB3AA66
- settings.dropdownBackground#504039
- settings.modifiedItemIndicator#F1C7A3
- sideBar.background#504039
- sideBar.border#71625A
- sideBar.foreground#F7EBDE
- sideBarSectionHeader.background#504039
- sideBarSectionHeader.border#71625A
- sideBarSectionHeader.foreground#F7EBDE
- sideBarTitle.foreground#F7EBDE
- statusBar.background#5F4C3F
- statusBar.border#71625A
- statusBar.debuggingBackground#F1C7A3
- statusBar.debuggingForeground#45362D
- statusBar.foreground#F7EBDE
- statusBar.noFolderBackground#5F4C3F
- statusBarItem.hoverBackground#F1C7A314
- statusBarItem.hoverForeground#F7EBDE
- statusBarItem.prominentBackground#5F4C3F
- statusBarItem.prominentForeground#F7EBDE
- statusBarItem.remoteBackground#F1C7A3
- statusBarItem.remoteForeground#45362D
- tab.activeBackground#45362D
- tab.activeBorder#00000000
- tab.activeBorderTop#D6BECF
- tab.activeForeground#F7EBDE
- tab.border#71625A
- tab.hoverBackground#5F4C3F
- tab.inactiveBackground#504039
- tab.inactiveForeground#BFB3AA
- tab.unfocusedActiveBorder#71625A
- terminal.ansiBlack#BFB3AA
- terminal.ansiBlue#A3D0F0
- terminal.ansiBrightBlack#BFB3AA
- terminal.ansiBrightBlue#B5D9F3
- terminal.ansiBrightCyan#ACE4DD
- terminal.ansiBrightGreen#B9E0C0
- terminal.ansiBrightMagenta#EBDDC3
- terminal.ansiBrightRed#F4B2BC
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0D9A5
- terminal.ansiCyan#97DDD4
- terminal.ansiGreen#A7D8B0
- terminal.ansiMagenta#E6D5B4
- terminal.ansiRed#F19FAB
- terminal.ansiWhite#F7EBDE
- terminal.ansiYellow#ECD08F
- terminal.background#3B2E26
- terminal.foreground#F7EBDE
- terminal.selectionBackground#5F4C3F
- terminalCursor.background#45362D
- terminalCursor.foreground#F1C7A3
- testing.iconFailed#F19FAB
- testing.iconPassed#A7D8B0
- textBlockQuote.background#504039
- textBlockQuote.border#F1C7A3
- textCodeBlock.background#504039
- textLink.activeForeground#D6BECF
- textLink.foreground#F1C7A3
- titleBar.activeBackground#322721
- titleBar.activeForeground#F7EBDE
- titleBar.border#71625A
- titleBar.inactiveBackground#45362D
- titleBar.inactiveForeground#BFB3AA
- toolbar.hoverBackground#F1C7A314
- tree.indentGuidesStroke#71625A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #BFB3AA | — |
| keyword, storage | #E6D5B4 | — |
| keyword.operator | #F7EBDE | — |
| string | #B4DAC7 | — |
| constant.numeric, constant.language, constant.character, constant.other | #DCC6C6 | — |
| entity.name.function, support.function | #B5D9D1 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #D6BECF | — |
| variable, meta.definition.variable | #F7EBDE | — |
| variable.parameter | #F7EBDE | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #D6BECF | — |
| punctuation | #F7EBDE | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #F1C7A3 | — |
| constant.character.escape | #F1C7A3 | — |
| entity.name.tag | #E6D5B4 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #E6D5B4 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F7EBDE | — |
| support.function.builtin.shell, support.function.powershell | #B5D9D1 | — |
| markup.heading, entity.name.section | #F1C7A3 | bold |
| markup.bold | #F7EBDE | bold |
| markup.italic | #F7EBDE | italic |
| markup.inline.raw, markup.fenced_code.block | #B4DAC7 | — |
| markup.underline.link | #F1C7A3 | — |
| markup.inserted | #A7D8B0 | — |
| markup.deleted | #F19FAB | — |
| invalid | #F19FAB | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #D6BECF | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #E6D5B4 | — |
| string.regexp, constant.other.character-class.regexp | #B4DAC7 | — |