Fridwen Pro

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#282A36
• activityBar.foreground#FF79C6
• activityBarBadge.background#BD93F9
• activityBarBadge.foreground#282A36
• badge.background#FF79C6
• badge.foreground#1B1F27
• button.background#50FA7B
• button.foreground#1B1F27
• button.hoverBackground#4B5263
• editor.background#1B1F27
• editor.foreground#C8D0E0
• editor.lineHighlightBackground#2D323B
• editor.selectionBackground#FF79C6
• editor.selectionHighlightBackground#FF79C640
• editor.wordHighlightBackground#8BE9FD40
• editorBracketMatch.background#50FA7B40
• editorBracketMatch.border#50FA7B
• editorCursor.foreground#FFCC00
• editorError.foreground#FF5555
• editorGroupHeader.tabsBackground#1B1F27
• editorGroupHeader.tabsBorder#282A36
• editorGutter.background#1B1F27
• editorGutter.foreground#5C6370
• editorIndentGuide.background#4B5263
• editorInfo.foreground#8BE9FD
• editorLineNumber.foreground#6272A4
• editorWarning.foreground#FFB86C
• editorWhitespace.foreground#3B3F4A
• input.background#2C2F38
• input.border#5C6370
• input.foreground#C8D0E0
• sideBar.background#21222C
• sideBar.border#6272A4
• sideBar.foreground#C8D0E0
• sideBarSectionHeader.background#282A36
• sideBarSectionHeader.foreground#F1FA8C
• sideBarTitle.foreground#8BE9FD
• statusBar.background#282A36
• statusBar.debuggingBackground#FF5555
• statusBar.debuggingForeground#F8F8F2
• statusBar.foreground#8BE9FD
• tab.activeBackground#44475A
• tab.activeForeground#FFB86C
• tab.border#6272A4
• tab.inactiveBackground#282A36
• tab.inactiveForeground#6272A4
• terminal.ansiBlack#1B1F27
• terminal.ansiBlue#BD93F9
• terminal.ansiCyan#8BE9FD
• terminal.ansiGreen#50FA7B
• terminal.ansiMagenta#FF79C6
• terminal.ansiRed#FF5555
• terminal.ansiWhite#F8F8F2
• terminal.ansiYellow#F1FA8C
• terminal.background#1B1F27
• terminal.foreground#C8D0E0
• terminal.selectionBackground#FF79C6
• titleBar.activeBackground#282A36
• titleBar.activeForeground#BD93F9
• titleBar.inactiveBackground#21222C
• titleBar.inactiveForeground#6272A4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).