Layers Theme
Publisher: LayersThemes in package: 2
A theme made by shapers
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#00b8ad
- activityBar.background#00a69c
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff
- activityBarBadge.background#2f8af5
- activityBarBadge.foreground#fff
- badge.background#2f8af5
- badge.foreground#fff
- debugToolBar.background#2d3341
- diffEditor.diagonalFill#ed6b4f77
- diffEditor.insertedTextBackground#30b56515
- diffEditor.removedTextBackground#ed6b4f30
- editor.background#2d3341
- editor.findMatchBackground#ffca6555
- editor.findMatchHighlightBackground#ffca6555
- editor.foreground#C8D0D8
- editor.lineHighlightBorder#00a69c22
- editor.selectionBackground#2f8af533
- editor.selectionForeground#2f8af5
- editor.wordHighlightBackground#2f8af577
- editorCursor.background#E8ECEF
- editorCursor.foreground#00a69c
- editorGroupHeader.tabsBackground#748494
- editorLineNumber.activeForeground#00a69c
- editorLineNumber.foreground#108EB1
- editorLink.activeForeground#00b8ad
- editorWidget.background#2d3341
- errorForeground#ed6b4f
- focusBorder#00a69c
- foreground#EEF1F5
- gitDecoration.deletedResourceForeground#ed6b4f
- gitDecoration.modifiedResourceForeground#f0af09
- gitDecoration.untrackedResourceForeground#30b565
- icon.foreground#EEF1F5
- input.background#748494
- input.border#00a69c33
- input.foreground#F4F6F8
- list.activeSelectionBackground#00b8ac8f
- list.activeSelectionForeground#EEF1F5
- list.activeSelectionIconForeground#fff
- list.dropBackground#C8D0D8
- list.errorForeground#ed6b4f
- list.focusOutline#00b8ad
- list.hoverBackground#00a69c
- list.inactiveFocusBackground#00b8ad55
- list.inactiveSelectionBackground#00b8ad55
- minimap.background#405261
- panelTitle.activeForeground#F4F6F8
- panelTitle.inactiveForeground#748494
- scrollbar.shadow#000
- scrollbarSlider.background#748494bb
- selection.background#2f8af555
- sideBar.background#232b34
- sideBarSectionHeader.background#434e5b
- tab.activeForeground#F4F6F8
- tab.border#2d3341
- tab.inactiveBackground#3c454e
- terminal.foreground#F4F6F8
- terminal.selectionBackground#ffca6555
- terminalCursor.background#E8ECEF
- terminalCursor.foreground#00a69c
- textLink.activeForeground#00b8ad
- textLink.foreground#2f8af5
- titleBar.activeBackground#434e5b
- titleBar.activeForeground#F4F6F8
- titleBar.inactiveBackground#405261dd
- titleBar.inactiveForeground#F4F6F8
- widget.shadow#000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #f4f6f848 | italic |
| comment.block.preprocessor | #f4f6f848 | |
| comment.documentation, comment.block.documentation | #f4f6f848 | — |
| keyword, storage | #ed6b4f | italic |
| meta.object-literal.key | #f97777 | |
| storage.type, support.type, constant.language, support.constant, variable.language | #ed6b4f | italic |
| keyword.operator.new | #ed6b4f | — |
| variable, support.variable | #C8D0D8 | |
| variable.parameter | #e86161 | |
| entity.name.function, support.function | #15A4CC | bold |
| entity.other.inherited-class, support.class | #15A4CC | bold |
| entity.name.type, support.type.primitive.ts, interface | #9997f6 | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #f5b845 | |
| support.type.property-name.json, punctuation.support.type.property-name | #f97777 | |
| string, punctuation.definition.string.end, punctuation.definition.string.begin | #98d674 | italic |
| constant.character.escape | #8d8cdf | |
| string.regexp | #ed6b4f | — |
| constant.other.symbol | #ff0 | — |
| punctuation | #A3B1BF | |
| meta.brace | #A3B1BF | |
| keyword.operator | #15A4CC | |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #f00 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #175f74 | — |
| entity.name.tag | #15A4CC | |
| text.html | #C8D0D8 | |
| keyword.other.unit | #ed6b4f | bold |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #f97777 | italic |
| constant.character.entity, punctuation.definition.entity, meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #9a98f3 | bold |
| support.type.vendored.property-name.css | #C8D0D8 | |
| meta.property-name, support.type.property-name | #15A4CC | |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #A3B1BF | |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
| entity.name.tag.script.html.vue, entity.name.tag.style.html.vue, entity.name.tag.template.html.vue | #15A4CC | — |
| punctuation.definition.tag.begin.html.vue, punctuation.definition.tag.end.html.vue | #175f74 | — |
| source.go | #ffd771 | italic |
| source.rust | #ffd771 | italic |