Tema Big

Color themes

• 

  Tema Big

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#090506
• activityBar.foreground#FFD6DE
• activityBarBadge.background#C1123A
• activityBarBadge.foreground#FFFFFF
• badge.background#B31239
• button.background#B31239
• button.foreground#FFFFFF
• button.hoverBackground#D81B49
• dropdown.background#120A0C
• dropdown.foreground#F6EEF0
• editor.background#080506
• editor.foreground#F5EEF0
• editor.lineHighlightBackground#12090B
• editor.selectionBackground#54112088
• editor.selectionHighlightBackground#42101955
• editorBracketMatch.background#341017
• editorBracketMatch.border#FF365E
• editorCursor.foreground#FF2F59
• editorSuggestWidget.background#12080A
• editorSuggestWidget.border#4A1020
• editorSuggestWidget.selectedBackground#571122
• editorWhitespace.foreground#221215
• focusBorder#C61C46
• input.background#120A0C
• input.border#401019
• input.foreground#F6EEF0
• list.activeSelectionBackground#42111B
• list.hoverBackground#240A10
• minimap.background#080506
• panel.background#080506
• panel.border#2B1218
• peekView.border#64182C
• peekViewEditor.background#0B0608
• scrollbarSlider.background#48111D
• scrollbarSlider.hoverBackground#631826
• sideBar.background#0A0607
• sideBar.foreground#D6C6C9
• sideBarTitle.foreground#FF6E88
• statusBar.background#0B0506
• statusBar.debuggingBackground#120709
• statusBar.debuggingForeground#FFEDEE
• statusBar.foreground#FFEDEE
• statusBar.noFolderBackground#0B0506
• statusBar.noFolderForeground#FFEDEE
• statusBarItem.hoverBackground#2B0A12
• tab.activeBackground#14090C
• tab.activeForeground#FFFFFF
• tab.border#200D12
• tab.inactiveBackground#080506
• tab.inactiveForeground#7B5A61
• terminal.background#080506
• titleBar.activeBackground#080506
• titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).