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#0F0500
• activityBar.foreground#D5C5B5
• activityBarBadge.background#6B4F3A
• activityBarBadge.foreground#FFFFFF
• button.background#3D2F1F
• button.foreground#D5C5B5
• button.hoverBackground#4D3F2F
• dropdown.background#2D1F15
• dropdown.border#3D2F1F
• dropdown.foreground#D5C5B5
• editor.background#1A0F0A
• editor.foreground#D5C5B5
• editor.selectionBackground#3D2F1F
• editor.selectionHighlightBackground#2D1F15
• editorBracketMatch.background#3D2F1F
• editorBracketMatch.border#6B4F3A
• editorCursor.foreground#D5C5B5
• editorGutter.background#1A0F0A
• editorIndentGuide.activeBackground#4D3F2F
• editorIndentGuide.background#2D1F15
• editorLineHighlight.background#2D1F15
• editorLineHighlight.border#3D2F1F
• editorLineNumber.activeForeground#D5C5B5
• editorLineNumber.foreground#6B4F3A
• editorWhitespace.foreground#3D2F1F
• input.background#2D1F15
• input.border#3D2F1F
• input.foreground#D5C5B5
• list.activeSelectionBackground#3D2F1F
• list.activeSelectionForeground#D5C5B5
• list.hoverBackground#2D1F15
• list.inactiveSelectionBackground#2D1F15
• panel.background#150A05
• panel.border#2D1F15
• scrollbarSlider.activeBackground#5D4F3F
• scrollbarSlider.background#3D2F1F
• scrollbarSlider.hoverBackground#4D3F2F
• sideBar.background#150A05
• sideBarSectionHeader.background#1A0F0A
• sideBarSectionHeader.foreground#D5C5B5
• sideBarTitle.foreground#D5C5B5
• statusBar.background#150A05
• statusBar.debuggingBackground#1A0F0A
• statusBar.foreground#D5C5B5
• statusBar.noFolderBackground#150A05
• tab.activeBackground#1A0F0A
• tab.activeForeground#D5C5B5
• tab.border#2D1F15
• tab.inactiveBackground#150A05
• tab.inactiveForeground#6B4F3A
• titleBar.activeBackground#150A05
• titleBar.activeForeground#D5C5B5
• titleBar.inactiveBackground#0F0500
• titleBar.inactiveForeground#6B4F3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).