Tema Big

Color themes

• 

  Cafe

• 

  Camaleao

• 

  Pato

• 

  Sapo

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#060D10
• activityBar.foreground#EAF2F3
• activityBarBadge.background#FF8B6A
• activityBarBadge.foreground#061013
• button.background#1A95B3
• button.foreground#FFFFFF
• button.hoverBackground#27A6C7
• dropdown.background#0C1519
• editor.background#071013
• editor.foreground#EAF2F3
• editor.lineHighlightBackground#0D181C
• editor.selectionBackground#16404A90
• editor.selectionHighlightBackground#235C6B55
• editorBracketMatch.background#14282E
• editorBracketMatch.border#5BD8FF
• editorCursor.foreground#53D8FB
• editorIndentGuide.activeBackground#56B8D6
• editorIndentGuide.background#152228
• editorSuggestWidget.background#0C1519
• editorSuggestWidget.border#2C6474
• editorSuggestWidget.selectedBackground#18343D
• editorWhitespace.foreground#172126
• focusBorder#4BD6FF
• input.background#0C1519
• input.border#25505D
• input.foreground#EAF2F3
• list.activeSelectionBackground#16313A
• list.hoverBackground#102126
• panel.background#071013
• scrollbarSlider.background#21414A
• scrollbarSlider.hoverBackground#32606D
• sideBar.background#091216
• sideBar.foreground#BDD0D5
• sideBarTitle.foreground#6AE5FF
• statusBar.background#091216
• statusBar.debuggingBackground#102126
• statusBar.foreground#EAF2F3
• statusBar.noFolderBackground#091216
• statusBarItem.hoverBackground#183139
• tab.activeBackground#0D171B
• tab.activeForeground#FFFFFF
• tab.inactiveBackground#071013
• tab.inactiveForeground#627378
• terminal.background#071013
• titleBar.activeBackground#071013
• titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).