Gradianto Nature Green
Publisher: Nikolay MalyshevThemes in package: 2
A dark green nature-inspired theme for Visual Studio Code based on similar one for Jetbrains IDEs
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#1d3738
- activityBar.border#12312d
- activityBar.foreground#cccece
- activityBar.inactiveForeground#8d9296
- activityBarBadge.background#4aa275
- activityBarBadge.foreground#ffffff
- badge.background#4aa275
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#bbbbbb
- breadcrumb.focusForeground#cccece
- breadcrumb.foreground#8d9296
- breadcrumbPicker.background#20403f
- button.background#4aa275
- button.foreground#ffffff
- button.hoverBackground#3a7858
- button.secondaryBackground#265752
- button.secondaryForeground#cccece
- button.secondaryHoverBackground#1a7469
- descriptionForeground#8d9296
- diffEditor.diagonalFill#234537
- diffEditor.insertedLineBackground#1f473840
- diffEditor.insertedTextBackground#1f473880
- diffEditor.removedLineBackground#29313d40
- diffEditor.removedTextBackground#29313d80
- dropdown.background#356c43
- dropdown.border#265752
- dropdown.foreground#cccece
- editor.background#132623
- editor.findMatchBackground#28523080
- editor.findMatchHighlightBackground#204e4380
- editor.foldBackground#153a1c
- editor.foreground#a8afbe
- editor.inactiveSelectionBackground#0465465c
- editor.lineHighlightBackground#1d3b35
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#204e4330
- editor.selectionBackground#00695c
- editor.selectionHighlightBackground#204e4380
- editor.wordHighlightBackground#204e4380
- editor.wordHighlightStrongBackground#28523080
- editorBracketMatch.background#3b514d
- editorBracketMatch.border#45bc88
- editorCursor.foreground#cccece
- editorError.background#40202980
- editorError.foreground#e91e63
- editorGroup.border#12312d
- editorGroupHeader.tabsBackground#1e3b39
- editorGroupHeader.tabsBorder#033e25
- editorGutter.addedBackground#436143
- editorGutter.background#1d3738
- editorGutter.deletedBackground#bc3c4f
- editorGutter.modifiedBackground#4a676a
- editorHint.foreground#29d57c
- editorHoverWidget.background#264d43
- editorHoverWidget.border#265752
- editorIndentGuide.activeBackground1#346e5b
- editorIndentGuide.background1#234537
- editorInfo.foreground#29d57c
- editorLineNumber.activeForeground#bebdbd
- editorLineNumber.foreground#8d9296
- editorOverviewRuler.addedForeground#436143
- editorOverviewRuler.border#1d3e30
- editorOverviewRuler.deletedForeground#8d4457
- editorOverviewRuler.errorForeground#e91e63
- editorOverviewRuler.findMatchForeground#488093
- editorOverviewRuler.modifiedForeground#4a676a
- editorOverviewRuler.selectionHighlightForeground#00695c
- editorOverviewRuler.warningForeground#f49810
- editorSuggestWidget.background#20403f
- editorSuggestWidget.border#265752
- editorSuggestWidget.foreground#cccece
- editorSuggestWidget.highlightForeground#56f29c
- editorSuggestWidget.selectedBackground#00695c
- editorWarning.background#50522480
- editorWarning.foreground#f49810
- editorWhitespace.foreground#234537
- editorWidget.background#20403f
- editorWidget.border#265752
- editorWidget.foreground#cccece
- errorForeground#b5b5b5
- focusBorder#265752
- foreground#cccece
- gitDecoration.addedResourceForeground#60cf92
- gitDecoration.conflictingResourceForeground#f49810
- gitDecoration.deletedResourceForeground#bc637e
- gitDecoration.ignoredResourceForeground#54806d
- gitDecoration.modifiedResourceForeground#4a676a
- gitDecoration.untrackedResourceForeground#9ebb52
- icon.foreground#cccece
- input.background#1d3738
- input.border#265752
- input.foreground#cccece
- input.placeholderForeground#8d9296
- inputOption.activeBackground#2f7d5d
- inputOption.activeBorder#4aa275
- inputValidation.errorBackground#802d43
- inputValidation.errorBorder#802d43
- inputValidation.infoBackground#414f66
- inputValidation.infoBorder#265752
- inputValidation.warningBackground#735822
- inputValidation.warningBorder#5f4422
- keybindingLabel.background#265752
- keybindingLabel.border#1a7469
- keybindingLabel.bottomBorder#12312d
- keybindingLabel.foreground#cccece
- list.activeSelectionBackground#00695c
- list.activeSelectionForeground#f1f4f6
- list.dropBackground#588d67
- list.errorForeground#e91e63
- list.focusBackground#00695c
- list.focusForeground#f1f4f6
- list.highlightForeground#56f29c
- list.hoverBackground#386d54c0
- list.hoverForeground#cccece
- list.inactiveSelectionBackground#0465465c
- list.inactiveSelectionForeground#cccece
- list.warningForeground#f49810
- menu.background#20403f
- menu.foreground#cccece
- menu.selectionBackground#00695c
- menu.selectionForeground#f1f4f6
- menu.separatorBackground#20574f
- menubar.selectionBackground#386d54c0
- menubar.selectionForeground#cccece
- notificationLink.foreground#cded91
- notifications.background#20403f
- notifications.border#265752
- notifications.foreground#cccece
- notificationsErrorIcon.foreground#e91e63
- notificationsInfoIcon.foreground#29d57c
- notificationsWarningIcon.foreground#f49810
- panel.background#132623
- panel.border#12312d
- panelTitle.activeBorder#60cf92
- panelTitle.activeForeground#cccece
- panelTitle.inactiveForeground#8d9296
- peekView.border#00695c
- peekViewEditor.background#132623
- peekViewEditor.matchHighlightBackground#28523080
- peekViewResult.background#1e3b39
- peekViewResult.fileForeground#cccece
- peekViewResult.lineForeground#8d9296
- peekViewResult.matchHighlightBackground#28523080
- peekViewResult.selectionBackground#00695c
- peekViewResult.selectionForeground#f1f4f6
- peekViewTitle.background#264d43
- peekViewTitleDescription.foreground#8d9296
- peekViewTitleLabel.foreground#cccece
- progressBar.background#60cf92
- scrollbar.shadow#122623
- scrollbarSlider.activeBackground#497486ff
- scrollbarSlider.background#406480cc
- scrollbarSlider.hoverBackground#497486cc
- selection.background#00695c
- settings.checkboxBackground#1d3738
- settings.dropdownBackground#356c43
- settings.headerForeground#cccece
- settings.modifiedItemIndicator#4aa275
- settings.numberInputBackground#1d3738
- settings.textInputBackground#1d3738
- sideBar.background#20403f
- sideBar.border#12312d
- sideBar.foreground#cccece
- sideBarSectionHeader.background#1e3b39
- sideBarSectionHeader.border#12312d
- sideBarSectionHeader.foreground#cccece
- sideBarTitle.foreground#cccece
- statusBar.background#006448
- statusBar.border#033e25
- statusBar.debuggingBackground#c4131e
- statusBar.debuggingForeground#f5f5f5
- statusBar.foreground#eceff1
- statusBar.noFolderBackground#1d3738
- statusBar.noFolderForeground#cccece
- statusBarItem.activeBackground#00000050
- statusBarItem.hoverBackground#00000030
- statusBarItem.remoteBackground#4aa275
- statusBarItem.remoteForeground#ffffff
- symbolIcon.classForeground#c6c666
- symbolIcon.fieldForeground#6baa85
- symbolIcon.functionForeground#d07bd2
- symbolIcon.keywordForeground#2ea9aa
- symbolIcon.numberForeground#bb8f73
- symbolIcon.stringForeground#a6aa43
- symbolIcon.variableForeground#af6e86
- tab.activeBackground#006448
- tab.activeBorder#00000000
- tab.activeForeground#eceff1
- tab.activeModifiedBorder#60cf92
- tab.border#033e25
- tab.hoverBackground#244a31
- tab.inactiveBackground#1e3b39
- tab.inactiveForeground#8d9296
- tab.unfocusedActiveBackground#006448
- tab.unfocusedActiveForeground#8d9296
- tab.unfocusedInactiveBackground#1e3b39
- tab.unfocusedInactiveForeground#8d9296
- terminal.ansiBlack#132623
- terminal.ansiBlue#518dc6
- terminal.ansiBrightBlack#54806d
- terminal.ansiBrightBlue#5394ec
- terminal.ansiBrightCyan#45bc88
- terminal.ansiBrightGreen#7edb7f
- terminal.ansiBrightMagenta#c48d9c
- terminal.ansiBrightRed#e91e63
- terminal.ansiBrightWhite#cccece
- terminal.ansiBrightYellow#c6c666
- terminal.ansiCyan#2ea9aa
- terminal.ansiGreen#60cf92
- terminal.ansiMagenta#d07bd2
- terminal.ansiRed#c4131e
- terminal.ansiWhite#a8afbe
- terminal.ansiYellow#a6aa43
- terminal.background#132623
- terminal.foreground#a8afbe
- terminal.selectionBackground#00695c
- terminalCursor.foreground#cccece
- textBlockQuote.background#264d43
- textBlockQuote.border#4aa275
- textCodeBlock.background#264d43
- textLink.activeForeground#cdd0c5
- textLink.foreground#cded91
- textPreformat.foreground#a6aa43
- titleBar.activeBackground#1d3738
- titleBar.activeForeground#cccece
- titleBar.border#12312d
- titleBar.inactiveBackground#20403f
- titleBar.inactiveForeground#8d9296
- widget.shadow#0a1a15
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html | #a8afbe | — |
| comment, punctuation.definition.comment | #54806d | italic |
| comment.block.documentation, comment.line.documentation | #4c836d | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.tag.javadoc, keyword.other.documentation | #599575 | bold |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum | #2ea9aa | — |
| storage.type | #2ea9aa | — |
| string, string.quoted, string.template | #a6aa43 | — |
| constant.character.escape, string.regexp | #aab77c | — |
| constant.numeric | #bb8f73 | — |
| constant.language | #71aa84 | bold italic |
| variable.other.constant, entity.name.constant | #71aa84 | — |
| entity.name.class, entity.name.type.class, entity.name.type, support.class | #c6c666 | bold |
| entity.name.type.interface | #c6c666 | bold |
| entity.name.type.enum | #c6c666 | bold |
| entity.name.function, meta.definition.method entity.name.function | #d07bd2 | — |
| meta.function-call support.function, support.function | #c48d9c | italic |
| meta.function-call entity.name.function, meta.method-call entity.name.function | #d07bd2 | — |
| variable.parameter | #8675a9 | — |
| variable.other.local, variable.other.readwrite.local | #af6e86 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #6baa85 | — |
| variable.other.static, variable.other.property.static | #a5aa7c | italic |
| variable.other.global, variable.language.this, variable.language.self, variable.language.super | #b19a6f | — |
| variable, variable.other | #518dc6 | — |
| entity.name.decorator, entity.name.function.decorator, meta.decorator, punctuation.decorator, storage.type.annotation, meta.attribute | #9ebb52 | — |
| keyword.operator | #ccb86c | — |
| punctuation.terminator, punctuation.separator | #a3ccb5 | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.round, meta.brace.square, punctuation.brackets | #a8afbe | — |
| support.type.property-name.json, meta.object-literal.key | #5686aa | — |
| entity.name.tag, meta.tag | #aa614f | — |
| entity.other.attribute-name | #2ea9aa | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #c6c666 | — |
| support.type.property-name.css, meta.property-name | #2ea9aa | — |
| meta.property-value, support.constant.property-value | #a6aa43 | — |
| markup.heading, entity.name.section.markdown | #c6c666 | bold |
| markup.bold | #cccece | bold |
| markup.italic | #cccece | italic |
| markup.inline.raw, markup.raw.inline | #a6aa43 | — |
| markup.underline.link, string.other.link.title.markdown | #cded91 | — |
| punctuation.definition.list.begin.markdown, markup.list.bullet | #4aa275 | — |
| string.regexp | #75aa7b | — |
| punctuation.definition.character-class.regexp, constant.character.character-class.regexp | #4f9c55 | — |
| punctuation.definition.group.regexp | #c2e89b | — |
| invalid, invalid.illegal | #ff4d4c | — |
| entity.other.inherited-class | #6ea58a | — |
| entity.name.namespace, entity.name.module | #a5aa7c | — |