Sprinkle Pack

Color themes

• 

  Elf Dream

• 

  Glowing Sunset

• 

  Ice

• 

  Lofi

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#D4E6F0
• activityBar.foreground#1C2C3A
• activityBar.inactiveForeground#7F97AB
• activityBarBadge.background#5A90CC
• activityBarBadge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#1C2C3A
• breadcrumb.focusForeground#1C2C3A
• breadcrumb.foreground#7F97AB
• button.background#5A90CC
• button.border#5A90CC
• button.foreground#FFFFFF
• dropdown.background#D6E7F0
• dropdown.border#B0C4D2
• dropdown.foreground#1C2C3A
• editor.background#E6F0F6
• editor.findMatchBackground#5A90CC66
• editor.findMatchHighlightBackground#5A90CC55
• editor.findRangeHighlightBackground#B4CDE355
• editor.foreground#1C2C3A
• editor.lineHighlightBackground#D3E2ED
• editor.lineHighlightBorder#C6D9EC
• editor.rangeHighlightBackground#B4CDE344
• editor.selectionBackground#B4CDE3
• editor.selectionForeground#1C2C3A
• editor.selectionHighlightBackground#B4CDE366
• editorBracketHighlight.foreground1#368A9E
• editorBracketHighlight.foreground2#D8A657
• editorBracketHighlight.foreground3#8FB6D9
• editorBracketHighlight.foreground4#7CAACB
• editorBracketHighlight.foreground5#A9CCE3
• editorBracketHighlight.foreground6#D0E2F2
• editorBracketMatch.background#B4CDE3
• editorBracketMatch.border#5A90CC
• editorCursor.foreground#3D70D6
• editorError.foreground#D95555
• editorGroup.border#B0C4D2
• editorGroup.dropBackground#B4CDE355
• editorGroup.dropIntoPromptBackground#E6F0F6
• editorGroup.dropIntoPromptForeground#1C2C3A
• editorGroupHeader.tabsBackground#E6F0F6
• editorGroupHeader.tabsBorder#D6E7F0
• editorGutter.background#E6F0F6
• editorHoverWidget.background#DDEAF2
• editorHoverWidget.border#B0C4D2
• editorHoverWidget.foreground#1C2C3A
• editorIndentGuide.background#BFD5E0
• editorInfo.foreground#368A9E
• editorMarkerNavigation.background#C6D9EC
• editorMarkerNavigationError.background#D95555
• editorMarkerNavigationInfo.background#368A9E
• editorMarkerNavigationWarning.background#D8A657
• editorOverviewRuler.border#B0C4D2
• editorOverviewRuler.errorForeground#D95555AA
• editorOverviewRuler.findMatchForeground#5A90CCAA
• editorOverviewRuler.infoForeground#368A9EAA
• editorOverviewRuler.warningForeground#D8A657AA
• editorStickyScroll.background#E6F0F6
• editorStickyScrollHover.background#D3E2ED
• editorSuggestWidget.background#DDEAF2
• editorSuggestWidget.border#B0C4D2
• editorSuggestWidget.foreground#1C2C3A
• editorSuggestWidget.highlightForeground#5A90CC
• editorSuggestWidget.selectedBackground#C6D9EC
• editorSymbolHighlightBackground#B4CDE355
• editorWarning.foreground#D8A657
• editorWhitespace.foreground#B0C4D2
• editorWidget.background#DDEAF2
• editorWidget.border#B0C4D2
• editorWidget.foreground#1C2C3A
• focusBorder#5A90CC
• input.background#D6E7F0
• input.border#B0C4D2
• input.foreground#1C2C3A
• input.placeholderForeground#7F97AB
• inputOption.activeBackground#B4CDE3
• inputOption.activeBorder#5A90CC
• inputOption.activeForeground#1C2C3A
• list.activeSelectionBackground#B4CDE3
• list.activeSelectionForeground#1C2C3A
• list.hoverBackground#C6D9EC
• list.hoverForeground#1C2C3A
• list.inactiveSelectionBackground#D3E2ED
• list.inactiveSelectionForeground#1C2C3A
• minimap.background#E6F0F6
• minimap.errorHighlight#D9555544
• minimap.findMatchHighlight#5A90CC33
• minimap.selectionHighlight#B4CDE322
• minimap.warningHighlight#D8A65744
• panel.background#E6F0F6
• panel.border#B0C4D2
• panelInput.border#B0C4D2
• panelTitle.activeBorder#5A90CC
• panelTitle.activeForeground#5A90CC
• panelTitle.inactiveBorder#B0C4D2
• panelTitle.inactiveForeground#7F97AB
• peekViewEditor.background#E6F0F6
• peekViewEditor.matchHighlightBackground#5A90CC44
• peekViewResult.background#DDEAF2
• peekViewResult.matchHighlightBackground#5A90CC44
• peekViewResult.selectionBackground#C6D9EC
• peekViewResult.selectionForeground#1C2C3A
• peekViewTitle.background#DDEAF2
• scrollbarSlider.activeBackground#5A90CC
• scrollbarSlider.background#B4CDE3AA
• scrollbarSlider.hoverBackground#5A90CCCC
• settings.dropdownBorder#B0C4D2
• settings.textInputBorder#B0C4D2
• sideBar.background#DDEAF2
• sideBar.border#B0C4D2
• sideBar.foreground#1C2C3A
• sideBarSectionHeader.foreground#368A9E
• sideBarTitle.foreground#368A9E
• statusBar.background#BCD8E6
• tab.activeBackground#E6F0F6
• tab.activeBorderTop#5A90CC
• tab.activeForeground#1C2C3A
• tab.border#E6F0F6
• tab.inactiveBackground#D4E6F0
• tab.inactiveForeground#8398AA
• tab.unfocusedActiveBorderTop#B0C4D2
• tab.unfocusedActiveForeground#7F97AB
• tab.unfocusedInactiveForeground#A0B8C2
• terminal.ansiBlack#1C2C3A
• terminal.ansiBlue#5A90CC
• terminal.ansiBrightBlack#8398AA
• terminal.ansiBrightBlue#7CB2F0
• terminal.ansiBrightCyan#66BCCF
• terminal.ansiBrightGreen#72C48A
• terminal.ansiBrightMagenta#D9A6E7
• terminal.ansiBrightRed#F17F7F
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#F7C86A
• terminal.ansiCyan#368A9E
• terminal.ansiGreen#57A773
• terminal.ansiMagenta#C18BD4
• terminal.ansiRed#D95555
• terminal.ansiWhite#E6F0F6
• terminal.ansiYellow#D8A657
• terminal.background#E6F0F6
• terminal.foreground#1C2C3A
• terminalCursor.foreground#5A90CC
• titleBar.activeBackground#D4E6F0
• titleBar.activeForeground#1C2C3A
• titleBar.inactiveBackground#D4E6F0
• titleBar.inactiveForeground#7F97AB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).