ThemeDatabase All Themes

Color themes

• 

  Forest Nocturne

• 

  Forest Rose Pink

• 

  Forest Violet

• 

  Forest Witch

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#A98CF9
• activityBar.background#141A19
• activityBar.border#1C2421
• activityBar.foreground#46C38A
• activityBar.inactiveForeground#98A9A3
• activityBarBadge.background#46C38A
• activityBarBadge.foreground#0C1110
• breadcrumb.activeSelectionForeground#46C38A
• breadcrumb.background#141A19
• breadcrumb.focusForeground#E6ECE8
• breadcrumb.foreground#93A59F
• button.background#46C38A
• button.foreground#0C1110
• button.hoverBackground#5AD6A0
• diffEditor.insertedTextBackground#0F3A2CAA
• diffEditor.removedTextBackground#3A1C1DAA
• dropdown.background#131A17
• dropdown.foreground#E6ECE8
• editor.background#0C1110
• editor.foreground#E6ECE8
• editor.lineHighlightBackground#16201E
• editor.selectionBackground#17312A
• editor.selectionHighlightBackground#152925
• editorBracketMatch.border#2A3A34
• editorCursor.foreground#A98CF9
• editorGroup.border#1C2421
• editorIndentGuide.activeBackground1#1A221F
• editorIndentGuide.activeBackground2#26322D
• editorInlayHint.background#141A19
• editorInlayHint.foreground#A0B3AC
• gitDecoration.addedResourceForeground#46C38A
• gitDecoration.deletedResourceForeground#EA6B6B
• gitDecoration.modifiedResourceForeground#6DB8FF
• gitDecoration.renamedResourceForeground#A98CF9
• gitDecoration.untrackedResourceForeground#46C38A
• input.background#131A17
• input.foreground#E6ECE8
• input.placeholderForeground#9BB2AA
• list.activeSelectionBackground#1E3A30
• list.activeSelectionForeground#FFFFFF
• list.filterMatchBackground#46C38A33
• list.focusBackground#214236
• list.highlightForeground#A98CF9
• list.hoverBackground#162A24
• list.inactiveSelectionBackground#192F28
• list.inactiveSelectionForeground#E6ECE8
• menubar.selectionBackground#1A2A23
• notificationCenterHeader.background#141A19
• notifications.background#151D1B
• notifications.border#1C2421
• panel.background#141A19
• panel.border#1C2421
• scrollbarSlider.activeBackground#46C38A66
• scrollbarSlider.background#20332B33
• scrollbarSlider.hoverBackground#284239
• sideBar.background#141A19
• sideBar.border#1C2421
• sideBar.foreground#DDE7E0
• sideBarSectionHeader.background#141A19
• sideBarSectionHeader.foreground#46C38A
• sideBarTitle.foreground#E6ECE8
• statusBar.background#141A19
• statusBar.debuggingBackground#A98CF9
• statusBar.debuggingForeground#0C1110
• statusBar.foreground#DDE7E0
• statusBar.noFolderBackground#141A19
• tab.activeBackground#16201E
• tab.activeForeground#FFFFFF
• tab.border#141A19
• tab.hoverBackground#15201D
• tab.inactiveBackground#141A19
• tab.inactiveForeground#A7B5B0
• terminal.ansiBlack#1B2421
• terminal.ansiBlue#6DB8FF
• terminal.ansiCyan#6AD3CF
• terminal.ansiGreen#46C38A
• terminal.ansiMagenta#A98CF9
• terminal.ansiRed#EA6B6B
• terminal.ansiWhite#E4ECE8
• terminal.ansiYellow#EAC76B
• terminal.background#0C1110
• terminal.foreground#E6ECE8
• textLink.activeForeground#A9D4FF
• textLink.foreground#6DB8FF
• titleBar.activeBackground#141A19
• titleBar.activeForeground#DDE7E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).