Green Eyecare Theme
Publisher: yezigeThemes in package: 3
Material Green Eyecare Theme, with light and dark mode.
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.background#c8e6c9
- 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#c8e6c9
- dropdown.border#c5e1a5
- editor.background#c8e6c9
- editor.foreground#616161
- editor.lineHighlightBackground#dcedc8
- editor.selectionBackground#f0f4c3
- editorBracketHighlight.foreground1#006db3
- editorBracketHighlight.foreground2#388e3c
- editorBracketHighlight.foreground3#c77800
- editorGroupHeader.tabsBackground#c8e6c9
- editorHoverWidget.background#c8e6c9
- editorHoverWidget.border#a5d6a7
- editorIndentGuide.activeBackground1#a5d6a7
- editorIndentGuide.background1#c8e6c9
- editorLineNumber.activeForeground#519657
- editorLineNumber.foreground#a5d6a7
- editorSuggestWidget.background#c8e6c9
- editorSuggestWidget.border#a5d6a7
- editorSuggestWidget.foreground#338a3e
- editorSuggestWidget.highlightForeground#338a3e
- editorSuggestWidget.selectedBackground#a5d6a7
- editorWhitespace.foreground#b4dcb4
- editorWidget.background#c8e6c9
- extensionButton.prominentBackground#3BBA54
- extensionButton.prominentHoverBackground#4CC263
- focusBorder#c5e1a5
- foreground#519657
- gitDecoration.modifiedResourceForeground#00600f
- icon.foreground#519657
- input.background#c8e6c9
- 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#c8e6c9
- sideBarSectionHeader.background#c8e6c9
- statusBar.background#c8e6c9
- statusBar.debuggingBackground#519657
- statusBar.debuggingForeground#00701a
- statusBar.foreground#519657
- statusBar.noFolderBackground#519657
- statusBarItem.hoverBackground#dcedc8
- statusBarItem.remoteBackground#519657
- statusBarItem.remoteForeground#00600f
- tab.activeBackground#c8e6c9
- tab.activeForeground#519657
- tab.border#c8e6c9
- tab.inactiveBackground#c8e6c9
- tab.inactiveForeground#97b498
- titleBar.activeBackground#c8e6c9
- titleBar.activeForeground#519657
- titleBar.inactiveBackground#c8e6c9
- titleBar.inactiveForeground#519657
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #97b498 | |
| entity.name, entity.name.type, entity.name.type.class, entity.name.class, support.class, entity.other.inherited-class, source.java storage.modifier.import, source.java storage.type | #c88719 | — |
| keyword, meta.selector, markup.changed, keyword.operator.new, keyword.other.unsafe.rust | #ba68c8 | — |
| source.c keyword.operator, source.cpp keyword.operator, source.cs keyword.operator, source.elixir variable.definition, source.elixir variable.anonymous, source.go storage.type.string, source.java keyword.operator.instanceof, ng.attribute-with-value string, source.python keyword.operator.logical.python, source.java keyword.operator.instanceof | #ba68c8 | — |
| variable, variable.parameter, function.definition, punctuation.definition.variable, punctuation.definition.variable.php, punctuation.definition.variable.shell, variable.interpolation, support.type.object.module, support.type.object.module.js, support.type.object.module.ts, support.type.property-name, support.type.property-name.json, meta.object-literal.key, meta.object-literal.key.js, meta.object-literal.key.ts, meta.definition.variable, meta.function-call.arguments, entity.name.tag | #e57373 | — |
| keyword.control | #ba68c8 | — |
| keyword.operator, meta.separator, meta.tag, meta.class.body, meta.method-call, meta.method, punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator, punctuation.definition.array, punctuation.definition.class, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.separator, punctuation.section.arguments, punctuation.terminator.statement, punctuation.section.block, punctuation.section.class, punctuation.section.parens, meta.object.member, meta.objectliteral | #616161 | — |
| entity.name.function, support.function.any-method, entity.name.section, meta.function-call.generic | #5c6bc0 | — |
| support.function, keyword.other.special-method | #c8a415 | — |
| string | #519657 | — |
| string.regexp, string.regexp keyword.operator, string.regexp constant.character, string.interpolated, meta.template.expression.js punctuation.definition, meta.template.expression.ts punctuation.definition | #e57373 | — |
| entity.other.attribute-name | #ab47bc | — |
| constant, constant.character, constant.numeric, constant.language, support.variable, entity.name.function.decorator | #c79100 | — |
| string.quoted punctuation, string.quoted.double punctuation, string.quoted.single punctuation, support.type.property-name.json punctuation | #519657 | — |
| storage, storage.type, storage.modifier.package, storage.modifier.import | #ab47bc | — |
| keyword.other.unit, constant.other.color, constant.other.symbol, entity.other, markup.quote, punctuation.definition.bold, markup.bold, markup.inline.raw.string | #c79100 | — |
| heading.1, heading.2, punctuation.definition.bold, markup.bold | — | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...