The Jungle Green
Publisher: The Jungle GreenThemes in package: 1
It is a dark-greenish theme, gives the feeling of a Jungle environment
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#081c15b2
- activityBar.border#40916c44
- activityBar.foreground#99ffd0
- activityBarBadge.background#40916c
- activityBarBadge.foreground#ffffff
- badge.background#40916c
- badge.foreground#ffffff
- button.background#2d6a4f
- button.foreground#ffffff
- button.hoverBackground#40916c
- contrastActiveBorder#124222
- contrastBorder#124228
- debugExceptionWidget.background#081c15
- debugToolBar.background#02460b
- diffEditor.insertedTextBackground#99b76d23
- diffEditor.insertedTextBorder#addb6733
- diffEditor.removedTextBackground#ef535033
- diffEditor.removedTextBorder#ef53504d
- editor.background#081c15
- editor.findMatchHighlightBackground#10623c
- editor.foreground#a7f7d6
- editor.hoverHighlightBackground#0c9445
- editor.inactiveSelectionBackground#57c27b5a
- editor.lineHighlightBackground#0c945b77
- editor.rangeHighlightBackground#106232
- editor.selectionBackground#10624d
- editor.selectionHighlightBackground#106247
- editor.wordHighlightBackground#106235
- editor.wordHighlightStrongBackground#106247
- editorBracketMatch.background#40916c4d
- editorCursor.foreground#40916c
- editorError.foreground#fd4845
- editorGroup.border#40916c44
- editorGroupHeader.tabsBackground#081c15
- editorGutter.background#081c15
- editorHoverWidget.background#081c15
- editorHoverWidget.border#5f9781
- editorIndentGuide.activeBackground#C792EA
- editorIndentGuide.background#0e4535
- editorLineNumber.foreground#40916c
- editorOverviewRuler.commonContentForeground#7e57c2
- editorOverviewRuler.currentContentForeground#7e57c2
- editorOverviewRuler.incomingContentForeground#7e57c2
- editorSuggestWidget.background#2c4338
- editorSuggestWidget.border#2b403a
- editorSuggestWidget.foreground#d6ebe1
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#5f9774
- editorWarning.foreground#ffca28
- editorWhitespace.foreground#3B3A32
- editorWidget.background#0b4228
- editorWidget.border#263933
- editorWidget.resizeBorder#263933
- errorForeground#f53e3b
- foreground#d6deeb
- gitDecoration.modifiedResourceForeground#409158
- gitDecoration.untrackedResourceForeground#5abe98
- input.background#0b3a2a
- input.border#5f9784
- input.foreground#ffffffea
- input.placeholderForeground#95be9c
- inputOption.activeBorder#ffffff
- inputValidation.errorBackground#ee4441
- inputValidation.errorBorder#ff4845
- inputValidation.infoBackground#40916c
- inputValidation.infoBorder#40916c
- inputValidation.warningBackground#fff2b1
- inputValidation.warningBorder#f8e897
- inputValidation.warningForeground#9b8922
- list.activeSelectionBackground#40916c
- list.dropBackground#081c15
- list.focusBackground#2d6a4f
- list.focusForeground#ffffff
- list.highlightForeground#ffffff
- list.hoverBackground#2d8b6a
- list.hoverForeground#001b0f
- list.inactiveSelectionBackground#0e3f2f
- list.inactiveSelectionForeground#5f977b
- list.invalidItemForeground#975f94
- notificationLink.foreground#80cba8
- notifications.background#081c15
- notifications.foreground#ffffffcc
- notificationToast.border#40916c44
- panel.background#081c15
- panel.border#40916c
- panelTitle.activeBorder#5f9781
- panelTitle.activeForeground#40916c
- panelTitle.inactiveForeground#5f9784
- peekView.border#f7ecb5
- peekViewEditor.background#081c15
- peekViewEditor.matchHighlightBackground#57c28c5a
- peekViewResult.background#081c15
- peekViewResult.matchHighlightBackground#57c28c5a
- peekViewResult.selectionBackground#2e5034
- peekViewResult.selectionForeground#cecece
- peekViewTitle.background#081c15
- peekViewTitleDescription.foreground#699871
- peekViewTitleLabel.foreground#cecece
- pickerGroup.border#40916c44
- quickInputList.focusBackground#40916c
- scrollbar.shadow#01140b
- scrollbarSlider.activeBackground#08812280
- scrollbarSlider.background#08812280
- scrollbarSlider.hoverBackground#08812280
- selection.background#43c283
- settings.checkboxForeground#98edb8
- settings.dropdownBackground#031b0d
- settings.dropdownBorder#0b4230
- settings.dropdownForeground#98edb8
- settings.dropdownListBorder#0b4230
- settings.textInputForeground#a7ffc8
- sideBar.background#081c15
- sideBar.border#40916c44
- sideBar.foreground#77bb93
- sideBarSectionHeader.background#081c15
- sideBarSectionHeader.foreground#77bb93
- sideBarTitle.foreground#77bb93
- statusBar.background#40916c
- statusBar.debuggingBackground#b15a91
- statusBar.noFolderBackground#081c15
- statusBarItem.activeBackground#2d6a4f
- statusBarItem.hoverBackground#2d6a4f
- statusBarItem.prominentBackground#2d6a4f
- statusBarItem.prominentHoverBackground#2d6a4f
- tab.activeBackground#0b4230
- tab.activeBorderTop#0a553e
- tab.activeForeground#d2e7da
- tab.inactiveBackground#011a0d
- tab.inactiveForeground#5f9772
- terminal.ansiBlack#031A16
- terminal.ansiBlue#96883E
- terminal.ansiBrightBlack#2B685E
- terminal.ansiBrightBlue#96883E
- terminal.ansiBrightCyan#963E4C
- terminal.ansiBrightGreen#883E96
- terminal.ansiBrightMagenta#4C963E
- terminal.ansiBrightRed#3E9688
- terminal.ansiBrightWhite#D2E7E4
- terminal.ansiBrightYellow#092ee7
- terminal.ansiCyan#ff00aa
- terminal.ansiGreen#ea8afd
- terminal.ansiMagenta#98ff83
- terminal.ansiRed#7affe9
- terminal.ansiWhite#81B5AC
- terminal.ansiYellow#a1b0f8
- terminal.background#031A16
- terminal.foreground#81B5AC
- terminalCursor.background#81B5AC
- terminalCursor.foreground#90dacd
- textLink.activeForeground#98edb8
- textLink.foreground#40916c
- titleBar.activeBackground#113326
- titleBar.activeForeground#eeefff
- titleBar.border#303030
- titleBar.inactiveBackground#001109
- walkThrough.embeddedEditorBackground#001109
- welcomePage.buttonBackground#081c15
- welcomePage.buttonHoverBackground#081c15
- widget.shadow#52b98b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #bcffd8 | — | |
| meta.paragraph.markdown, string.other.link.description.title.markdown, text.html.derivative, meta.jsx.children.js | #EEFFFF | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown | #5abe84 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown | #82AAFF | — |
| markup.quote.markdown | #82AAFF | italic |
| markup.bold.markdown, punctuation.definition.bold.markdown | #57cdff | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, entity.other.attribute-name.html | #ffdd34 | italic |
| punctuation.definition.metadata.markdown | #f3b8c2 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown, string.quoted.double.html | #6dbdfa | — |
| comment | #999999 | italic |
| punctuation.definition.string, entity.name.tag.html | #6bff81 | — |
| string | #bcf0c0 | — |
| string.quoted, variable.other.readwrite.js | #bcf0c0 | |
| constant.numeric | #8dec95 | — |
| constant.language.boolean | #8dec95 | — |
| constant | #A170C6 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #92b6f4 | — |
| constant.character, constant.other | #82AAFF | — |
| variable | #a4ceee | italic |
| variable.other.object.js | #d6deeb | italic |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #d6deeb | — |
| meta.class entity.name.type.class.tsx | #d29ffcff | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #d29ffcff | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #a1bde6 | — |
| variable.other.object.property, entity.other.attribute-name.js | #ffe76d | italic |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #7fdbca | — |
| support.type.property-name.css, meta.property-name.css, meta.property-list.css, source.css | #93b0ff | — |
| variable.other.object.js, meta.function-call.js, source.js, entity.name.tag.js | #76ff6a | — |
| storage.type.js, meta.var.expr.js, meta.block.js, source.js, meta.arrow.js | #62bda1 | — |
| entity.name.function.js, meta.function-call.js, meta.block.js, meta.arrow.js, source.js, support.type.property-name.media.css | #279c0a | — |
| variable.other.readwrite.js, variable.parameter, string.quoted.double.js | #d7dbe0 | — |
| string.template meta.template.expression | #c63ed3 | — |
| string.template punctuation.definition.string | #fff | — |
| storage | #6dbdfa | |
| keyword, storage.type, storage.modifier, variable.language.this | #08f900 | italic |
| keyword.operator | #00bff9 | italic |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts | #c792ea | italic |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #d3eed6 | — |
| entity.name.class | #f7ecb5 | — |
| entity.other.inherited-class | #4FB4D8 | |
| variable.other.readwrites, meta.definition.variable | #f7ecb5 | |
| support.variable.property | #7fdbca | — |
| entity.name.function | #87aff4 | italic |
| variable.parameter | #d7dbe0 | |
| entity.name.tag | #6dbdfa | |
| entity.name.type | #d29ffc | — |
| entity.other.attribute-name | #f7ecb5 | italic |
| punctuation.decorator | #f7ecb5 | italic |
| punctuation.definition.block, punctuation.definition.tag | #ffffff | — |
| support.function | #f7ecb5 | |
| support.constant | #ec9cd2 | |
| support.type, support.class | #7fdbca | — |
| support.other.variable | #CBCDD2 | — |
| invalid | #6dbdfa | italic bold underline |
| invalid.deprecated | #6dbdfa | bold italic underline |
| support.type.property-name.json | #91dacd | — |
| support.constant.json, entity.name.tag.css | #bdff59 | — |
| meta.structure.dictionary.value.json string.quoted.double | #e0aff5 | — |
| string.quoted.double.json punctuation.definition.string.json | #80CBC4 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #f29fd8 | — |
| source.json support | #6dbdfa | — |
| source.json string, source.json punctuation.definition.string, entity.other.attribute-name.id.css | #ffe97d | — |
| markup.list | #6dbdfa | — |
| markup.heading punctuation.definition.heading, entity.name.section | #4FB4D8 | |
| text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown | #78bd65 | — |
| meta.paragraph.markdown | #ffffff | — |
| markup.quote | #78bd65 | italic |
| meta.link | #78BD65 | — |
| source.dockerfile | #99d0f7 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...