Savannah Code

Color themes

• 

  Safari Midnight

• 

  Savannah Dawn

• 

  Savannah Sunset

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#080604
• activityBar.border#0D0B08
• activityBar.foreground#FFB84D
• activityBar.inactiveForeground#4A3A25
• activityBarBadge.background#FF5500
• activityBarBadge.foreground#FFFFFF
• badge.background#FF5500
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#FF8040
• breadcrumb.focusForeground#FFB84D
• breadcrumb.foreground#4A3A25
• breadcrumbPicker.background#1A1610
• button.background#FF5500
• button.foreground#FFFFFF
• button.hoverBackground#FF7020
• button.secondaryBackground#3D3020
• button.secondaryForeground#E8E0D0
• diffEditor.insertedLineBackground#7AB88010
• diffEditor.insertedTextBackground#7AB88020
• diffEditor.removedLineBackground#FF450010
• diffEditor.removedTextBackground#FF450020
• dropdown.background#1A1610
• dropdown.border#3D3020
• dropdown.foreground#E8E0D0
• editor.background#0F0D0A
• editor.foreground#E8E0D0
• editor.inactiveSelectionBackground#E0A45818
• editor.selectionBackground#E0A45835
• editor.selectionHighlightBackground#E0A45820
• editor.wordHighlightBackground#5A7A4030
• editor.wordHighlightStrongBackground#5A7A4050
• editorBracketMatch.background#FFB84D25
• editorBracketMatch.border#FFB84D
• editorCursor.foreground#FFB84D
• editorError.foreground#FF4500
• editorGroupHeader.tabsBackground#0D0B08
• editorGutter.addedBackground#5A9060
• editorGutter.deletedBackground#FF4500
• editorGutter.modifiedBackground#FFB84D
• editorHint.foreground#5A9060
• editorHoverWidget.background#1A1610
• editorHoverWidget.border#3D3020
• editorHoverWidget.foreground#E8E0D0
• editorIndentGuide.activeBackground1#3D3020
• editorIndentGuide.background1#1E1A12
• editorInfo.foreground#3070A0
• editorLineNumber.activeForeground#FFB84D
• editorLineNumber.foreground#3D3020
• editorSuggestWidget.background#1A1610
• editorSuggestWidget.border#3D3020
• editorSuggestWidget.foreground#E8E0D0
• editorSuggestWidget.highlightForeground#FFB84D
• editorSuggestWidget.selectedBackground#2A2010
• editorWarning.foreground#FFB84D
• editorWhitespace.foreground#1E1A12
• focusBorder#FFB84D80
• foreground#E8E0D0
• gitDecoration.addedResourceForeground#7AB880
• gitDecoration.conflictingResourceForeground#E898B0
• gitDecoration.deletedResourceForeground#FF4500
• gitDecoration.ignoredResourceForeground#4A3A25
• gitDecoration.modifiedResourceForeground#FFB84D
• gitDecoration.untrackedResourceForeground#5A9060
• icon.foreground#FFB84D
• input.background#1A1610
• input.border#3D3020
• input.foreground#E8E0D0
• input.placeholderForeground#4A3A25
• inputOption.activeBackground#FFB84D20
• inputOption.activeBorder#FFB84D
• list.activeSelectionBackground#2A2010
• list.activeSelectionForeground#FFB84D
• list.highlightForeground#FFB84D
• list.hoverBackground#1A1610
• list.hoverForeground#E8E0D0
• list.inactiveSelectionBackground#1A1610
• list.inactiveSelectionForeground#D0C8B8
• minimap.background#0D0B08
• minimapSlider.background#3D302025
• panel.background#0D0B08
• panel.border#1E1A12
• panelTitle.activeBorder#FFB84D
• panelTitle.activeForeground#FFB84D
• panelTitle.inactiveForeground#4A3A25
• peekView.border#FFB84D
• peekViewEditor.background#0F0D0A
• peekViewResult.background#1A1610
• peekViewResult.fileForeground#FFB84D
• peekViewTitle.background#1A1610
• peekViewTitleLabel.foreground#FFB84D
• progressBar.background#FFB84D
• scrollbar.shadow#00000060
• scrollbarSlider.activeBackground#FFB84D30
• scrollbarSlider.background#3D302030
• scrollbarSlider.hoverBackground#3D302060
• sideBar.background#0D0B08
• sideBar.border#0F0D0A
• sideBar.foreground#D0C8B8
• sideBarSectionHeader.background#0F0D0A
• sideBarSectionHeader.border#1E1A12
• sideBarSectionHeader.foreground#FFB84D
• sideBarTitle.foreground#FFB84D
• statusBar.background#280F00
• statusBar.border#0F0D0A
• statusBar.foreground#FFD088
• statusBarItem.hoverBackground#3D2010
• statusBarItem.remoteBackground#FFB84D
• statusBarItem.remoteForeground#0F0D0A
• tab.activeBackground#1A1610
• tab.activeBorder#FFB84D
• tab.activeForeground#FFB84D
• tab.border#0F0D0A
• tab.inactiveBackground#0D0B08
• tab.inactiveForeground#4A3A25
• terminal.ansiBlack#0F0D0A
• terminal.ansiBlue#3070A0
• terminal.ansiBrightBlack#3D3020
• terminal.ansiBrightBlue#50A0D0
• terminal.ansiBrightCyan#70B8B0
• terminal.ansiBrightGreen#7AB880
• terminal.ansiBrightMagenta#E898B0
• terminal.ansiBrightRed#FF6020
• terminal.ansiBrightWhite#F0E8D8
• terminal.ansiBrightYellow#FFD080
• terminal.ansiCyan#508880
• terminal.ansiGreen#5A9060
• terminal.ansiMagenta#C87090
• terminal.ansiRed#FF4500
• terminal.ansiWhite#C8C0B0
• terminal.ansiYellow#FFB84D
• terminal.background#0D0B08
• terminal.foreground#E8E0D0
• terminal.selectionBackground#FFB84D25
• textLink.activeForeground#FFB84D
• textLink.foreground#FF8040
• titleBar.activeBackground#0D0B08
• titleBar.activeForeground#FFB84D
• titleBar.border#1E1A12
• titleBar.inactiveBackground#0F0D0A
• titleBar.inactiveForeground#4A3A25

tokenColors

TextMate scopes and font styles (syntax highlighting rules).