Suchipi's Color Theme

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#202330
• activityBar.dropBackground#414339
• activityBar.foreground#fde3e8
• badge.background#75715e
• badge.foreground#f8f8f2
• button.background#75715e
• debugToolBar.background#1e1f1c
• diffEditor.insertedTextBackground#4b661680
• diffEditor.removedTextBackground#90274a70
• dropdown.background#202330
• dropdown.listBackground#1e1f1c
• editor.background#202330
• editor.foreground#fff0f5
• editor.lineHighlightBackground#272547
• editor.selectionBackground#3f1c50
• editor.selectionHighlightBackground#575b6180
• editor.wordHighlightBackground#4747a180
• editor.wordHighlightStrongBackground#6767ce80
• editorBracketMatch.border#5b3ad0
• editorCursor.foreground#ffedf0
• editorError.foreground#ff62a5
• editorGroup.border#34352f
• editorGroup.dropBackground#41433980
• editorGroupHeader.tabsBackground#2d2f42
• editorHoverWidget.background#414339
• editorHoverWidget.border#75715e
• editorIndentGuide.activeBackground#767771
• editorIndentGuide.background#464741
• editorLineNumber.activeForeground#c2c2bf
• editorLineNumber.foreground#90908a
• editorSuggestWidget.background#272822
• editorSuggestWidget.border#75715e
• editorWarning.foreground#3bc089
• editorWhitespace.foreground#464741
• editorWidget.background#1e1f1c
• extensionButton.prominentForeground#ffffff
• focusBorder#75715e
• input.background#202330
• inputOption.activeBorder#75715e
• inputValidation.errorBackground#90274a
• inputValidation.errorBorder#f92672
• inputValidation.infoBackground#546190
• inputValidation.infoBorder#819aff
• inputValidation.warningBackground#848528
• inputValidation.warningBorder#e2e22e
• list.activeSelectionBackground#5b3ad0
• list.dropBackground#414339
• list.errorForeground#ff62a5
• list.focusBackground#707070
• list.highlightForeground#ffffff
• list.hoverBackground#565970
• list.inactiveSelectionBackground#3f2794
• menu.background#1e1f1c
• menu.foreground#cccccc
• menu.separatorBackground#f3b4bf
• minimap.selectionHighlight#878b9180
• notificationCenter.border#1e1f1c
• notificationCenterHeader.background#2D2F42
• notificationCenterHeader.foreground#ffffff
• notificationLink.foreground#51e9aa
• notifications.background#202330
• notifications.border#1e1f1c
• notifications.foreground#ffffff
• notificationsErrorIcon.foreground#f44c95
• notificationsInfoIcon.foreground#429ff1
• notificationsWarningIcon.foreground#51e9aa
• notificationToast.border#1e1f1c
• panel.border#414339
• panelTitle.activeBorder#75715e
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#75715e
• peekView.border#5b3ad0
• peekViewEditor.background#272822
• peekViewEditor.matchHighlightBackground#75715e
• peekViewResult.background#1e1f1c
• peekViewResult.matchHighlightBackground#75715e
• peekViewResult.selectionBackground#414339
• peekViewTitle.background#1e1f1c
• pickerGroup.foreground#75715e
• progressBar.background#75715e
• scrollbarSlider.activeBackground#e9a6b288
• scrollbarSlider.background#f3b4bf48
• scrollbarSlider.hoverBackground#f3b4bf66
• selection.background#ccccc7
• settings.numberInputBackground#32342d
• settings.textInputBackground#32342d
• sideBar.background#2d2f42
• sideBarSectionHeader.background#202330
• statusBar.background#9173ff
• statusBar.debuggingBackground#f173ff
• statusBar.debuggingForeground#000000
• statusBar.foreground#000000
• statusBar.noFolderBackground#9173ff
• statusBarItem.remoteBackground#5e32ff
• tab.border#9498a144
• tab.inactiveBackground#2d2f42
• tab.inactiveForeground#9498a1
• terminal.ansiBlack#333333
• terminal.ansiBlue#6a7ec8
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#819aff
• terminal.ansiBrightCyan#66d9ef
• terminal.ansiBrightGreen#a6e22e
• terminal.ansiBrightMagenta#ae81ff
• terminal.ansiBrightRed#f92672
• terminal.ansiBrightWhite#f8f8f2
• terminal.ansiBrightYellow#e2e22e
• terminal.ansiCyan#56adbc
• terminal.ansiGreen#86b42b
• terminal.ansiMagenta#8c6bc8
• terminal.ansiRed#c4265e
• terminal.ansiWhite#e3e3dd
• terminal.ansiYellow#b3b42b
• titleBar.activeBackground#2d2f42
• widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).