Jungle Theme Dense

Color themes

• 

  Jungle Theme — Dark

• 

  Jungle Theme — Light

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#4CAF50
• activityBar.background#EEF5EC
• activityBar.foreground#285C35
• activityBar.inactiveForeground#7A8B80
• activityBarBadge.background#2E7D32
• activityBarBadge.foreground#FFFFFF
• badge.background#2E7D32
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#285C35
• breadcrumb.background#F7FAF5
• breadcrumb.focusForeground#2E7D32
• breadcrumb.foreground#718078
• button.background#2E7D32
• button.foreground#FFFFFF
• button.hoverBackground#388E3C
• checkbox.background#FFFFFF
• checkbox.border#A9B8AA
• checkbox.foreground#26332A
• debugToolBar.background#FFFFFF
• debugToolBar.border#CBD8CC
• descriptionForeground#5B6B60
• disabledForeground#9AA69D
• dropdown.background#FFFFFF
• dropdown.border#B9C8BA
• dropdown.foreground#26332A
• editor.background#F7FAF5
• editor.findMatchBackground#FFE39A
• editor.findMatchHighlightBackground#FFF1C7
• editor.foreground#26332A
• editor.hoverHighlightBackground#EAF3E7
• editor.inactiveSelectionBackground#E1F0DE
• editor.lineHighlightBackground#F0F6EE
• editor.selectionBackground#CDE8C7
• editor.selectionHighlightBackground#E5F2D9
• editor.wordHighlightBackground#E8F3D8
• editor.wordHighlightStrongBackground#D5EBC4
• editorBracketMatch.background#D9EED4
• editorBracketMatch.border#4F914F
• editorCursor.foreground#2E7D32
• editorError.foreground#C62828
• editorGroup.border#D9E3DA
• editorGroupHeader.tabsBackground#EDF3EB
• editorGroupHeader.tabsBorder#D9E3DA
• editorGutter.addedBackground#4CAF50
• editorGutter.deletedBackground#D95C4F
• editorGutter.modifiedBackground#D89B27
• editorHint.foreground#388E3C
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#C9D7CA
• editorIndentGuide.activeBackground1#B7CDB8
• editorIndentGuide.background1#E2E9E1
• editorInfo.foreground#1976A3
• editorLineNumber.activeForeground#2E7D32
• editorLineNumber.dimmedForeground#C1CCC3
• editorLineNumber.foreground#A0ADA4
• editorOverviewRuler.addedForeground#4CAF50
• editorOverviewRuler.border#DCE5DC
• editorOverviewRuler.deletedForeground#D95C4F
• editorOverviewRuler.modifiedForeground#D89B27
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#C9D7CA
• editorSuggestWidget.foreground#26332A
• editorSuggestWidget.selectedBackground#DCEFD8
• editorWarning.foreground#C47A00
• editorWhitespace.foreground#DCE5DC
• editorWidget.background#FFFFFF
• editorWidget.border#C9D7CA
• editorWidget.foreground#26332A
• focusBorder#2E7D32
• foreground#26332A
• gitDecoration.addedResourceForeground#388E3C
• gitDecoration.conflictingResourceForeground#D95C4F
• gitDecoration.deletedResourceForeground#C62828
• gitDecoration.ignoredResourceForeground#9AA69D
• gitDecoration.modifiedResourceForeground#C58A1D
• gitDecoration.untrackedResourceForeground#168C8C
• gitlens.trailingLineForeground#9BA99F
• input.background#FFFFFF
• input.border#B9C8BA
• input.foreground#26332A
• input.placeholderForeground#8A988F
• inputOption.activeBackground#DCEFD8
• inputOption.activeBorder#4CAF50
• inputOption.activeForeground#285C35
• list.activeSelectionBackground#D9ECD5
• list.activeSelectionForeground#1F4D2A
• list.focusBackground#DCEFD8
• list.highlightForeground#2E7D32
• list.hoverBackground#EAF2E8
• list.inactiveSelectionBackground#E5EFE3
• list.inactiveSelectionForeground#34443A
• minimap.background#F0F5EF
• minimap.errorHighlight#D95C4F
• minimap.findMatchHighlight#E9C66A
• minimap.selectionHighlight#BBDCB5
• minimap.warningHighlight#D89B27
• notificationCenterHeader.background#E7EFE5
• notificationCenterHeader.foreground#285C35
• notifications.background#FFFFFF
• notifications.border#CBD8CC
• notifications.foreground#26332A
• panel.background#F7FAF5
• panel.border#D9E3DA
• panelTitle.activeBorder#4CAF50
• panelTitle.activeForeground#2E7D32
• panelTitle.inactiveForeground#718078
• peekView.border#4CAF50
• peekViewEditor.background#F0F6EE
• peekViewResult.background#FFFFFF
• peekViewResult.selectionBackground#DCEFD8
• peekViewTitle.background#E7EFE5
• peekViewTitleDescription.foreground#718078
• peekViewTitleLabel.foreground#285C35
• progressBar.background#4CAF50
• scrollbarSlider.activeBackground#71967699
• scrollbarSlider.background#B9C9BA99
• scrollbarSlider.hoverBackground#8FAF9499
• sideBar.background#F0F5EF
• sideBar.border#D9E3DA
• sideBar.foreground#34443A
• sideBarSectionHeader.background#E7EFE5
• sideBarSectionHeader.foreground#31573A
• sideBarTitle.foreground#285C35
• statusBar.background#2F6B3A
• statusBar.foreground#FFFFFF
• statusBarItem.activeBackground#24552D
• statusBarItem.hoverBackground#3D8248
• statusBarItem.prominentBackground#D98C27
• statusBarItem.prominentForeground#FFFFFF
• tab.activeBackground#F7FAF5
• tab.activeBorderTop#4CAF50
• tab.activeForeground#1F4D2A
• tab.border#D9E3DA
• tab.hoverBackground#E4EFE2
• tab.inactiveBackground#EDF3EB
• tab.inactiveForeground#718078
• terminal.ansiBlack#26332A
• terminal.ansiBlue#1976A3
• terminal.ansiBrightBlack#607066
• terminal.ansiBrightBlue#2386B5
• terminal.ansiBrightCyan#1FA3A3
• terminal.ansiBrightGreen#43A047
• terminal.ansiBrightMagenta#A66BC0
• terminal.ansiBrightRed#D84335
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#D99A2B
• terminal.ansiCyan#168C8C
• terminal.ansiGreen#2E7D32
• terminal.ansiMagenta#8E5AA6
• terminal.ansiRed#C62828
• terminal.ansiWhite#F7FAF5
• terminal.ansiYellow#B7791F
• terminal.background#F7FAF5
• terminal.foreground#26332A
• terminalCursor.foreground#2E7D32
• titleBar.activeBackground#EAF2E7
• titleBar.activeForeground#26332A
• titleBar.border#D9E3DA
• titleBar.inactiveBackground#F2F6F1
• titleBar.inactiveForeground#758178
• tree.indentGuidesStroke#CBD8CC
• welcomePage.background#F7FAF5
• welcomePage.progress.background#DCE8DA
• welcomePage.progress.foreground#4CAF50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).