Excalibur

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.activeBackground#2D2522
• activityBar.activeBorder#A36A50
• activityBar.background#211E1C
• activityBar.foreground#D0C7BA
• activityBar.inactiveForeground#77716A
• activityBarBadge.background#8B4036
• activityBarBadge.foreground#F0E4D0
• badge.background#4A302B
• badge.foreground#E5D8C2
• breadcrumb.activeSelectionForeground#E1D5C5
• breadcrumb.background#1F1C1A
• breadcrumb.focusForeground#D2A85A
• breadcrumb.foreground#817970
• button.background#4A302B
• button.foreground#E5D8C2
• button.hoverBackground#5A3931
• button.secondaryBackground#302A27
• button.secondaryForeground#D0C7BA
• button.secondaryHoverBackground#3B322E
• commandCenter.background#292522
• commandCenter.foreground#AAA097
• descriptionForeground#9E968B
• disabledForeground#68635C
• dropdown.background#292522
• dropdown.border#3D3530
• dropdown.foreground#D8D0C3
• editor.background#1F1C1A
• editor.foreground#DDD5C9
• editor.inactiveSelectionBackground#302825
• editor.lineHighlightBackground#26211F
• editor.selectionBackground#4A302B
• editorBracketMatch.background#42302A
• editorBracketMatch.border#9A674A
• editorCursor.foreground#D0A353
• editorError.foreground#C86C5E
• editorGroupHeader.tabsBackground#25211F
• editorGroupHeader.tabsBorder#332C28
• editorGutter.background#1F1C1A
• editorHint.foreground#8D9B78
• editorHoverWidget.background#292522
• editorHoverWidget.border#3D3530
• editorIndentGuide.activeBackground1#51443B
• editorIndentGuide.background1#2C2724
• editorInfo.foreground#A58F6B
• editorLineNumber.activeForeground#B39A72
• editorLineNumber.foreground#5D5751
• editorOverviewRuler.addedForeground#879A73
• editorOverviewRuler.border#00000000
• editorOverviewRuler.deletedForeground#B95D52
• editorOverviewRuler.modifiedForeground#B08346
• editorSuggestWidget.background#292522
• editorSuggestWidget.border#3D3530
• editorSuggestWidget.selectedBackground#49312D
• editorWarning.foreground#D0A353
• editorWhitespace.foreground#38312D
• editorWidget.background#292522
• editorWidget.border#3D3530
• focusBorder#8A6240
• foreground#D8D0C3
• gitDecoration.addedResourceForeground#879A73
• gitDecoration.conflictingResourceForeground#C86C5E
• gitDecoration.deletedResourceForeground#B95D52
• gitDecoration.modifiedResourceForeground#C69A50
• gitDecoration.untrackedResourceForeground#A17B64
• input.background#24211F
• input.border#3B3430
• input.foreground#D8D0C3
• input.placeholderForeground#77716A
• inputOption.activeBackground#45302B
• inputOption.activeBorder#8A6240
• list.activeSelectionBackground#49312D
• list.activeSelectionForeground#E3D8C8
• list.errorForeground#C86C5E
• list.focusBackground#3B2D29
• list.highlightForeground#D2A85A
• list.hoverBackground#302925
• list.inactiveSelectionBackground#352B28
• list.inactiveSelectionForeground#C6BEB3
• list.warningForeground#D2A85A
• menu.background#292522
• menu.foreground#D8D0C3
• menu.selectionBackground#49312D
• menu.selectionForeground#E3D8C8
• menu.separatorBackground#3D3530
• menubar.selectionBackground#302724
• menubar.selectionForeground#DDD2C3
• minimap.background#1F1C1A
• minimap.selectionHighlight#6A4A3D
• notificationCenterHeader.background#292522
• notifications.background#292522
• notifications.border#3D3530
• notifications.foreground#D8D0C3
• panel.background#24201E
• panel.border#362E2A
• panelTitle.activeBorder#9A674A
• panelTitle.activeForeground#D8D0C3
• panelTitle.inactiveForeground#77716A
• peekViewEditor.background#25211F
• peekViewResult.background#292522
• peekViewTitle.background#302724
• pickerGroup.border#65483A
• pickerGroup.foreground#D2A85A
• problemsErrorIcon.foreground#C86C5E
• problemsInfoIcon.foreground#A58F6B
• problemsWarningIcon.foreground#D0A353
• progressBar.background#B08346
• quickInput.background#292522
• quickInput.foreground#D8D0C3
• quickInputTitle.background#302724
• scrollbarSlider.activeBackground#8D7A6A99
• scrollbarSlider.background#655B5380
• scrollbarSlider.hoverBackground#7B6D6190
• selection.background#4A302B
• sideBar.background#25211F
• sideBar.border#332C28
• sideBar.foreground#C9C0B5
• sideBarSectionHeader.background#2B2623
• sideBarSectionHeader.border#38302C
• sideBarSectionHeader.foreground#C9C0B5
• sideBarTitle.foreground#D8D0C3
• statusBar.background#2B2421
• statusBar.debuggingBackground#593A30
• statusBar.foreground#CFC4B5
• statusBar.noFolderBackground#2B2421
• statusBarItem.hoverBackground#46312B
• tab.activeBackground#302724
• tab.activeBorderTop#B08346
• tab.activeForeground#E2D7C8
• tab.border#332C28
• tab.hoverBackground#382D29
• tab.inactiveBackground#25211F
• tab.inactiveForeground#77716A
• terminal.ansiBlack#28231F
• terminal.ansiBlue#8D8C7A
• terminal.ansiBrightBlack#68615A
• terminal.ansiBrightBlue#AAA98F
• terminal.ansiBrightCyan#9CB4A9
• terminal.ansiBrightGreen#A2AF8B
• terminal.ansiBrightMagenta#B68170
• terminal.ansiBrightRed#D27668
• terminal.ansiBrightWhite#F0E6D6
• terminal.ansiBrightYellow#DAB46B
• terminal.ansiCyan#7F9990
• terminal.ansiGreen#879A73
• terminal.ansiMagenta#9C6B5E
• terminal.ansiRed#B95D52
• terminal.ansiWhite#D8D0C3
• terminal.ansiYellow#C69A50
• terminal.background#1E1B19
• terminal.foreground#D3CBC0
• textLink.activeForeground#E0B96D
• textLink.foreground#D2A85A
• titleBar.activeBackground#211E1C
• titleBar.activeForeground#D8D0C3
• titleBar.inactiveBackground#211E1C
• titleBar.inactiveForeground#77716A
• tree.indentGuidesStroke#3A332F
• widget.shadow#08070688

tokenColors

TextMate scopes and font styles (syntax highlighting rules).