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#E3D6980D
- activityBar.activeBorder#E4BD95
- activityBar.background#2F2B17
- activityBar.foreground#E3D698
- activityBar.inactiveForeground#BCB8A5
- activityBarBadge.background#E3D698
- activityBarBadge.foreground#403B20
- activityBarTop.activeBorder#E3D698
- activityBarTop.background#4C4529
- activityBarTop.foreground#E3D698
- activityBarTop.inactiveForeground#BCB8A5
- badge.background#E3D698
- badge.foreground#403B20
- breadcrumb.background#403B20
- breadcrumb.foreground#BCB8A5
- button.background#E3D698
- button.foreground#332F1A
- button.hoverBackground#E8DDAB
- button.secondaryBackground#585232
- button.secondaryForeground#F1EFD9
- button.secondaryHoverBackground#2F2B17
- commandCenter.background#4C4529
- commandCenter.border#6D674C
- commandCenter.foreground#F1EFD9
- debugConsole.errorForeground#F4A2A9
- debugConsole.warningForeground#EBCF95
- descriptionForeground#BCB8A5
- diffEditor.insertedLineBackground#A9D8AE0D
- diffEditor.insertedTextBackground#A9D8AE21
- diffEditor.removedLineBackground#F4A2A90D
- diffEditor.removedTextBackground#F4A2A921
- disabledForeground#BCB8A5
- dropdown.background#4C4529
- dropdown.border#6D674C
- dropdown.foreground#F1EFD9
- editor.background#403B20
- editor.findMatchBackground#64583A
- editor.findMatchBorder#E4BD95
- editor.findMatchHighlightBackground#E3D69828
- editor.findMatchHighlightBorder#E3D69855
- editor.foreground#F1EFD9
- editor.inactiveSelectionBackground#E3D69828
- editor.lineHighlightBackground#453F24
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#585232
- editor.selectionForeground#F1EFD9
- editor.selectionHighlightBackground#E3D69828
- editor.selectionHighlightBorder#E3D69844
- editor.wordHighlightBackground#E3D69828
- editor.wordHighlightStrongBackground#E3D69828
- editorBracketHighlight.foreground1#E3D698
- editorBracketHighlight.foreground2#C5DBBA
- editorBracketHighlight.foreground3#E4BD95
- editorBracketHighlight.foreground4#DFBFB3
- editorBracketHighlight.foreground5#BEDBB8
- editorBracketHighlight.foreground6#F1EFD9
- editorCodeLens.foreground#BCB8A5
- editorCursor.foreground#E3D698
- editorError.foreground#F4A2A9
- editorGhostText.background#00000000
- editorGhostText.foreground#BCB8A5
- editorGroup.border#6D674C
- editorGroupHeader.tabsBackground#2F2B17
- editorGutter.addedBackground#A9D8AE
- editorGutter.deletedBackground#F4A2A9
- editorGutter.foldingControlForeground#BCB8A5
- editorGutter.modifiedBackground#E4BD95
- editorHint.foreground#BCB8A5
- editorHoverWidget.background#4C4529
- editorHoverWidget.border#E4BD95
- editorHoverWidget.foreground#F1EFD9
- editorIndentGuide.activeBackground1#E3D69866
- editorIndentGuide.background1#6D674C
- editorInfo.foreground#A4D0EE
- editorInlayHint.background#4C4529
- editorInlayHint.foreground#BCB8A5
- editorLineNumber.activeForeground#E3D698
- editorLineNumber.foreground#BCB8A5
- editorLink.activeForeground#E3D698
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#F4A2A9
- editorOverviewRuler.infoForeground#A4D0EE
- editorOverviewRuler.warningForeground#EBCF95
- editorRuler.foreground#6D674C
- editorStickyScroll.background#403B20
- editorStickyScroll.border#6D674C
- editorStickyScrollHover.background#4C4529
- editorSuggestWidget.background#4C4529
- editorSuggestWidget.border#6D674C
- editorSuggestWidget.foreground#F1EFD9
- editorSuggestWidget.highlightForeground#E3D698
- editorSuggestWidget.selectedBackground#585232
- editorSuggestWidget.selectedForeground#F1EFD9
- editorUnicodeHighlight.background#DFBFB312
- editorUnicodeHighlight.border#DFBFB3
- editorWarning.foreground#EBCF95
- editorWhitespace.foreground#6D674C
- editorWidget.background#4C4529
- editorWidget.border#6D674C
- editorWidget.foreground#F1EFD9
- focusBorder#E3D698
- foreground#F1EFD9
- gitDecoration.addedResourceForeground#A9D8AE
- gitDecoration.deletedResourceForeground#F4A2A9
- gitDecoration.ignoredResourceForeground#BCB8A5
- gitDecoration.modifiedResourceForeground#E4BD95
- input.background#4C4529
- input.border#6D674C
- input.foreground#F1EFD9
- input.placeholderForeground#BCB8A5
- inputOption.activeBackground#E3D69828
- inputOption.activeBorder#E3D698
- inputOption.activeForeground#F1EFD9
- list.activeSelectionBackground#585232
- list.activeSelectionForeground#F1EFD9
- list.focusBackground#585232
- list.focusForeground#F1EFD9
- list.focusHighlightForeground#E3D698
- list.focusOutline#E3D69866
- list.highlightForeground#E3D698
- list.hoverBackground#E3D69814
- list.hoverForeground#F1EFD9
- list.inactiveSelectionBackground#585232
- list.inactiveSelectionForeground#F1EFD9
- menu.background#4C4529
- menu.border#6D674C
- menu.foreground#F1EFD9
- merge.currentContentBackground#BEDBB814
- merge.currentHeaderBackground#BEDBB830
- merge.incomingContentBackground#D5C2EB14
- merge.incomingHeaderBackground#D5C2EB30
- minimap.selectionHighlight#E3D69877
- notebook.cellBorderColor#6D674C
- notebook.cellEditorBackground#403B20
- notebook.focusedCellBorder#E3D698
- notebook.selectedCellBackground#585232
- notificationCenterHeader.background#4C4529
- notifications.background#4C4529
- notifications.border#6D674C
- notifications.foreground#F1EFD9
- panel.background#36321B
- panel.border#6D674C
- panelTitle.activeBorder#E3D698
- panelTitle.activeForeground#E3D698
- panelTitle.inactiveForeground#BCB8A5
- peekView.border#E3D698
- peekViewEditor.background#4C4529
- peekViewResult.background#4C4529
- peekViewResult.fileForeground#F1EFD9
- peekViewResult.lineForeground#F1EFD9
- pickerGroup.foreground#E3D698
- problemsErrorIcon.foreground#F4A2A9
- problemsInfoIcon.foreground#A4D0EE
- problemsWarningIcon.foreground#EBCF95
- progressBar.background#E3D698
- quickInput.background#4C4529
- quickInput.foreground#F1EFD9
- quickInputList.focusBackground#585232
- quickInputList.focusForeground#F1EFD9
- scrollbarSlider.activeBackground#E3D69866
- scrollbarSlider.background#6D674C99
- scrollbarSlider.hoverBackground#BCB8A566
- settings.dropdownBackground#4C4529
- settings.modifiedItemIndicator#E3D698
- sideBar.background#4C4529
- sideBar.border#6D674C
- sideBar.foreground#F1EFD9
- sideBarSectionHeader.background#4C4529
- sideBarSectionHeader.border#6D674C
- sideBarSectionHeader.foreground#F1EFD9
- sideBarTitle.foreground#F1EFD9
- statusBar.background#E3D698
- statusBar.border#6D674C
- statusBar.debuggingBackground#E3D698
- statusBar.debuggingForeground#403B20
- statusBar.foreground#332F1A
- statusBar.noFolderBackground#E3D698
- statusBarItem.hoverBackground#E3D69814
- statusBarItem.hoverForeground#332F1A
- statusBarItem.prominentBackground#585232
- statusBarItem.prominentForeground#F1EFD9
- statusBarItem.remoteBackground#E3D698
- statusBarItem.remoteForeground#403B20
- tab.activeBackground#403B20
- tab.activeBorder#E3D698
- tab.activeBorderTop#00000000
- tab.activeForeground#F1EFD9
- tab.border#6D674C
- tab.hoverBackground#585232
- tab.inactiveBackground#4C4529
- tab.inactiveForeground#BCB8A5
- tab.unfocusedActiveBorder#6D674C
- terminal.ansiBlack#BCB8A5
- terminal.ansiBlue#A4D0EE
- terminal.ansiBrightBlack#BCB8A5
- terminal.ansiBrightBlue#B6D9F1
- terminal.ansiBrightCyan#ADE5DA
- terminal.ansiBrightGreen#BAE0BE
- terminal.ansiBrightMagenta#DDCEEF
- terminal.ansiBrightRed#F6B5BA
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#EFD9AA
- terminal.ansiCyan#99DED1
- terminal.ansiGreen#A9D8AE
- terminal.ansiMagenta#D5C2EB
- terminal.ansiRed#F4A2A9
- terminal.ansiWhite#F1EFD9
- terminal.ansiYellow#EBCF95
- terminal.background#36321B
- terminal.foreground#F1EFD9
- terminal.selectionBackground#585232
- terminalCursor.background#403B20
- terminalCursor.foreground#E3D698
- testing.iconFailed#F4A2A9
- testing.iconPassed#A9D8AE
- textBlockQuote.background#4C4529
- textBlockQuote.border#E3D698
- textCodeBlock.background#4C4529
- textLink.activeForeground#E4BD95
- textLink.foreground#E3D698
- titleBar.activeBackground#2F2B17
- titleBar.activeForeground#F1EFD9
- titleBar.border#6D674C
- titleBar.inactiveBackground#403B20
- titleBar.inactiveForeground#BCB8A5
- toolbar.hoverBackground#E3D69814
- tree.indentGuidesStroke#6D674C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #BCB8A5 | — |
| keyword, storage | #D5C2EB | — |
| keyword.operator | #F1EFD9 | — |
| string | #BEDBB8 | — |
| constant.numeric, constant.language, constant.character, constant.other | #DFBFB3 | — |
| entity.name.function, support.function | #C5DBBA | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #E4BD95 | — |
| variable, meta.definition.variable | #F1EFD9 | — |
| variable.parameter | #F1EFD9 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #E4BD95 | — |
| punctuation | #F1EFD9 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #E3D698 | — |
| constant.character.escape | #E3D698 | — |
| entity.name.tag | #D5C2EB | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #D5C2EB | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #F1EFD9 | — |
| support.function.builtin.shell, support.function.powershell | #C5DBBA | — |
| markup.heading, entity.name.section | #E3D698 | bold |
| markup.bold | #F1EFD9 | bold |
| markup.italic | #F1EFD9 | italic |
| markup.inline.raw, markup.fenced_code.block | #BEDBB8 | — |
| markup.underline.link | #E3D698 | — |
| markup.inserted | #A9D8AE | — |
| markup.deleted | #F4A2A9 | — |
| invalid | #F4A2A9 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #E4BD95 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #D5C2EB | — |
| string.regexp, constant.other.character-class.regexp | #BEDBB8 | — |