Rhysand Dark

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#1D1D1D
• activityBar.foreground#A899E4
• activityBarBadge.background#FF5370
• activityBarBadge.foreground#FFFFFF
• editor.background#282828
• editor.findMatchBackground#7D5B8C
• editor.findMatchBorder#A899E4
• editor.findMatchHighlightBackground#6C487B
• editor.foreground#D4D4D4
• editor.lineHighlightBackground#312E3D
• editor.selectionBackground#7D5B8C
• editor.selectionForeground#FFFFFF
• editor.wordHighlightBackground#57436D
• editor.wordHighlightBorder#57436D
• editor.wordHighlightStrongBackground#57436D
• editor.wordHighlightStrongBorder#57436D
• editorBracketMatch.background#7D5B8C
• editorBracketMatch.border#A899E4
• editorCursor.foreground#A899E4
• editorError.foreground#FF5370
• editorGroupHeader.tabsBackground#1D1D1D
• editorGroupHeader.tabsBorder#A899E4
• editorHint.foreground#00FF00
• editorIndentGuide.background1#312E3D
• editorInfo.foreground#75E5FF
• editorLineNumber.foreground#A899E4
• editorLink.activeForeground#A899E4
• editorSuggestWidget.background#1D1D1D
• editorSuggestWidget.foreground#A899E4
• editorSuggestWidget.selectedBackground#57436D
• editorWarning.foreground#FABD2F
• editorWhitespace.foreground#312E3D
• editorWidget.background#1D1D1D
• editorWidget.border#A899E4
• list.activeSelectionBackground#7D5B8C
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#312E3D
• list.inactiveSelectionBackground#57436D
• list.inactiveSelectionForeground#FFFFFF
• scrollbarSlider.activeBackground#A899E4
• scrollbarSlider.background#57436D
• scrollbarSlider.hoverBackground#7D5B8C
• sideBar.background#1D1D1D
• sideBar.foreground#A899E4
• statusBar.background#1D1D1D
• statusBar.debuggingBackground#FF5370
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#A899E4
• statusBar.noFolderBackground#1D1D1D
• statusBar.noFolderForeground#A899E4
• statusBarItem.hoverBackground#57436D
• statusBarItem.prominentBackground#57436D
• statusBarItem.prominentHoverBackground#7D5B8C
• tab.activeBackground#7D5B8C
• tab.activeForeground#FFFFFF
• tab.inactiveBackground#1D1D1D
• tab.inactiveForeground#A899E4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).