ricdotnet's Deep Ocean Theme
Publisher: Ricardo RochaThemes in package: 1
Deep ocean theme based on Jetbrains Material Deep Ocean
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#0E1016
- activityBar.activeBorder#ade2dd
- activityBar.background#090B10
- activityBar.border#06080b
- activityBar.foreground#a2d4cf
- activityBar.inactiveForeground#2f3441
- activityBarBadge.background#ade2dd
- activityBarBadge.foreground#11151f
- badge.background#ade2dd
- badge.foreground#06080b
- breadcrumb.activeSelectionForeground#ade2dd
- breadcrumb.background#0f111a
- breadcrumbPicker.background#0f111a
- button.background#ade2dd
- button.foreground#0f111a
- debugToolBar.background#06080b
- dropdown.background#2f3441
- editor.background#0f111a
- editor.foreground#d8d8d8
- editor.lineHighlightBackground#1B252970
- editor.selectionBackground#ade2dd7c
- editorBracketHighlight.foreground1#89DDFF
- editorBracketHighlight.foreground2#89DDFF
- editorBracketHighlight.foreground3#89DDFF
- editorCursor.foreground#FFCC00
- editorGroupHeader.tabsBackground#13151f
- editorHoverWidget.background#090B10
- editorHoverWidget.border#ade2dd7c
- editorLineNumber.activeForeground#d8d8d8
- editorSuggestWidget.background#0f111a
- editorSuggestWidget.highlightForeground#88d4cd
- editorSuggestWidget.selectedBackground#161b2b
- editorWidget.background#0f111a
- editorWidget.border#ade2dd7c
- editorWidget.foreground#d8d8d8
- focusBorder#ade2dda9
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#FC9867
- gitDecoration.deletedResourceForeground#808080
- gitDecoration.ignoredResourceForeground#AB7967
- gitDecoration.modifiedResourceForeground#80CBC4
- gitDecoration.renamedResourceForeground#73C991
- gitDecoration.stageDeletedResourceForeground#C74E39
- gitDecoration.stageModifiedResourceForeground#E2C08D
- gitDecoration.untrackedResourceForeground#1B6A35
- input.background#2f3441
- input.foreground#d8d8d8
- input.placeholderForeground#c2c2c2
- list.activeSelectionBackground#161b2b
- list.activeSelectionForeground#88d4cd
- list.focusBackground#161b2b
- list.highlightForeground#88d4cd
- list.hoverBackground#0f111a
- list.inactiveFocusBackground#0f111a
- list.inactiveSelectionBackground#0f111a
- list.inactiveSelectionForeground#6daaa4
- menu.background#0c1118
- panel.background#090B10
- panel.border#ade2dd
- panelTitle.activeBorder#ade2dd
- scrollbar.shadow#06080b
- scrollbarSlider.activeBackground#ade2dd7c
- scrollbarSlider.background#ade2dda6
- scrollbarSlider.hoverBackground#ade2dd7c
- sideBar.background#090B10
- sideBar.border#06080b
- sideBar.foreground#7B8091
- sideBarSectionHeader.background#090B10
- sideBarSectionHeader.border#202635
- sideBarSectionHeader.foreground#626984
- sideBarTitle.foreground#8f9ac5
- statusBar.background#090b10
- statusBar.border#06080b
- tab.activeBorderTop#ade2dd
- tab.border#06080b
- tab.hoverForeground#ade2dd
- tab.inactiveBackground#090B10
- terminal.background#090B10
- terminal.foreground#d8d8d8
- terminalCursor.foreground#a2d4cf
- titleBar.activeBackground#090B10
- titleBar.border#0f111a
- titleBar.inactiveBackground#090B10
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #C3E88D | — |
| comment.keyword.todo | #FFEB95 | bold italic |
| entity.name.type.class | #FFCB6B | regular |
| support.class.component.tsx | #F07178 | — |
| keyword.operator.assignment | #89DDFF | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| support.type.primitive | #B2CCD6 | — |
| source.ts support.type.builtin | #F78C6C | — |
| comment, punctuation.definition.comment | #484f6e | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| source.css keyword.other.unit, source.sass keyword.other.unit, source.scss keyword.other.unit, source.less keyword.other.unit, source.styles keyword.other.unit, source.postcss keyword.other.unit | #F78C6C | italic |
| source.css keyword.other.unit.percentage, source.sass keyword.other.unit.percentage, source.scss keyword.other.unit.percentage, source.less keyword.other.unit.percentage, source.styles keyword.other.unit.percentage, source.postcss keyword.other.unit.percentage | #89DDFF | — |
| source.css variable.argument, source.sass variable.argument, source.scss variable.argument, source.less variable.argument, source.styles variable.argument, source.postcss variable.argument | #FFCB6B | — |
| source.css constant.other.color.rgb-value.hex, source.sass constant.other.color.rgb-value.hex, source.scss constant.other.color.rgb-value.hex, source.less constant.other.color.rgb-value.hex, source.styles constant.other.color.rgb-value.hex, source.postcss constant.other.color.rgb-value.hex | #89DDFF | — |
| source.ini keyword.other.definition | #C792EA | — |
| variable, string constant.other.placeholder | #d8d8d8 | — |
| constant.other.color | #cb19d8 | — |
| string.interpolated | #9ee67d | — |
| invalid, invalid.illegal | #f82f51 | italic underline |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.operator.new | #C792EA | italic |
| keyword.control | #89DDFF | italic |
| punctuation.definition.tag | #89DDFF | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #C3E88D | — |
| punctuation | #89DDFF | — |
| constant.other.color, meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #d8d8d8 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #F07178 | |
| meta.function-call, support.function, variable.function, entity.name.function, keyword.other.special-method | #82AAFF | |
| meta.block variable.other | #e6edff | — |
| support.other.variable, string.other.link | #FFCB6B | — |
| keyword.other.unit, keyword.other | #ec9a3c | — |
| constant.language, support.constant, constant.character, constant.escape, constant.numeric | #F78C6C | — |
| constant.language.boolean | #FF9CAC | italic |
| variable.parameter | #F78C6C | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #C3E88D | — |
| entity.name, support.type, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #C3E88D | — |
| support.type | #C3E88D | italic |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #C3E88D | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | |
| text.html.markdown, punctuation.definition.list_item.markdown | #d8d8d8 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #d8d8d8 | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #d8d8d8 | — |