pastel-boba-milk-tea

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#E8D5B5
• activityBar.foreground#6E4E37
• activityBarBadge.background#FFD9B3
• activityBarBadge.foreground#6E4E37
• editor.background#F4EAD4
• editor.findMatchBackground#FFD9B3
• editor.findMatchHighlightBackground#FFD9B380
• editor.foreground#6E4E37
• editor.hoverHighlightBackground#FFD9B380
• editor.inactiveSelectionBackground#FFD9B380
• editor.lineHighlightBackground#FFFFFF
• editor.selectionBackground#FFD9B380
• editor.selectionHighlightBackground#FFD9B380
• editor.wordHighlightBackground#FFD9B380
• editor.wordHighlightStrongBackground#FFD9B380
• editorBracketMatch.background#FFD9B3
• editorBracketMatch.border#FFD9B3
• editorCursor.foreground#6E4E37
• editorIndentGuide.background#FFFFFF
• editorLineNumber.activeForeground#6E4E37
• editorLineNumber.foreground#6E4E37
• editorRuler.foreground#6E4E37
• editorWhitespace.foreground#FFFFFF
• list.activeSelectionBackground#FFD9B380
• list.highlightForeground#6E4E37
• list.inactiveSelectionBackground#FFD9B380
• scrollbarSlider.background#D6BFA6
• sideBar.background#E8D5B5
• sideBar.border#FFFFFF
• sideBar.foreground#6E4E37
• statusBar.background#E8D5B5
• statusBar.border#FFFFFF
• statusBar.debuggingBackground#FFD9B3
• statusBar.debuggingBorder#FFD9B3
• statusBar.debuggingForeground#6E4E37
• statusBar.foreground#6E4E37
• statusBar.noFolderBackground#E8D5B5
• statusBar.noFolderBorder#FFFFFF
• statusBar.noFolderForeground#6E4E37
• statusBarItem.activeBackground#FFD9B3
• statusBarItem.hoverBackground#FFD9B3
• titleBar.activeBackground#E8D5B5
• titleBar.activeForeground#6E4E37
• titleBar.inactiveBackground#E8D5B5
• titleBar.inactiveForeground#6E4E37

tokenColors

TextMate scopes and font styles (syntax highlighting rules).