fizz buzz

Color themes

• 

  beer 🍺

• 

  cocktail 🍸

• 

  lemon soda 🍋

• 

  lime soda 🍋‍🟩

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#E8F4F8
• activityBar.foreground#4A6B8A
• activityBarBadge.background#8FA8B8
• activityBarBadge.foreground#FFFFFF
• button.background#D0E8F0
• button.foreground#1F2D3A
• button.hoverBackground#C0D8E8
• dropdown.background#FFFFFF
• dropdown.border#D8E8F0
• dropdown.foreground#1F2D3A
• editor.background#E8F4F8
• editor.foreground#1F2D3A
• editor.selectionBackground#D0E8F0
• editor.selectionHighlightBackground#E0F0F8
• editorBracketMatch.background#D0E8F0
• editorBracketMatch.border#8FA8B8
• editorCursor.foreground#4A6B8A
• editorGutter.background#F0F8FC
• editorIndentGuide.activeBackground#B8C8D8
• editorIndentGuide.background#D8E8F0
• editorLineHighlight.background#E0F0F8
• editorLineHighlight.border#D8E8F0
• editorLineNumber.activeForeground#1F2D3A
• editorLineNumber.foreground#8FA8B8
• editorWhitespace.foreground#C0D8E8
• input.background#FFFFFF
• input.border#D8E8F0
• input.foreground#1F2D3A
• list.activeSelectionBackground#D0E8F0
• list.activeSelectionForeground#1F2D3A
• list.hoverBackground#E8F4F8
• list.inactiveSelectionBackground#E0F0F8
• panel.background#F5FAFC
• panel.border#D8E8F0
• scrollbarSlider.activeBackground#8FA8B8
• scrollbarSlider.background#C0D8E8
• scrollbarSlider.hoverBackground#B8C8D8
• sideBar.background#F5FAFC
• sideBarSectionHeader.background#E8F4F8
• sideBarSectionHeader.foreground#1F2D3A
• sideBarTitle.foreground#1F2D3A
• statusBar.background#F5FAFC
• statusBar.debuggingBackground#E8F4F8
• statusBar.foreground#1F2D3A
• statusBar.noFolderBackground#F5FAFC
• tab.activeBackground#F5FAFC
• tab.activeForeground#1F2D3A
• tab.border#D8E8F0
• tab.inactiveBackground#E8F4F8
• tab.inactiveForeground#6B8AA8
• titleBar.activeBackground#F5FAFC
• titleBar.activeForeground#1F2D3A
• titleBar.inactiveBackground#F0F8FC
• titleBar.inactiveForeground#6B8AA8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).