silent-bonsai

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#121D24
• activityBar.foreground#f5e6de
• activityBarBadge.background#8edac5
• activityBarBadge.foreground#151E23
• badge.background#8edac5
• badge.foreground#151E23
• button.background#8edac5
• button.foreground#151E23
• button.hoverBackground#9de7d2
• button.secondaryBackground#274646
• button.secondaryForeground#f5e6de
• button.secondaryHoverBackground#2b4040
• contrastBorder#2b4040
• descriptionForeground#7C98A1
• dialog.background#121D24
• dialog.border#2b4040
• dialog.foreground#f5e6de
• dropdown.background#1A2A2E
• dropdown.border#2b4040
• dropdown.foreground#f5e6de
• editor.background#151E23
• editor.findMatchBackground#274646
• editor.findMatchHighlightBackground#223e3e
• editor.foreground#f5e6de
• editor.lineHighlightBackground#1A2A2E
• editor.selectionBackground#2b4040
• editor.selectionHighlightBackground#2b4040
• editor.wordHighlightBackground#34576066
• editor.wordHighlightStrongBackground#34576088
• editorBracketHighlight.foreground1#f5e6de
• editorBracketHighlight.foreground2#f5e6de
• editorBracketHighlight.foreground3#f5e6de
• editorBracketHighlight.foreground4#f5e6de
• editorBracketHighlight.foreground5#f5e6de
• editorBracketHighlight.foreground6#f5e6de
• editorBracketHighlight.unexpectedBracket.foreground#fa7578
• editorBracketMatch.background#1A2A2E
• editorBracketMatch.border#7C98A1
• editorBracketPairGuide.activeBackground1#34576066
• editorBracketPairGuide.activeBackground2#34576066
• editorBracketPairGuide.activeBackground3#34576066
• editorBracketPairGuide.activeBackground4#34576066
• editorBracketPairGuide.activeBackground5#34576066
• editorBracketPairGuide.activeBackground6#34576066
• editorBracketPairGuide.background1#34576033
• editorBracketPairGuide.background2#34576033
• editorBracketPairGuide.background3#34576033
• editorBracketPairGuide.background4#34576033
• editorBracketPairGuide.background5#34576033
• editorBracketPairGuide.background6#34576033
• editorCursor.foreground#f5e6de
• editorError.foreground#fa7578
• editorGroupHeader.tabsBackground#121D24
• editorGroupHeader.tabsBorder#2b4040
• editorGutter.background#151E23
• editorHint.foreground#7C98A1
• editorIndentGuide.activeBackground1#67847c
• editorIndentGuide.background1#34576066
• editorInfo.foreground#7C98A1
• editorLineNumber.activeForeground#f5e6de
• editorLineNumber.foreground#345760
• editorWarning.foreground#e7cbac
• editorWhitespace.foreground#345760
• editorWidget.background#121D24
• editorWidget.border#2b4040
• errorForeground#fa7578
• focusBorder#8edac5
• foreground#f5e6de
• icon.foreground#f5e6de
• input.background#1A2A2E
• input.border#2b4040
• input.foreground#f5e6de
• input.placeholderForeground#7C98A1
• inputOption.activeBorder#8edac5
• inputValidation.errorBackground#3a1d22
• inputValidation.errorBorder#fa7578
• inputValidation.infoBackground#1A2A2E
• inputValidation.infoBorder#7C98A1
• inputValidation.warningBackground#3b2a1d
• inputValidation.warningBorder#e7cbac
• list.activeSelectionBackground#274646
• list.activeSelectionForeground#f5e6de
• list.errorForeground#fa7578
• list.focusBackground#274646
• list.focusForeground#f5e6de
• list.highlightForeground#8edac5
• list.hoverBackground#1F3236
• list.inactiveSelectionBackground#22373b
• list.inactiveSelectionForeground#f5e6de
• list.warningForeground#e7cbac
• menu.background#121D24
• menu.border#2b4040
• menu.foreground#f5e6de
• menu.selectionBackground#1A2A2E
• menu.selectionBorder#8edac5
• menu.selectionForeground#f5e6de
• menu.separatorBackground#2b4040
• menuBar.border#2b4040
• menubar.selectionBackground#1A2A2E
• menubar.selectionForeground#f5e6de
• notificationCenterHeader.background#121D24
• notificationCenterHeader.foreground#f5e6de
• notifications.background#121D24
• notifications.border#2b4040
• notifications.foreground#f5e6de
• notificationsErrorIcon.foreground#fa7578
• notificationsInfoIcon.foreground#7C98A1
• notificationsWarningIcon.foreground#e7cbac
• panel.background#0D1B22
• panel.border#2b4040
• panelTitle.activeBorder#8edac5
• panelTitle.activeForeground#f5e6de
• panelTitle.inactiveForeground#7C98A1
• peekView.border#2b4040
• peekViewEditor.background#151E23
• peekViewEditor.matchHighlightBackground#274646
• peekViewEditorGutter.background#151E23
• peekViewResult.background#121D24
• peekViewResult.fileForeground#f5e6de
• peekViewResult.lineForeground#7C98A1
• peekViewResult.matchHighlightBackground#274646
• peekViewResult.selectionBackground#1A2A2E
• peekViewTitle.background#121D24
• peekViewTitleDescription.foreground#7C98A1
• peekViewTitleLabel.foreground#f5e6de
• pickerGroup.border#2b4040
• pickerGroup.foreground#7C98A1
• progressBar.background#8edac5
• quickInput.background#121D24
• quickInput.foreground#f5e6de
• quickInputList.focusBackground#1A2A2E
• quickInputList.focusForeground#f5e6de
• quickInputList.focusIconForeground#8edac5
• scrollbarSlider.activeBackground#67847c
• scrollbarSlider.background#34576080
• scrollbarSlider.hoverBackground#345760
• selection.background#2b4040
• settings.modifiedItemIndicator#8edac5
• sideBar.background#121D24
• sideBar.foreground#f5e6de
• sideBarTitle.foreground#f5e6de
• statusBar.background#0D1B22
• statusBar.foreground#f5e6de
• tab.activeBackground#151E23
• tab.activeBorderTop#8edac5
• tab.activeForeground#f5e6de
• tab.border#2b4040
• tab.inactiveBackground#121D24
• tab.inactiveForeground#7C98A1
• tab.unfocusedActiveBorderTop#67847c
• terminal.background#0D1B22
• terminal.foreground#f5e6de
• textLink.activeForeground#9de7d2
• textLink.foreground#8edac5
• titleBar.activeBackground#121D24
• titleBar.activeForeground#f5e6de
• titleBar.border#2b4040
• titleBar.inactiveBackground#0D1B22
• titleBar.inactiveForeground#7C98A1
• toolbar.activeBackground#22373b
• toolbar.hoverBackground#1A2A2E
• widget.shadow#00000055

tokenColors

TextMate scopes and font styles (syntax highlighting rules).