Eyecare Soft Era
Publisher: magma917Themes in package: 1
Soft era theme with eye care background and environment
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#c7edcc
- activityBar.foreground#519657
- activityBarBadge.background#519657
- activityBarBadge.foreground#eeeeee
- badge.background#519657
- badge.foreground#eeeeee
- button.background#519657
- button.foreground#eeeeee
- button.hoverBackground#519657
- debugToolBar.background#a5d6a7
- dropdown.background#c7edcc
- dropdown.border#c5e1a5
- editor.background#c7edcc
- editor.foreground#616161
- editor.lineHighlightBackground#dcedc8
- editor.selectionBackground#f0f4c3
- editorBracketHighlight.foreground1#006db3
- editorBracketHighlight.foreground2#388e3c
- editorBracketHighlight.foreground3#c77800
- editorGroupHeader.tabsBackground#c7edcc
- editorHoverWidget.background#c7edcc
- editorHoverWidget.border#a5d6a7
- editorIndentGuide.activeBackground#519657
- editorIndentGuide.background#5196573c
- editorLineNumber.activeForeground#519657
- editorLineNumber.foreground#a5d6a7
- editorSuggestWidget.background#c7edcc
- editorSuggestWidget.border#a5d6a7
- editorSuggestWidget.foreground#338a3e
- editorSuggestWidget.highlightForeground#338a3e
- editorSuggestWidget.selectedBackground#a5d6a7
- editorWhitespace.foreground#b4dcb4
- editorWidget.background#c7edcc
- extensionButton.prominentBackground#3BBA54
- extensionButton.prominentHoverBackground#4CC263
- focusBorder#c5e1a5
- foreground#519657
- gitDecoration.modifiedResourceForeground#00600f
- icon.foreground#519657
- input.background#c7edcc
- input.border#c5e1a5
- list.activeSelectionBackground#dcedc8
- list.activeSelectionForeground#519657
- list.focusBackground#dcedc8
- list.highlightForeground#519657
- list.hoverBackground#dcedc8
- list.inactiveFocusBackground#dcedc8
- list.inactiveSelectionBackground#dcedc8
- list.inactiveSelectionForeground#519657
- menu.separatorBackground#a5d6a7
- scrollbar.shadow#a5d6a7
- scrollbarSlider.activeBackground#81c784
- scrollbarSlider.background#a5d6a7
- scrollbarSlider.hoverBackground#81c784
- sideBar.background#c7edcc
- sideBarSectionHeader.background#5196573c
- sideBarSectionHeader.foreground#519657
- statusBar.background#c7edcc
- statusBar.debuggingBackground#519657
- statusBar.debuggingForeground#00701a
- statusBar.foreground#519657
- statusBar.noFolderBackground#519657
- statusBarItem.hoverBackground#dcedc8
- statusBarItem.remoteBackground#519657
- statusBarItem.remoteForeground#00600f
- tab.activeBackground#5196573e
- tab.activeBorder#519657
- tab.activeForeground#519657
- tab.border#c7edcc
- tab.inactiveBackground#c7edcc
- tab.inactiveForeground#97b498
- titleBar.activeBackground#c7edcc
- titleBar.activeForeground#519657
- titleBar.inactiveBackground#c7edcc
- titleBar.inactiveForeground#519657
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #b47c88 | — |
| variable.parameter, variable.parameter.function | #9c7cb8 | — |
| comment, punctuation.definition.comment | #cf9e9e | italic |
| punctuation, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #cfa0a0 | — |
| punctuation.definition.template-expression, punctuation.definition.interpolation, variable.interpolation | #dda8ac | — |
| punctuation.separator | #dda8ac | — |
| punctuation.separator.key-value, punctuation.accessor | #dda8ac | — |
| keyword.operator | #d273ad | — |
| keyword.operator.expression | #d273ad | — |
| keyword | #958ac5 | — |
| keyword.control, punctuation.definition.keyword | #4a4543a2 | normal |
| variable | #8276ca | — |
| variable.language.this | #dda8ac | — |
| storage | #9c7cb8 | — |
| meta.class, support.class, entity.name.class, entity.name.type.class, entity.other.attribute-name.class, entity.other.attribute-name.class.css, punctuation.definition.entity.css | #c08bcea5 | — |
| support.class.console, support.function.console | #b8bac9aa | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #eeaabe | — |
| entity.name.type, storage.type | #958ac5 | — |
| storage.type.function | #4a4543a2 | italic |
| entity.name.function, support.function, support.function.any-method, storage.function, storage.type.function.arrow, keyword.other.special-method | #209494 | — |
| meta.function-call | #5fa2a2 | italic |
| storage.type.function.arrow, support.function | #5fa2a2 | normal |
| string, constant.other.symbol, entity.other.inherited-class, punctuation.definition.string | #699dcd | — |
| punctuation.definition.string | #6598c8 | italic |
| constant.numeric | #6598c8 | — |
| none | #6598c8 | — |
| none | #6598c8 | — |
| constant | #6598c8 | — |
| entity.name.tag, punctuation.definition.tag, support.class.component.js, punctuation.definition.block.tag, punctuation.definition.inline.tag | #a19597 | — |
| meta.jsx.children | #ba989c | — |
| entity.other.attribute-name, support.type.property-name, support.variable.property | #6f557388 | — |
| entity.other.attribute-name.id, punctuation.definition.entity, constant.character.entity.named | #dda8ac | — |
| meta.selector | #db90a7 | — |
| none | #6598c8 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #5fa2a2 | |
| keyword.other.unit | #eeaabe | — |
| markup.bold, punctuation.definition.bold | #9f8298 | bold |
| markup.italic, punctuation.definition.italic | #9f8298 | italic |
| markup.raw.inline, markup.inline.raw.string.markdown, punctuation.definition.raw.markdown | #6f557388 | — |
| markup.fenced_code.block.markdown, punctuation.definition.markdown, markup.raw.block.markdown | #6f557388 | — |
| string.other.link | #6598c8 | — |
| meta.link, markup.underline.link.image.markdown, meta.image.inline.markdown, meta.image.inline.markdown, punctuation.definition.metadata.markdown | #eeaabe | — |
| markup.list, punctuation.definition.list.begin.markdown | #8276ca | — |
| markup.quote | #eeaabe | — |
| meta.separator | #4a4543a2 | — |
| markup.inserted | #98c4ba | — |
| markup.deleted | #dd698c | — |
| markup.changed | #cabf9a | — |
| constant.other.color | #4a4543a2 | — |
| string.regexp | #6598c8 | — |
| constant.character.escape | #dda8ac | — |
| punctuation.section.embedded | #dda8ac | — |
| invalid.illegal | #dd698ccc | — |