fizz buzz

Color themes

• 

  mai tai 🍹

• 

  peach mojito 🍑

• 

  red wine 🍷

• 

  rum & coke 🥃

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#FFE8F0
• activityBar.foreground#FF66B3
• activityBarBadge.background#66CC66
• activityBarBadge.foreground#FFFFFF
• button.background#B3FFB3
• button.foreground#3D1F2A
• button.hoverBackground#99FF99
• dropdown.background#FFFFFF
• dropdown.border#FF99CC
• dropdown.foreground#3D1F2A
• editor.background#FFE8F0
• editor.foreground#3D1F2A
• editor.selectionBackground#FFB3D9
• editor.selectionHighlightBackground#FFCCE6
• editorBracketMatch.background#B3FFB3
• editorBracketMatch.border#66CC66
• editorCursor.foreground#FF66B3
• editorGutter.background#FFF0F8
• editorIndentGuide.activeBackground#FF66B3
• editorIndentGuide.background#FF99CC
• editorLineHighlight.background#FFCCE6
• editorLineHighlight.border#FF99CC
• editorLineNumber.activeForeground#3D1F2A
• editorLineNumber.foreground#FF99CC
• editorWhitespace.foreground#FFB3D9
• input.background#FFFFFF
• input.border#FF99CC
• input.foreground#3D1F2A
• list.activeSelectionBackground#B3FFB3
• list.activeSelectionForeground#3D1F2A
• list.hoverBackground#FFE8F0
• list.inactiveSelectionBackground#CCFFCC
• panel.background#FFF5FA
• panel.border#FF99CC
• scrollbarSlider.activeBackground#FF66B3
• scrollbarSlider.background#FFB3D9
• scrollbarSlider.hoverBackground#FF99CC
• sideBar.background#FFF5FA
• sideBarSectionHeader.background#FFE8F0
• sideBarSectionHeader.foreground#3D1F2A
• sideBarTitle.foreground#3D1F2A
• statusBar.background#FFF5FA
• statusBar.debuggingBackground#FFE8F0
• statusBar.foreground#3D1F2A
• statusBar.noFolderBackground#FFF5FA
• tab.activeBackground#FFF5FA
• tab.activeForeground#3D1F2A
• tab.border#FF99CC
• tab.inactiveBackground#FFE8F0
• tab.inactiveForeground#CC6699
• titleBar.activeBackground#FFF5FA
• titleBar.activeForeground#3D1F2A
• titleBar.inactiveBackground#FFF0F8
• titleBar.inactiveForeground#CC6699

tokenColors

TextMate scopes and font styles (syntax highlighting rules).