Green Valley Theme
Publisher: Helcio PenhaThemes in package: 7
A beautiful, modern, and vibrant green-based theme with multiple variations created by Helcio Penha.
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.activeBorder#00B46E
- activityBar.background#000000
- activityBar.foreground#F8F8F2
- activityBar.inactiveForeground#CCCCCC
- activityBarBadge.background#00B46E
- activityBarBadge.foreground#F8F8F2
- badge.background#00B46E
- badge.foreground#F8F8F2
- button.background#00B46E
- button.foreground#F8F8F2
- contrastBorder#000000
- dropdown.background#131A20
- dropdown.border#00B46E
- dropdown.foreground#F8F8F2
- editor.background#000000
- editor.errorForeground#FF5C57
- editor.findMatchBackground#FFFF8050
- editor.findMatchHighlightBackground#FFFF8030
- editor.findRangeHighlightBackground#00B46E10
- editor.foldBackground#131A20
- editor.foreground#F8F8F2
- editor.hoverHighlightBackground#00B46E20
- editor.lineHighlightBackground#131A20
- editor.selectionBackground#00B46E40
- editor.selectionHighlightBackground#00B46E20
- editor.selectionHighlightBorder#00B46E
- editor.warningForeground#FFFF80
- editor.wordHighlightBackground#00B46E30
- editor.wordHighlightStrongBackground#00B46E60
- editorCursor.foreground#00B46E
- editorGroupHeader.tabsBackground#0A0D10
- editorGutter.addedBackground#00B46E
- editorGutter.background#000000
- editorGutter.deletedBackground#FF5C57
- editorGutter.modifiedBackground#FFFF80
- editorIndentGuide.activeBackground#00B46E
- editorIndentGuide.background#707070
- editorLineNumber.foreground#CCCCCC
- focusBorder#00B46E
- icon.foreground#CCCCCC
- icon.hoverForeground#00B46E
- input.background#131A20
- input.border#000000
- input.foreground#F8F8F2
- input.placeholderForeground#CCCCCC
- list.activeSelectionBackground#00B46E
- list.activeSelectionForeground#F8F8F2
- list.errorForeground#FF5C57
- list.highlightForeground#00B46E
- list.hoverBackground#00B46E30
- list.inactiveSelectionBackground#00B46E20
- list.warningForeground#FFFF80
- progressBar.background#00B46E
- sideBar.background#0A0D10
- sideBar.foreground#F8F8F2
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#0A0D10
- sideBarTitle.foreground#F8F8F2
- statusBar.background#000000
- statusBar.foreground#F8F8F2
- statusBarItem.prominentBackground#00B46E
- statusBarItem.prominentHoverBackground#008C52
- statusBarItem.remoteBackground#00B46E
- statusBarItem.remoteForeground#F8F8F2
- tab.activeBackground#000000
- tab.activeBorderTop#00B46E
- tab.activeForeground#F8F8F2
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#CCCCCC
- titleBar.activeBackground#000000
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#131A20
- titleBar.inactiveForeground#CCCCCC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword | #00B46E | — |
| constant | #F8F8F2 | — |
| string | #FFFF80 | — |
| comment | #7A8C99 | — |
| variable | #8AFF80 | — |
| entity.name.function | #F8F8F2 | — |
| entity.name.class | #00B46E | — |
| markup.inserted | #00B46E | — |
| markup.deleted | #FF5C57 | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter | — | italic |
| keyword.control.new, keyword.operator.new | — | bold |