mourning

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#3a3a3a
• activityBar.foreground#bcbcbc
• editor.background#1c1c1c
• editor.findMatchHighlightBackground#afff5f22
• editor.foreground#8a8a8a
• editorBracketMatch.background#3a3a3a
• editorBracketMatch.border#0000
• editorCursor.background#080808
• editorCursor.foreground#5fff87
• editorGroupHeader.tabsBackground#262626
• editorLineNumber.activeForeground#585858
• editorLineNumber.foreground#3a3a3a
• sideBar.background#262626
• sideBar.foreground#8a8a8a
• sideBarSectionHeader.background#3a3a3a
• sideBarSectionHeader.foreground#bcbcbc
• sideBarTitle.foreground#bcbcbc
• statusBar.background#3a3a3a
• statusBar.debuggingBackground#3a3a3a
• statusBar.debuggingBorder#ff5f5f
• statusBar.foreground#bcbcbc
• statusBar.noFolderBackground#3a3a3a
• statusBar.noFolderBorder#875f87
• statusBarItem.prominentBackground#585858
• tab.activeBackground#1c1c1c
• tab.inactiveBackground#262626
• terminal.ansiBlack#000000
• terminal.ansiBlue#678cc7
• terminal.ansiBrightBlack#63676b
• terminal.ansiBrightBlue#89abe4
• terminal.ansiBrightCyan#a8d5d6
• terminal.ansiBrightGreen#86e1a9
• terminal.ansiBrightMagenta#d7acd6
• terminal.ansiBrightRed#e5aa8a
• terminal.ansiBrightWhite#e6e9ed
• terminal.ansiBrightYellow#d5d4a9
• terminal.ansiCyan#88b8b9
• terminal.ansiGreen#64c48a
• terminal.ansiMagenta#b98db9
• terminal.ansiRed#c88a68
• terminal.ansiWhite#d6d6d6
• terminal.ansiYellow#b8b78a
• terminal.background#1c1c1c
• terminal.foreground#929292
• terminalCursor.background#080808
• terminalCursor.foreground#5fff87
• titleBar.activeBackground#3a3a3a
• titleBar.activeForeground#bcbcbc
• titleBar.inactiveBackground#3a3a3a
• titleBar.inactiveForeground#8a8a8a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).