Ispired by Supabase

Color themes

• 

  Supabase Dark

• 

  Supabase 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#fcfcfc
• activityBar.foreground#707070
• activityBarBadge.background#72e3ad
• activityBarBadge.foreground#1e2723
• badge.background#72e3ad
• badge.foreground#1e2723
• button.background#72e3ad
• button.border#46c48d
• button.foreground#1e2723
• button.hoverBackground#5bd59b
• button.secondaryHoverBackground#46c48d
• dropdown.background#f6f6f6
• dropdown.border#dfdfdf
• dropdown.foreground#171717
• editor.background#fcfcfc
• editor.foreground#171717
• editor.inactiveSelectionBackground#f6f6f680
• editor.lineHighlightBackground#f6f6f6
• editor.selectionBackground#ededed
• editorCursor.foreground#72e3ad
• editorGroup.border#dfdfdf
• editorIndentGuide.activeBackground1#72e3ad
• editorIndentGuide.background1#dfdfdf
• editorLineNumber.activeForeground#171717
• editorLineNumber.foreground#707070
• editorWhitespace.foreground#dfdfdf
• errorForeground#ca3214
• focusBorder#72e3ad
• input.background#f6f6f6
• input.border#dfdfdf
• input.foreground#171717
• list.activeSelectionBackground#ededed
• list.activeSelectionForeground#171717
• list.hoverBackground#f6f6f6
• list.hoverForeground#171717
• panel.background#fcfcfc
• panel.border#dfdfdf
• peekViewEditor.matchHighlightBackground#72e3ad33
• peekViewResult.matchHighlightBackground#72e3ad33
• scrollbar.shadow#0000001a
• sideBar.background#fcfcfc
• sideBar.border#dfdfdf
• sideBar.foreground#707070
• sideBarTitle.foreground#171717
• statusBar.background#fcfcfc
• statusBar.border#dfdfdf
• statusBar.foreground#707070
• tab.activeBackground#fcfcfc
• tab.activeForeground#171717
• tab.border#dfdfdf
• tab.inactiveBackground#fdfdfd
• tab.inactiveForeground#707070
• titleBar.activeBackground#fcfcfc
• titleBar.activeForeground#171717
• titleBar.inactiveBackground#fdfdfd
• titleBar.inactiveForeground#707070

tokenColors

TextMate scopes and font styles (syntax highlighting rules).