Coral Reef Theme
Publisher: ThePelicanThemes in package: 1
As if you were coding in mids of a coral reef...
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.activeBorder#E6FCFA
- activityBar.background#1D414D
- activityBar.border#042B38
- activityBar.dropBorder#64CCC2
- activityBar.foreground#E6FCFA
- activityBar.inactiveForeground#8BA2A6
- activityBarBadge.background#64CCC2
- activityBarBadge.foreground#E6FCFA
- badge.background#1D414D
- badge.foreground#A0BABE
- button.background#42A89E
- button.foreground#E6FCFA
- button.hoverBackground#64CCC2
- button.secondaryBackground#B36A56
- button.secondaryHoverBackground#E0A99A
- button.separator#E6FCFA
- checkbox.background#275666
- checkbox.border#275666
- checkbox.foreground#A0BABE
- checkbox.selectBackground#ff0000
- checkbox.selectBorder#ff00ff
- descriptionForeground#8BA2A6
- disabledForeground#8BA2A6
- dropdown.background#1D414D
- dropdown.border#1D414D
- dropdown.foreground#A0BABE
- dropdown.listBackground#042733
- editor.background#042733
- editorGroup.emptyBackground#042B38
- editorGroupHeader.tabsBackground#042B38
- editorPane.background#031D26
- editorWidget.background#063545
- editorWidget.border#275666
- errorForeground#E0A99A
- focusBorder#FFBF7D
- foreground#A0BABE
- icon.foreground#A0BABE
- input.background#1D414D
- input.border#1D414D
- input.foreground#A0BABE
- input.placeholderForeground#708A8E
- inputOption.activeBackground#42A89E90
- inputOption.activeForeground#E6FCFAD0
- inputOption.hoverBackground#42A89E50
- inputValidation.errorBorder#C77524
- inputValidation.errorForeground#C77524
- inputValidation.infoBorder#64CCC2
- inputValidation.infoForeground#64CCC2
- inputValidation.warningBorder#E0A99A
- inputValidation.warningForeground#E0A99A
- list.activeSelectionBackground#1D414D
- list.activeSelectionForeground#FFBF7D
- list.activeSelectionIconForeground#FFBF7D
- list.dropBackground#1D414D
- list.focusBackground#1D414D
- list.focusForeground#FFBF7D
- list.focusHighlightForeground#E0A99A
- list.highlightForeground#E0A99A
- list.hoverBackground#1D414D
- list.hoverForeground#E0A99A
- list.inactiveFocusBackground#1D414D
- list.inactiveFocusOutline#E0A99A
- list.inactiveSelectionBackground#1D414D
- list.inactiveSelectionForeground#E0A99A
- list.inactiveSelectionIconForeground#E0A99A
- list.invalidItemForeground#E0A99A
- menu.background#063545
- menubar.selectionBackground#063545
- panel.background#02141A
- panel.border#275666
- scrollbarSlider.activeBackground#64CCC2
- scrollbarSlider.background#64CCC250
- scrollbarSlider.hoverBackground#64CCC280
- selection.background#B36A56
- sideBar.background#042B38
- sideBar.border#275666
- sideBar.dropBackground#1D414D
- sideBar.foreground#A0BABE
- sideBarSectionHeader.background#063545
- sideBarSectionHeader.foreground#E6FCFAd0
- sideBarTitle.foreground#E6FCFAd0
- statusBar.background#275666
- tab.inactiveBackground#063545
- textBlockQuote.background#063545
- textBlockQuote.border#A0BABE
- textLink.activeForeground#64CCC2
- textLink.foreground#42A89E
- textPreformat.foreground#E0A99A
- textSeparator.foreground#ffff00
- titleBar.activeBackground#1D414D
- widget.shadow#42A89E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #0B6E8F | italic |
| comment-keywords | #FFBF7De8 | bold |
| comment-keywords.note | #0B6E8F | bold underline |
| source, text | #91BDCC | — |
| keyword.operator, punctuation.separator.pointer-access | #CC8564 | — |
| keyword.control | #CCB350 | bold |
| punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor, punctuation.section | #b0cAcE | bold |
| constant.other.color, constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.other.timestamp | #D9BDB5 | — |
| constant.other.caps, variable.other.constant.property | #c0dAdE | italic |
| storage.type.js | #5FA2D9 | — |
| storage.type.class.js, storage.modifier.js, meta.definition.method.js, storage.type.function.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js | #5FA2D9 | bold |
| meta.definition.function.js, meta.definition.variable.js | — | italic |
| variable.language.this.js | #64CCC2 | — |
| entity.name.type.class.js, entity.other.inherited-class.js | — | underline |
| string.quoted.single.js, string.quoted.double.js, string.template.js | #CC78C4 | italic |
| punctuation.definition.block.js, meta.brace.round.js | #CCB350 | — |
| variable.other.object.property.js | #5FA2D9 | — |
| variable.other.property.js, meta.function-call.js, support.variable.property.js | #5FA2D9 | italic |
| entity.name.tag | #FFBF7De8 | bold |
| source.css, string.quoted.double, string.quoted.single | #64CCC2 | — |
| entity.other.attribute-name | #E0A99A | italic |
| punctuation.definition.tag | #b0cAcE | — |
| entity.name.tag.css, support.type.property-name.media.css, support.type.property-name.css | #91BDCC | — |
| entity.other.attribute-name.class.css | #CC8564 | — |
| entity.other.attribute-name.id.css | #CCB350 | bold |
| entity.name.tag.css | #CC8564 | bold |
| support.function.url.css, support.function.calc.css, support.function.misc.css, support.function.transform.css, support.function.gradient.css | #5FA2D9 | italic |
| punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.definition.parameters.begin.bracket.round.css, punctuation.definition.parameters.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css | #CCB350 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #CC78C4 | underline |
| punctuation.definition.variable.php | #5FA2D9 | — |
| storage.type.class.php, storage.type.function.php, punctuation.definition.parameters.begin.bracket.round.php, punctuation.definition.parameters.end.bracket.round.php | #5FA2D9 | bold |
| entity.name.function.php, meta.definition.variable.php | — | italic |
| string.quoted.single.php, string.quoted.double.php | #CC78C4 | italic |
| string.regexp.double-quoted.php, support.function.php | #49D1A6 | bold |
| storage.type.class.python, storage.type.function.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python | #5FA2D9 | bold |
| support.type.python, support.function.builtin.python, meta.member.access.python, meta.function-call.generic.python | #5FA2D9 | italic |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, meta.function-call.arguments.python | #91BDCC | |
| entity.name.function.python, support.function.magic.python | — | italic |
| support.function.magic.python | #CCB350 | italic |
| entity.name.type.class.python, entity.other.inherited-class.python | — | underline |
| meta.attribute.python | #5FA2D9 | |
| variable.language.special.self.python | — | italic |
| variable.parameter.function-call.python | #0B6E8F | — |
| string.quoted.docstring.multi.python | #49D1A6 | — |
| string.regexp.double-quoted.python, string.quoted.single.python, constant.character.format.placeholder.other.python | #CC78C4 | — |
| punctuation.section.function.begin.python | #b0cAcE | bold |
| meta.function.decorator.python | #CCB350 | italic |
| meta.preprocessor.macro, meta.preprocessor.macro, variable.other.enummember | #c0dAdE | italic |
| entity.name.type.cpp, entity.name.type.c, entity.name.scope-resolution.cpp, entity.name.namespace.cpp | #49D1A6 | bold |
| storage.type.enum.cpp, storage.type.built-in.primitive.cpp, storage.type.class.cpp, storage.type.enum.enum-key.class.cpp, punctuation.section.parameters.begin.bracket.round.cpp, punctuation.section.parameters.end.bracket.round.cpp, storage.modifier.specifier.static.cpp, storage.type.struct.cpp, storage.modifier.specifier.const.cpp, storage.modifier.const.cpp, storage.modifier.specifier.functional.post-parameters.override.cpp, storage.modifier.virtual, storage.modifier.static, storage.modifier.specifier.functional.post-parameters, storage.type.extern.cpp, storage.type.template.cpp, keyword.other.using.directive, storage.type.namespace.directive, storage.type.struct.c, storage.type.enum.c, storage.type.built-in.primitive.c, punctuation.section.parameters.begin.bracket.round.c, punctuation.section.parameters.end.bracket.round.c, storage.modifier.c | #5FA2D9 | bold |
| string.quoted.double.cpp, string.quoted.single.cpp, string.quoted.double.include.cpp, string.quoted.single.include.cpp, string.quoted.other.lt-gt.include.cpp, entity.other.attribute-name.pragma.preprocessor.cpp, string.quoted.double.c, string.quoted.single.c, string.quoted.double.include.c, string.quoted.single.include.c, string.quoted.other.lt-gt.include.c | #CC78C4 | — |
| entity.name.function.member.cpp, entity.name.function.call.cpp, variable.other.member.c, entity.name.function.call.c | #5FA2D9 | italic |
| entity.name.function.definition.cpp, entity.name.function.definition.c, entity.name.function.c | — | italic |
| storage.type.class.doxygen.cpp, storage.type.class.doxygen.c | — | bold underline |
| punctuation.section.block.end.bracket.curly.cpp, punctuation.section.block.begin.bracket.curly.cpp, punctuation.section.parens.begin.bracket.round.cpp, punctuation.section.parens.end.bracket.round.cpp, punctuation.section.block.end.bracket.curly.function.definition.cpp, punctuation.section.block.begin.bracket.curly.function.definition.cpp, punctuation.section.block.end.bracket.curly.switch.cpp, punctuation.section.block.begin.bracket.curly.switch.cpp, punctuation.section.block.end.bracket.curly.c, punctuation.section.block.begin.bracket.curly.c, punctuation.section.parens.begin.bracket.round.c, punctuation.section.parens.end.bracket.round.c, punctuation.section.block.end.bracket.curly.function.definition.c, punctuation.section.block.begin.bracket.curly.function.definition.c, punctuation.section.block.end.bracket.curly.switch.c, punctuation.section.block.begin.bracket.curly.switch.c | #CCB350 | — |
| support.type.property-name.json | #E0A99A | — |
| string.quoted.double.json | #64CCC2 | italic |
| punctuation.definition.dictionary.end.json, punctuation.definition.dictionary.begin.json, punctuation.separator.dictionary.pair.json | #CCB350 | — |
| heading.1.markdown | #CCB350 | bold underline |
| heading.2.markdown | #CCB350 | bold |
| heading.3.markdown, punctuation.definition.list.begin.markdown | #CCB350 | — |
| heading.4.markdown, heading.5.markdown | #c0dAdE | — |
| markup.bold.markdown | #c0dAdE | bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, string.other.link.description.title.markdown | #CC78C4 | — |
| markup.italic.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #c0dAdE | italic |
| markup.underline.link | #5FA2D9 | — |
| punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown | #49D1A6 | — |
| punctuation.definition.block.sequence.item.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml | #CCB350 | bold |
| storage.type.tag-handle.yaml | #5FA2D9 | bold |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #5FA2D9 | italic |
| entity.name.tag.yaml | #E0A99A | |
| string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml | #64CCC2 | italic |
| string.unquoted.block.yaml | #CC78C4 | italic |
| entity.other.document.begin.yaml, entity.other.document.end.yaml, constant.language.boolean.yaml | #CC78C4 | bold |
| punctuation.separator.key-value.mapping.yaml, punctuation.separator.sequence.yaml | #b0cAcE | bold |