FSociety

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#15141B
• activityBar.border#110F18
• activityBar.foreground#44D7B6
• activityBar.inactiveForeground#525156
• activityBarBadge.background#A277FF
• activityBarBadge.foreground#15141B
• badge.background#A277FF
• badge.foreground#15141B
• button.background#4D466E
• button.foreground#EDECEE
• button.hoverBackground#5A5380
• descriptionForeground#ADACAE
• diffEditor.insertedTextBackground#49C29A33
• diffEditor.removedTextBackground#FF474733
• dropdown.background#15141B
• dropdown.border#3B334B
• dropdown.foreground#EDECEE
• editor.background#000000
• editor.findMatchBackground#A277FF55
• editor.findMatchBorder#A277FF
• editor.findMatchHighlightBackground#A277FF2B
• editor.findMatchHighlightBorder#4D466E
• editor.findRangeHighlightBackground#3B334B66
• editor.foreground#EDECEE
• editor.hoverHighlightBackground#3B334B66
• editor.selectionBackground#3D375E7F
• editor.selectionHighlightBackground#A394F033
• editor.wordHighlightBackground#3EA7847F
• editor.wordHighlightStrongBackground#3EA784AA
• editorBracketMatch.background#3D375E66
• editorBracketMatch.border#A277FF
• editorCursor.foreground#A277FF
• editorGroup.border#110F18
• editorGroupHeader.tabsBackground#15141B
• editorGutter.addedBackground#44D7B6
• editorGutter.background#000000
• editorGutter.deletedBackground#FF6767
• editorGutter.modifiedBackground#82E2FF
• editorHoverWidget.background#15141B
• editorHoverWidget.border#4D466E
• editorIndentGuide.activeBackground1#4D466E
• editorIndentGuide.background1#24222C
• editorLineNumber.activeForeground#CDCCCE
• editorLineNumber.foreground#6D6D6D
• editorOverviewRuler.findMatchForeground#A277FFAA
• editorOverviewRuler.selectionHighlightForeground#3EA784AA
• editorSuggestWidget.background#15141B
• editorSuggestWidget.border#4D466E
• editorSuggestWidget.foreground#EDECEE
• editorSuggestWidget.highlightForeground#44D7B6
• editorSuggestWidget.selectedBackground#3B334B
• editorWhitespace.foreground#24222C
• editorWidget.background#15141B
• editorWidget.border#4D466E
• editorWidget.resizeBorder#A277FF
• errorForeground#FF6767
• focusBorder#A277FF
• foreground#EDECEE
• input.background#15141B
• input.border#4D466E
• input.foreground#EDECEE
• input.placeholderForeground#6D6D6D
• inputOption.activeBorder#A277FF
• inputValidation.errorBorder#FF6767
• inputValidation.infoBorder#82E2FF
• inputValidation.warningBorder#7DA2FF
• list.activeSelectionBackground#3B334B
• list.activeSelectionForeground#EDECEE
• list.focusBackground#3B334B
• list.highlightForeground#44D7B6
• list.hoverBackground#24222C
• list.inactiveSelectionBackground#2E2B38
• merge.currentHeaderBackground#4D466EAA
• merge.incomingHeaderBackground#3EA7847F
• minimap.errorHighlight#FF6767AA
• minimap.findMatchHighlight#A277FF88
• minimap.selectionHighlight#3D375E88
• panel.background#15141B
• panel.border#110F18
• panelTitle.activeBorder#A277FF
• panelTitle.activeForeground#44D7B6
• panelTitle.inactiveForeground#6D6D6D
• peekView.border#A277FF
• peekViewEditor.background#15141B
• peekViewEditor.matchHighlightBackground#A277FF38
• peekViewResult.background#110F18
• peekViewResult.selectionBackground#3B334B
• peekViewTitle.background#15141B
• progressBar.background#A277FF
• scrollbarSlider.activeBackground#A277FF88
• scrollbarSlider.background#3D375E55
• scrollbarSlider.hoverBackground#4D466E77
• sideBar.background#15141B
• sideBar.border#110F18
• sideBar.foreground#EDECEE
• sideBarSectionHeader.background#110F18
• sideBarSectionHeader.border#121016
• sideBarSectionHeader.foreground#EDECEE
• sideBarTitle.foreground#44D7B6
• statusBar.background#15141B
• statusBar.border#110F18
• statusBar.debuggingBackground#A19C77
• statusBar.debuggingForeground#15141B
• statusBar.foreground#EDECEE
• statusBar.noFolderBackground#121016
• statusBarItem.hoverBackground#3B334B
• tab.activeBackground#000000
• tab.activeBorder#A277FF
• tab.activeForeground#44D7B6
• tab.border#110F18
• tab.inactiveBackground#15141B
• tab.inactiveForeground#6D6D6D
• tab.unfocusedActiveBorder#4D466E
• terminal.ansiBlack#000000
• terminal.ansiBlue#82E2FF
• terminal.ansiBrightBlack#6D6D6D
• terminal.ansiBrightBlue#B4EEFF
• terminal.ansiBrightCyan#B4EEFF
• terminal.ansiBrightGreen#8DFFD9
• terminal.ansiBrightMagenta#C7A9FF
• terminal.ansiBrightRed#FF8A8A
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#AFC1FF
• terminal.ansiCyan#82E2FF
• terminal.ansiGreen#44D7B6
• terminal.ansiMagenta#A277FF
• terminal.ansiRed#FF6767
• terminal.ansiWhite#EDECEE
• terminal.ansiYellow#7DA2FF
• terminal.background#000000
• terminal.foreground#EDECEE
• terminal.selectionBackground#3D375E7F
• terminalCursor.foreground#A277FF
• textBlockQuote.background#110F18
• textBlockQuote.border#4D466E
• textCodeBlock.background#15141B
• textLink.activeForeground#44D7B6
• textLink.foreground#82E2FF
• titleBar.activeBackground#15141B
• titleBar.activeForeground#EDECEE
• titleBar.inactiveBackground#110F18
• titleBar.inactiveForeground#6D6D6D
• tree.indentGuidesStroke#3B334B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).