ThemeDatabase All Themes

Color themes

• 

  Claude Dark High Contrast Italic

• 

  Claude Dark Italic

• 

  Claude Dark Theme

• 

  Claude 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#F9F0ED
• activityBar.border#F4E5E0
• activityBar.foreground#B85A3E
• activityBar.inactiveForeground#E69B84
• activityBarBadge.background#D97757
• activityBarBadge.foreground#fefefe
• badge.background#D97757
• badge.foreground#fdf7f5
• breadcrumb.activeSelectionForeground#D97757
• breadcrumb.background#fdf7f5
• breadcrumb.focusForeground#B85A3E
• breadcrumb.foreground#E69B84
• button.background#D97757
• button.foreground#fdf7f5
• button.hoverBackground#c85a42
• dropdown.background#fdf7f5
• dropdown.border#F4E5E0
• dropdown.foreground#B85A3E
• editor.background#FFFFFF
• editor.foreground#B85A3E
• editor.lineHighlightBackground#F9F0ED50
• editor.selectionBackground#F4E5E040
• editor.selectionHighlightBackground#F4E5E030
• editorBracketMatch.background#F4E5E060
• editorBracketMatch.border#D97757
• editorCursor.foreground#D97757
• editorGroupHeader.tabsBackground#F9F0ED
• editorIndentGuide.activeBackground#E69B84
• editorIndentGuide.background#F4E5E0
• editorLineNumber.activeForeground#D97757
• editorLineNumber.foreground#E69B84
• editorSuggestWidget.background#fdf7f5
• editorSuggestWidget.border#F4E5E0
• editorSuggestWidget.selectedBackground#F9F0ED
• editorWhitespace.foreground#F4E5E0
• editorWidget.background#fdf7f5
• editorWidget.border#F4E5E0
• gitDecoration.conflictingResourceForeground#D97757
• gitDecoration.deletedResourceForeground#ef4444
• gitDecoration.ignoredResourceForeground#E69B84
• gitDecoration.modifiedResourceForeground#eab308
• gitDecoration.untrackedResourceForeground#22c55e
• input.background#fdf7f5
• input.border#F4E5E0
• input.foreground#B85A3E
• input.placeholderForeground#E69B84
• inputOption.activeBorder#D97757
• inputValidation.errorBackground#fef2f2
• inputValidation.errorBorder#f87171
• list.activeSelectionBackground#F4E5E0
• list.activeSelectionForeground#B85A3E
• list.focusBackground#F4E5E0
• list.hoverBackground#F9F0ED
• list.inactiveSelectionBackground#F9F0ED
• menu.background#fdf7f5
• menu.foreground#B85A3E
• menu.selectionBackground#F9F0ED
• menu.selectionForeground#B85A3E
• menu.separatorBackground#F4E5E0
• merge.currentContentBackground#22c55e20
• merge.currentHeaderBackground#22c55e40
• merge.incomingContentBackground#3b82f620
• merge.incomingHeaderBackground#3b82f640
• notificationCenter.background#F9F0ED
• notificationCenterHeader.background#F4E5E0
• notificationLink.foreground#D97757
• notifications.background#fdf7f5
• notifications.border#F4E5E0
• notificationToast.background#fdf7f5
• panel.background#F9F0ED
• panel.border#F4E5E0
• panelTitle.activeBorder#D97757
• panelTitle.activeForeground#B85A3E
• panelTitle.inactiveForeground#E69B84
• peekView.background#F9F0ED
• peekViewEditor.background#fdf7f5
• peekViewResult.background#F9F0ED
• peekViewTitle.background#F4E5E0
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#E69B84
• scrollbarSlider.background#F4E5E050
• scrollbarSlider.hoverBackground#E69B8470
• sideBar.background#f8fafc
• sideBar.border#e2e8f0
• sideBar.foreground#3c3c43
• sideBarSectionHeader.background#f1f5f9
• sideBarSectionHeader.foreground#3c3c43
• sideBarTitle.foreground#3c3c43
• statusBar.background#D97757
• statusBar.border#F4E5E0
• statusBar.foreground#fdf7f5
• statusBarItem.activeBackground#D97757
• statusBarItem.hoverBackground#E69B84
• tab.activeBackground#fdf7f5
• tab.activeBorder#D97757
• tab.activeForeground#B85A3E
• tab.border#F4E5E0
• tab.inactiveBackground#F9F0ED
• tab.inactiveForeground#D97757
• terminal.ansiBlack#1e293b
• terminal.ansiBlue#3b82f6
• terminal.ansiBrightBlack#64748b
• terminal.ansiBrightBlue#60a5fa
• terminal.ansiBrightCyan#22d3ee
• terminal.ansiBrightGreen#4ade80
• terminal.ansiBrightMagenta#c084fc
• terminal.ansiBrightRed#f87171
• terminal.ansiBrightWhite#fefefe
• terminal.ansiBrightYellow#facc15
• terminal.ansiCyan#06b6d4
• terminal.ansiGreen#22c55e
• terminal.ansiMagenta#a855f7
• terminal.ansiRed#ef4444
• terminal.ansiWhite#f8fafc
• terminal.ansiYellow#eab308
• terminal.background#fdf7f5
• terminal.foreground#B85A3E
• titleBar.activeBackground#fdf7f5
• titleBar.activeForeground#B85A3E
• titleBar.border#F4E5E0
• titleBar.inactiveBackground#F9F0ED
• titleBar.inactiveForeground#E69B84
• tree.indentGuidesStroke#F4E5E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).