ThemeDatabase All Themes

Color themes

• 

  ChainSaw Man Colorful Theme

• 

  Chakravyuh Theme

• 

  ChakX Theme

• 

  Chalice Solarized Light

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#EEE8D5
• activityBar.foreground#584c27
• activityBarBadge.background#B58900
• badge.background#B58900AA
• button.background#AC9D57
• debugExceptionWidget.background#DDD6C1
• debugExceptionWidget.border#AB395B
• debugToolBar.background#DDD6C1
• dropdown.background#EEE8D5
• dropdown.border#D3AF86
• editor.background#FDF6E3
• editor.findMatchBackground#8599004D
• editor.findMatchHighlightBackground#85990033
• editor.findRangeHighlightBackground#6c71c433
• editor.foreground#657b83
• editor.hoverHighlightBackground#2aa1981A
• editor.inactiveSelectionBackground#93a1a126
• editor.lineHighlightBackground#3F3D3812
• editor.rangeHighlightBackground#6c71c41A
• editor.selectionBackground#93a1a140
• editor.selectionHighlightBackground#2aa1981A
• editor.wordHighlightBackground#d336821A
• editor.wordHighlightStrongBackground#d3368233
• editorCursor.foreground#657B83
• editorGroup.border#DDD6C1
• editorGroup.dropBackground#DDD6C1AA
• editorGroup.emptyBackground#FFFBF2
• editorGroupHeader.tabsBackground#EEE8D5
• editorHoverWidget.background#CCC4B0
• editorIndentGuide.background#3F3D3812
• editorLink.activeForeground#268bd2
• editorWhitespace.foreground#eee8d5
• editorWidget.background#EEE8D5
• extensionButton.prominentBackground#b58900
• extensionButton.prominentHoverBackground#584c27aa
• focusBorder#D3AF86
• input.background#DDD6C1
• input.foreground#586E75
• input.placeholderForeground#586E75AA
• inputOption.activeBorder#D3AF86
• list.activeSelectionBackground#DFCA88
• list.activeSelectionForeground#6C6C6C
• list.focusBackground#DFCA8866
• list.highlightForeground#B58900
• list.hoverBackground#DFCA8844
• list.inactiveSelectionBackground#D1CBB8
• panel.border#DDD6C1
• peekView.border#B58900
• peekViewEditor.background#FFFBF2
• peekViewEditor.matchHighlightBackground#7744AA40
• peekViewResult.background#EEE8D5
• peekViewTitle.background#EEE8D5
• pickerGroup.border#2AA19899
• pickerGroup.foreground#2AA19899
• progressBar.background#B58900
• selection.background#CCC4B0
• sideBar.background#EEE8D5
• sideBarTitle.foreground#586E75
• statusBar.background#D3CBB7
• statusBar.border#BABABA
• statusBar.debuggingBackground#EEE8D5
• statusBar.foreground#586E75
• statusBar.noFolderBackground#EEE8D5
• statusBarItem.prominentBackground#DDD6C1
• statusBarItem.prominentHoverBackground#DDD6C199
• tab.activeBackground#FDF6E3
• tab.border#DDD6C1
• tab.inactiveBackground#D3CBB7
• tab.inactiveForeground#586E75
• terminal.ansiBlack#073642
• terminal.ansiBlue#268bd2
• terminal.ansiBrightBlack#586e75
• terminal.ansiBrightBlue#839496
• terminal.ansiBrightCyan#93a1a1
• terminal.ansiBrightGreen#586e75
• terminal.ansiBrightMagenta#6c71c4
• terminal.ansiBrightRed#cb4b16
• terminal.ansiBrightWhite#eee8d5
• terminal.ansiBrightYellow#657b83
• terminal.ansiCyan#2aa198
• terminal.ansiGreen#859900
• terminal.ansiMagenta#d33682
• terminal.ansiRed#dc322f
• terminal.ansiWhite#eee8d5
• terminal.ansiYellow#b58900
• titleBar.activeBackground#EEE8D5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).