Oceanic Horizon Theme
Publisher: CodeLabsThemes in package: 1
A calming, ocean-inspired dark theme that reduces eye strain and enhances readability
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.background#101525
- activityBar.border#15192A
- activityBar.foreground#E0E5F2
- activityBar.inactiveForeground#627694
- activityBarBadge.background#56C2EA
- activityBarBadge.foreground#101525
- badge.background#56C2EA
- badge.foreground#101525
- button.background#345B8A
- button.foreground#E0E5F2
- button.hoverBackground#4577B5
- diffEditor.insertedTextBackground#7DE3B320
- diffEditor.removedTextBackground#F9758320
- dropdown.background#15192A
- dropdown.border#345B8A
- dropdown.foreground#E0E5F2
- editor.background#1A2233
- editor.findMatchBackground#FFCC6640
- editor.findMatchHighlightBackground#FFCC6630
- editor.foreground#E0E5F2
- editor.lineHighlightBackground#283550
- editor.lineHighlightBorder#28355000
- editor.selectionBackground#345B8A
- editor.selectionHighlightBackground#345B8A70
- editor.wordHighlightBackground#283550
- editor.wordHighlightStrongBackground#C4A7FF30
- editorBracketMatch.background#345B8A50
- editorBracketMatch.border#56C2EA
- editorCursor.foreground#56C2EA
- editorError.foreground#F97583
- editorGroup.border#101525
- editorGroupHeader.tabsBackground#15192A
- editorGroupHeader.tabsBorder#101525
- editorGutter.addedBackground#7DE3B3
- editorGutter.deletedBackground#F97583
- editorGutter.modifiedBackground#FFCC66
- editorIndentGuide.activeBackground#345B8A
- editorIndentGuide.background#283550
- editorInfo.foreground#56C2EA
- editorRuler.foreground#283550
- editorWarning.foreground#FFCC66
- editorWhitespace.foreground#627694
- gitDecoration.conflictingResourceForeground#C4A7FF
- gitDecoration.deletedResourceForeground#F97583
- gitDecoration.ignoredResourceForeground#627694
- gitDecoration.modifiedResourceForeground#FFCC66
- gitDecoration.untrackedResourceForeground#7DE3B3
- input.background#283550
- input.border#345B8A
- input.foreground#E0E5F2
- input.placeholderForeground#627694
- inputOption.activeBorder#56C2EA
- inputValidation.errorBackground#F9758330
- inputValidation.errorBorder#F97583
- inputValidation.infoBackground#56C2EA30
- inputValidation.infoBorder#56C2EA
- inputValidation.warningBackground#FFCC6630
- inputValidation.warningBorder#FFCC66
- list.activeSelectionBackground#345B8A
- list.activeSelectionForeground#E0E5F2
- list.highlightForeground#56C2EA
- list.hoverBackground#283550
- list.inactiveSelectionBackground#1D2942
- list.inactiveSelectionForeground#E0E5F2
- panel.background#15192A
- panel.border#101525
- panelTitle.activeBorder#56C2EA
- panelTitle.activeForeground#E0E5F2
- panelTitle.inactiveForeground#627694
- peekView.border#56C2EA
- peekViewEditor.background#15192A
- peekViewEditor.matchHighlightBackground#FFCC6650
- peekViewResult.background#15192A
- peekViewResult.fileForeground#E0E5F2
- peekViewResult.lineForeground#D8E0FB
- peekViewResult.matchHighlightBackground#FFCC6650
- peekViewResult.selectionBackground#345B8A
- peekViewResult.selectionForeground#E0E5F2
- peekViewTitle.background#101525
- peekViewTitleDescription.foreground#627694
- peekViewTitleLabel.foreground#56C2EA
- progressBar.background#56C2EA
- sideBar.background#15192A
- sideBar.border#101525
- sideBar.foreground#D8E0FB
- sideBarSectionHeader.background#15192A
- sideBarSectionHeader.foreground#56C2EA
- sideBarTitle.foreground#56C2EA
- statusBar.background#101525
- statusBar.debuggingBackground#C4A7FF
- statusBar.debuggingForeground#101525
- statusBar.foreground#D8E0FB
- statusBar.noFolderBackground#101525
- tab.activeBackground#1A2233
- tab.activeBorder#56C2EA
- tab.activeForeground#E0E5F2
- tab.hoverBackground#283550
- tab.inactiveBackground#15192A
- tab.inactiveForeground#627694
- tab.unfocusedHoverBackground#1D2942
- terminal.ansiBlack#101525
- terminal.ansiBlue#56C2EA
- terminal.ansiBrightBlack#627694
- terminal.ansiBrightBlue#56C2EA
- terminal.ansiBrightCyan#7DE3B3
- terminal.ansiBrightGreen#7DE3B3
- terminal.ansiBrightMagenta#C4A7FF
- terminal.ansiBrightRed#F97583
- terminal.ansiBrightWhite#E0E5F2
- terminal.ansiBrightYellow#FFCC66
- terminal.ansiCyan#7DE3B3
- terminal.ansiGreen#7DE3B3
- terminal.ansiMagenta#C4A7FF
- terminal.ansiRed#F97583
- terminal.ansiWhite#D8E0FB
- terminal.ansiYellow#FFCC66
- terminal.background#1A2233
- terminal.foreground#E0E5F2
- titleBar.activeBackground#101525
- titleBar.activeForeground#E0E5F2
- titleBar.inactiveBackground#101525
- titleBar.inactiveForeground#627694
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #627694 | italic |
| variable, string constant.other.placeholder, entity.name.variable, variable.parameter, variable.other.constant | #D8E0FB | — |
| keyword, keyword.control, keyword.operator, keyword.other.special-method, keyword.other.unit, storage.type.function, storage.type.class, storage.type | #56C2EA | — |
| keyword.operator | #56C2EA | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.section, meta.brace | #D8E0FB | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #C4A7FF | — |
| entity.name.type, entity.other.inherited-class, support.class, entity.name.class | #FFCC66 | — |
| string, punctuation.definition.string | #7DE3B3 | — |
| constant.language, support.constant, constant.character, constant.escape | #FFCC66 | — |
| constant.numeric | #FFCC66 | — |
| constant.language.boolean | #FFCC66 | — |
| support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.raw.textblock.documentation.php, storage.type.php | #FFCC66 | — |
| entity.name, meta.entity | #FFCC66 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #56C2EA | — |
| entity.other.attribute-name | #C4A7FF | — |
| variable.language | #56C2EA | italic |
| markup.heading, markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #56C2EA | bold |
| markup.italic, markup.italic punctuation.definition.italic.markdown | #D8E0FB | italic |
| markup.bold, markup.bold punctuation.definition.bold.markdown | #D8E0FB | bold |
| markup.underline.link | #56C2EA | — |
| markup.inline.raw, markup.raw.block | #7DE3B3 | — |
| markup.quote | #7DE3B3 | italic |
| markup.list punctuation.definition.list | #56C2EA | — |
| invalid, invalid.illegal | #F97583 | — |
| invalid.deprecated | #F97583 | strikethrough |