Canonic Theme

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.activeBorder#E95420
• activityBar.background#5D2626
• activityBar.foreground#FFFFFF
• activityBarBadge.background#E95420
• activityBarBadge.foreground#FFFFFF
• button.background#E95420
• button.foreground#FFFFFF
• button.hoverBackground#FF6A2E
• dropdown.background#1C1C1C
• dropdown.border#E95420
• dropdown.foreground#FFFFFF
• editor.background#1E1E1E
• editor.foreground#FFFFFF
• editor.selectionBackground#3C3C3C
• editorCursor.foreground#E95420
• editorIndentGuide.background#5A5A5A
• editorLineNumber.foreground#E95420
• focusBorder#E95420
• foreground#FFFFFF
• input.background#303030
• input.border#E95420
• input.foreground#FFFFFF
• input.placeholderForeground#AAAAAA
• list.activeSelectionBackground#E95420
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#3C3C3C
• list.inactiveSelectionBackground#2E2E2E
• list.inactiveSelectionForeground#FFFFFF
• sideBar.background#303030
• sideBar.foreground#CFCFCF
• sideBarSectionHeader.background#303030
• sideBarSectionHeader.foreground#FFFFFF
• statusBar.background#CC420A
• statusBar.debuggingBackground#E95420
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#FFFFFF
• terminal.ansiBlack#2E3436
• terminal.ansiBlue#3465A4
• terminal.ansiBrightBlack#555753
• terminal.ansiBrightBlue#729FCF
• terminal.ansiBrightCyan#34E2E2
• terminal.ansiBrightGreen#8AE234
• terminal.ansiBrightMagenta#AD7FA8
• terminal.ansiBrightRed#EF2929
• terminal.ansiBrightWhite#EEEEEC
• terminal.ansiBrightYellow#FCE94F
• terminal.ansiCyan#06989A
• terminal.ansiGreen#4E9A06
• terminal.ansiMagenta#75507B
• terminal.ansiRed#CC0000
• terminal.ansiWhite#D3D7CF
• terminal.ansiYellow#C4A000
• terminal.background#262626
• terminal.foreground#472E26
• terminalCursor.foreground#E95420
• titleBar.activeBackground#5D2626
• titleBar.activeForeground#FFFFFF
• titleBar.inactiveBackground#252525
• titleBar.inactiveForeground#AAAAAA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).