Fun Forrest

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#BE8A13
• activityBar.background#1a0d00
• activityBar.border#3a2200
• activityBar.foreground#DEC165
• activityBar.inactiveForeground#7F6A55
• activityBarBadge.background#D6262B
• activityBarBadge.foreground#DEC165
• badge.background#D6262B
• badge.foreground#DEC165
• breadcrumb.activeSelectionForeground#BE8A13
• breadcrumb.background#251200
• breadcrumb.focusForeground#DEC165
• breadcrumb.foreground#7F6A55
• breadcrumbPicker.background#1e0f00
• button.background#BE8A13
• button.foreground#251200
• button.hoverBackground#FFCB1B
• button.secondaryBackground#3a2200
• button.secondaryForeground#DEC165
• button.secondaryHoverBackground#4a3200
• debugToolBar.background#1a0d00
• debugToolBar.border#3a2200
• descriptionForeground#7F6A55
• dropdown.background#1a0d00
• dropdown.border#3a2200
• dropdown.foreground#DEC165
• dropdown.listBackground#1a0d00
• editor.background#251200
• editor.findMatchBackground#FFCB1B55
• editor.findMatchHighlightBackground#FFCB1B30
• editor.foreground#DEC165
• editor.inactiveSelectionBackground#BE8A1325
• editor.lineHighlightBackground#1e0f00
• editor.selectionBackground#BE8A1355
• editor.selectionHighlightBackground#BE8A1330
• editor.wordHighlightBackground#4699A330
• editor.wordHighlightStrongBackground#4699A355
• editorBracketMatch.background#4699A330
• editorBracketMatch.border#4699A3
• editorCursor.foreground#DEC165
• editorError.foreground#D6262B
• editorGroupHeader.border#3a2200
• editorGroupHeader.noTabsBackground#1a0d00
• editorGroupHeader.tabsBackground#1a0d00
• editorGutter.addedBackground#BFC65A
• editorGutter.background#251200
• editorGutter.deletedBackground#D6262B
• editorGutter.modifiedBackground#BE8A13
• editorIndentGuide.activeBackground#7F6A55
• editorIndentGuide.background#3a2200
• editorInfo.foreground#4699A3
• editorLineNumber.activeForeground#BE8A13
• editorLineNumber.foreground#7F6A55
• editorOverviewRuler.addedForeground#BFC65A
• editorOverviewRuler.border#1a0d00
• editorOverviewRuler.deletedForeground#D6262B
• editorOverviewRuler.errorForeground#D6262B
• editorOverviewRuler.findMatchForeground#FFCB1B
• editorOverviewRuler.modifiedForeground#BE8A13
• editorOverviewRuler.warningForeground#FFCB1B
• editorRuler.foreground#3a2200
• editorWarning.foreground#FFCB1B
• editorWhitespace.foreground#3a2200
• errorForeground#D6262B
• extensionButton.prominentBackground#BE8A13
• extensionButton.prominentForeground#251200
• extensionButton.prominentHoverBackground#FFCB1B
• focusBorder#BE8A13
• foreground#DEC165
• gitDecoration.addedResourceForeground#BFC65A
• gitDecoration.conflictingResourceForeground#E55A1C
• gitDecoration.deletedResourceForeground#D6262B
• gitDecoration.ignoredResourceForeground#7F6A55
• gitDecoration.modifiedResourceForeground#BE8A13
• gitDecoration.untrackedResourceForeground#7CC9CF
• input.background#1a0d00
• input.border#3a2200
• input.foreground#DEC165
• input.placeholderForeground#7F6A55
• inputOption.activeBackground#BE8A1330
• inputOption.activeBorder#BE8A13
• inputValidation.errorBackground#1a0d00
• inputValidation.errorBorder#D6262B
• inputValidation.infoBackground#1a0d00
• inputValidation.infoBorder#4699A3
• inputValidation.warningBackground#1a0d00
• inputValidation.warningBorder#FFCB1B
• list.activeSelectionBackground#3a2200
• list.activeSelectionForeground#DEC165
• list.errorForeground#D6262B
• list.focusBackground#3a2200
• list.focusForeground#DEC165
• list.highlightForeground#BE8A13
• list.hoverBackground#2e1900
• list.hoverForeground#DEC165
• list.inactiveSelectionBackground#2e1900
• list.inactiveSelectionForeground#DEC165
• list.warningForeground#FFCB1B
• menu.background#1a0d00
• menu.border#3a2200
• menu.foreground#DEC165
• menu.selectionBackground#3a2200
• menu.selectionForeground#DEC165
• menu.separatorBackground#3a2200
• menubar.selectionBackground#3a2200
• menubar.selectionForeground#DEC165
• notificationLink.foreground#4699A3
• notifications.background#1e0f00
• notifications.border#3a2200
• notifications.foreground#DEC165
• notificationsErrorIcon.foreground#D6262B
• notificationsInfoIcon.foreground#4699A3
• notificationsWarningIcon.foreground#FFCB1B
• panel.background#1e0f00
• panel.border#3a2200
• panelTitle.activeBorder#BE8A13
• panelTitle.activeForeground#DEC165
• panelTitle.inactiveForeground#7F6A55
• picker.background#1a0d00
• progressBar.background#BE8A13
• quickInput.background#1a0d00
• quickInput.foreground#DEC165
• quickInputList.focusBackground#3a2200
• quickInputTitle.background#1a0d00
• scrollbar.shadow#00000066
• scrollbarSlider.activeBackground#BE8A1370
• scrollbarSlider.background#7F6A5540
• scrollbarSlider.hoverBackground#7F6A5570
• selection.background#BE8A1340
• settings.checkboxBackground#1a0d00
• settings.checkboxForeground#DEC165
• settings.dropdownBackground#1a0d00
• settings.dropdownForeground#DEC165
• settings.headerForeground#BE8A13
• settings.modifiedItemIndicator#BE8A13
• settings.numberInputBackground#1a0d00
• settings.numberInputForeground#DEC165
• settings.textInputBackground#1a0d00
• settings.textInputForeground#DEC165
• sideBar.background#1e0f00
• sideBar.border#3a2200
• sideBar.foreground#DEC165
• sideBarSectionHeader.background#1a0d00
• sideBarSectionHeader.border#3a2200
• sideBarSectionHeader.foreground#DEC165
• sideBarTitle.foreground#BE8A13
• statusBar.background#BE8A13
• statusBar.border#3a2200
• statusBar.debuggingBackground#D6262B
• statusBar.debuggingForeground#DEC165
• statusBar.foreground#251200
• statusBar.noFolderBackground#1a0d00
• statusBar.noFolderForeground#DEC165
• statusBarItem.activeBackground#FFCB1B60
• statusBarItem.errorBackground#D6262B
• statusBarItem.errorForeground#DEC165
• statusBarItem.hoverBackground#FFCB1B40
• statusBarItem.remoteBackground#4699A3
• statusBarItem.remoteForeground#251200
• statusBarItem.warningBackground#FFCB1B
• statusBarItem.warningForeground#251200
• tab.activeBackground#251200
• tab.activeBorder#BE8A13
• tab.activeForeground#DEC165
• tab.border#3a2200
• tab.hoverBackground#2e1900
• tab.hoverForeground#DEC165
• tab.inactiveBackground#1a0d00
• tab.inactiveForeground#7F6A55
• tab.unfocusedActiveForeground#BE8A13
• tab.unfocusedInactiveForeground#7F6A55
• terminal.ansiBlack#000000
• terminal.ansiBlue#4699A3
• terminal.ansiBrightBlack#7F6A55
• terminal.ansiBrightBlue#7CC9CF
• terminal.ansiBrightCyan#E6A96B
• terminal.ansiBrightGreen#BFC65A
• terminal.ansiBrightMagenta#D26349
• terminal.ansiBrightRed#E55A1C
• terminal.ansiBrightWhite#FFEAA3
• terminal.ansiBrightYellow#FFCB1B
• terminal.ansiCyan#DA8213
• terminal.ansiGreen#919C00
• terminal.ansiMagenta#8D4331
• terminal.ansiRed#D6262B
• terminal.ansiWhite#DDC265
• terminal.ansiYellow#BE8A13
• terminal.background#251200
• terminal.border#3a2200
• terminal.foreground#DEC165
• terminalCursor.foreground#DEC165
• titleBar.activeBackground#1a0d00
• titleBar.activeForeground#DEC165
• titleBar.border#3a2200
• titleBar.inactiveBackground#1a0d00
• titleBar.inactiveForeground#7F6A55
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).