Greens Color Theme
Publisher: Luiz FonsecaThemes in package: 1
A very elegant and *verdant* Greens theme for you to code comfortably in VSCode
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#1B1F23
- activityBar.foreground#b1ecb5
- banner.background#1B1F23
- breadcrumb.foreground#4bb252
- button.background#008800
- button.foreground#FFFFFF
- checkbox.background#121417
- checkbox.foreground#4bb252
- dropdown.listBackground#121417
- editor.background#1B1F23
- editor.findMatchBackground#8C5A3B40
- editor.findMatchHighlightBackground#8C5A3B20
- editor.foreground#008900
- editor.inactiveSelectionBackground#1B1F2330
- editor.lineHighlightBackground#2a2f33
- editor.selectionBackground#3a424b
- editor.selectionHighlightBackground#1B1F2340
- editorBracketMatch.background#1B1F23
- editorBracketMatch.border#3B6978
- editorCursor.foreground#adffad
- editorGroup.border#1B1F23
- editorGroupHeader.border#1B1F23
- editorGroupHeader.noTabsBackground#1B1F23
- editorGroupHeader.tabsBackground#1B1F23
- editorGroupHeader.tabsBorder#121417
- editorGutter.background#1B1F23
- editorLineNumber.activeForeground#64de6c
- editorLineNumber.foreground#596d59
- focusBorder#4bb252
- input.background#121417
- input.border#4bb252
- input.foreground#FFFFFF
- input.placeholderForeground#4bb252
- list.activeSelectionBackground#008800
- list.activeSelectionForeground#ffffff
- list.hoverBackground#0c360e
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#121417
- list.inactiveSelectionForeground#cccccc
- menu.background#1B1F23
- menu.border#1B1F23
- menubar.selectionBackground#1B1F23
- panel.background#121417
- panelSectionHeader.foreground#b1ecb5
- panelTitle.activeForeground#b1ecb5
- panelTitle.inactiveForeground#6b8f6e
- sideBar.background#121417
- sideBar.border#121417
- sideBar.dropBackground#121417
- sideBar.foreground#a0c9a3
- sideBarSectionHeader.background#121417
- sideBarSectionHeader.border#121417
- sideBarSectionHeader.foreground#4bb252
- sideBarTitle.foreground#4bb252
- statusBar.background#121417
- statusBar.foreground#b1ecb5
- tab.activeBackground#121417
- tab.activeBorder#121417
- tab.activeForeground#64de6c
- tab.inactiveBackground#1B1F23
- tab.inactiveForeground#6b8f6e
- tab.unfocusedHoverBackground#2c432e
- terminal.background#121417
- titleBar.activeBackground#121417
- titleBar.activeForeground#4bb252
- titleBar.border#121417
- titleBar.inactiveBackground#121417
- titleBar.inactiveForeground#4bb252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.ts | #84fc84 | italic |
| text.html.basic, meta.tag.jsx, meta.jsx.children | #1c841c | italic |
| comment, punctuation.definition.comment | #027333 | italic |
| keyword | #027333 | bold |
| keyword.operator.logical, keyword.operator.ternary, keyword.control.conditional | #be398d | bold |
| keyword.control.import | #28A745 | bold |
| keyword.control.from | #71a766 | bold |
| keyword.control.as | #008800 | bold |
| keyword.operator | #009F00 | |
| keyword.control.flow | #008800 | bold |
| string | #16ABE3 | — |
| constant.numeric | #00a33e | — |
| constant.language.boolean | #559285 | bold |
| entity.name.type.class | #60caa1f3 | — |
| entity.name.function | #008800 | — |
| entity.name.type.alias | #60caa19a | — |
| entity.name.type.interface | #60caa19a | — |
| entity.name.type | #28A745 | — |
| variable | #469759 | — |
| variable.parameter | #00ff9d | — |
| variable.language.this | #559b9b | — |
| storage.type.type | #8ebd36c4 | — |
| storage.type.interface | #8ebd36c4 | — |
| storage.modifier | #c9ff6579 | — |
| punctuation | #be398d | — |
| punctuation.terminator | #be398d | — |
| punctuation.accessor.optional | #be398d | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #16abe3cc | — |
| punctuation.separator.key-value | #bdbdbdd0 | — |
| support.type.property-name.json | #00a33e | — |