Green Tree Theme
Publisher: Steven N. YangThemes in package: 3
A green theme for vscode
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#6C6D74
- activityBar.border#8CF6A6
- activityBar.dropBackground#FFFFFF40
- activityBar.foreground#92e1fd
- activityBarBadge.background#6C6D74
- breadcrumb.activeSelectionForeground#00AA0080
- breadcrumb.background#ededed
- breadcrumb.focusForeground#232323
- breadcrumb.foreground#232323
- breadcrumbPicker.background#E2FFF3
- button.background#6C6D74
- button.foreground#EEEEEE
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- descriptionForeground#222222
- dropdown.background#E2FFF3
- dropdown.foreground#222222
- dropdown.listBackground#E2FFF3
- editor.background#E2FFF3
- editor.findMatchBackground#E0C494
- editor.findMatchBorder#EEEEEE
- editor.findMatchHighlightBackground#AAFFFF
- editor.foreground#232323
- editor.inactiveSelectionBackground#FFFFFF
- editor.lineHighlightBackground#E8F2FE
- editor.selectionBackground#E0C494
- editor.selectionHighlightBackground#AAFFFF
- editor.snippetFinalTabstopHighlightBackground#EEEEEE80
- editor.snippetFinalTabstopHighlightBorder#DDD
- editor.snippetTabstopHighlightBackground#FFFFFF80
- editor.snippetTabstopHighlightBorder#DDD
- editor.wordHighlightBackground#AAFFFF40
- editorBracketMatch.background#00AA00A0
- editorCursor.foreground#657B83
- editorGroup.border#0F0
- editorGroup.dropBackground#FFFFFF40
- editorGroup.emptyBackground#6C6D74
- editorGroupHeader.noTabsBackground#DDD
- editorGroupHeader.tabsBackground#6C6D74
- editorGroupHeader.tabsBorder#8CF6A6
- editorGutter.background#ededed
- editorHoverWidget.background#E2FFF3
- editorHoverWidget.border#808080
- editorIndentGuide.activeBackground#ff000080
- editorIndentGuide.background#00AA00A0
- editorInfo.border#808080
- editorInfo.foreground#222222
- editorLineNumber.activeForeground#dc322f
- editorLineNumber.foreground#565656
- editorPane.background#E2FFF3
- editorSuggestWidget.background#E2FFF3
- editorSuggestWidget.border#808080
- editorSuggestWidget.foreground#222222
- editorSuggestWidget.selectedBackground#DDD
- editorWhitespace.foreground#586E7540
- editorWidget.background#6C6D74
- editorWidget.border#8CF6A6
- extensionButton.prominentBackground#00AA00E0
- extensionButton.prominentForeground#EEEEEE
- extensionButton.prominentHoverBackground#584c27aa
- foreground#222222
- input.background#E2FFF3
- input.border#DDD
- input.foreground#6C6D74
- inputOption.activeBorder#00AA0080
- inputValidation.infoForeground#E0C494
- list.activeSelectionBackground#00AA0080
- list.focusBackground#DDD
- list.hoverBackground#ededed
- list.hoverForeground#222222
- list.inactiveSelectionBackground#ededed
- listFilterWidget.background#E2FFF3
- menu.foreground#222222DD
- notificationCenterHeader.background#6C6D74
- notificationCenterHeader.foreground#EEEEEE
- notificationLink.foreground#ff0000
- notifications.background#6C6D74
- notifications.foreground#EEEEEE
- panel.background#E2FFF3
- panel.border#0F0
- panel.dropBackground#FFFFFF40
- panelTitle.activeBorder#565656
- panelTitle.activeForeground#565656
- panelTitle.inactiveForeground#565656
- peekViewEditor.background#E2FFF3
- peekViewTitleLabel.foreground#00AA00A0
- pickerGroup.border#2AA19899
- pickerGroup.foreground#2AA19899
- sideBar.background#E2FFF3
- sideBar.border#8CF6A6
- sideBar.dropBackground#FFFFFF40
- sideBar.foreground#222222
- sideBarSectionHeader.background#00AA0060
- statusBar.background#6C6D74
- statusBar.debuggingBackground#6C6D74
- statusBar.foreground#EEEEEE
- statusBar.noFolderBackground#6C6D74
- statusBarItem.activeBackground#ff0000
- statusBarItem.hoverBackground#6C6D74
- statusBarItem.prominentBackground#6C6D74
- statusBarItem.prominentForeground#ff0000
- statusBarItem.prominentHoverBackground#6C6D74
- statusBarItem.remoteBackground#6C6D74
- statusBarItem.remoteForeground#EEEEEE
- tab.activeBackground#ededed
- tab.activeBorderTop#8CF6A6
- tab.activeForeground#232323
- tab.border#6C6D7480
- tab.inactiveBackground#6C6D74
- tab.inactiveForeground#ededed
- terminal.ansiBlack#000000
- terminal.ansiBlue#0000FF
- terminal.ansiBrightBlack#708090
- terminal.ansiBrightBlue#00008B
- terminal.ansiBrightCyan#87CEFA
- terminal.ansiBrightGreen#3CB371
- terminal.ansiBrightMagenta#8B008B
- terminal.ansiBrightRed#8B0000
- terminal.ansiBrightWhite#3CB371
- terminal.ansiBrightYellow#BDB76B
- terminal.ansiCyan#00BFFF
- terminal.ansiGreen#3CB371
- terminal.ansiMagenta#FF00FF
- terminal.ansiRed#FF0000
- terminal.ansiWhite#3CB371
- terminal.ansiYellow#BDB76B
- terminal.foreground#565656
- textBlockQuote.background#ededed
- titleBar.activeBackground#217436
- titleBar.activeForeground#E2F1E3
- walkThrough.embeddedEditorBackground#3d191914
- welcomePage.background#E2FFF3
- widget.shadow#8CF6A6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #AA0000 | — |
| comment | #008800 | |
| string | #2AA198 | — |
| string.regexp | #D30102 | — |
| constant.numeric | #D33682 | — |
| variable.language, variable.other | #268BD2 | — |
| keyword | #2aa198 | — |
| storage | #073642 | bold |
| entity.name.class, entity.name.type | #268BD2 | — |
| entity.name.function | #268BD2 | — |
| punctuation.definition.variable | #859900 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #D30102 | — |
| constant.language, meta.preprocessor | #B58900 | — |
| support.function.construct, keyword.other.new | #D30102 | — |
| constant.character, constant.other | #CB4B16 | — |
| entity.other.inherited-class | #CB4B16 | — |
| variable.parameter | #CB4B16 | — |
| entity.name.tag | #268BD2 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #93A1A1 | — |
| entity.other.attribute-name | #93A1A1 | — |
| support.function | #268BD2 | — |
| punctuation.separator.continuation | #D30102 | — |
| support.constant | #CB4B16 | — |
| support.type, support.class | #CB4B16 | — |
| support.type.exception | #CB4B16 | — |
| support.other.variable | #CB4B16 | — |
| invalid | #CB4B16 | — |
| meta.diff, meta.diff.header | #000000 | italic |
| markup.deleted | #dc322f | |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote | #859900 | — |
| markup.list | #B58900 | — |
| markup.bold, markup.italic | #D33682 | — |
| markup.inline.raw | #2AA198 | |
| markup.heading | #268BD2 | — |
| markup.heading.setext | #268BD2 |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...