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#0B0706
• activityBar.foreground#F5E8DD
• activityBarBadge.background#B37034
• activityBarBadge.foreground#FFFFFF
• button.background#A86834
• button.foreground#FFFFFF
• button.hoverBackground#C57A3F
• dropdown.background#15100D
• editor.background#0E0907
• editor.foreground#F4EEE8
• editor.lineHighlightBackground#18110D
• editor.selectionBackground#4A2E1680
• editor.selectionHighlightBackground#6A422060
• editorBracketMatch.background#2A1A10
• editorBracketMatch.border#DCA46D
• editorCursor.foreground#D9A066
• editorIndentGuide.activeBackground#A86A35
• editorIndentGuide.background#241A14
• editorSuggestWidget.background#15100D
• editorSuggestWidget.border#6A452D
• editorSuggestWidget.selectedBackground#322016
• editorWhitespace.foreground#231A16
• focusBorder#D39A60
• input.background#15100D
• input.border#654028
• input.foreground#F4EEE8
• list.activeSelectionBackground#342116
• list.hoverBackground#241712
• panel.background#0E0907
• panel.border#302018
• scrollbarSlider.background#583827
• scrollbarSlider.hoverBackground#7A4D34
• sideBar.background#0E0907
• sideBar.foreground#D8C8BA
• sideBarTitle.foreground#E3B07A
• statusBar.background#120B08
• statusBar.debuggingBackground#1A120E
• statusBar.debuggingForeground#FFF8F3
• statusBar.foreground#F6EEE8
• statusBar.noFolderBackground#120B08
• statusBarItem.hoverBackground#2B1B13
• tab.activeBackground#17100D
• tab.activeForeground#FFF8F3
• tab.border#241710
• tab.inactiveBackground#0B0706
• tab.inactiveForeground#8B7566
• terminal.background#0E0907
• titleBar.activeBackground#0B0706
• titleBar.activeForeground#FFF8F3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).