Larko's Canyon Sunset

Color themes

• 

  canyon

• 

  canyon-light

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#0c0610
• activityBar.foreground#D6C2D1
• activityBar.inactiveForeground#756476
• activityBarBadge.background#412941
• activityBarBadge.foreground#D6C2D1
• badge.background#412941
• badge.foreground#D6C2D1
• button.background#412941
• button.foreground#D6C2D1
• button.hoverBackground#503050
• dropdown.background#0c0610
• dropdown.border#1A0E1B
• dropdown.foreground#B8A0B1
• editor.background#0c0610
• editor.foreground#D6C2D1
• editor.lineHighlightBackground#1A0E1B
• editor.selectionBackground#2D1D2C
• editorLineNumber.foreground#756476
• input.background#100C11
• input.border#1A0E1B
• input.foreground#D6C2D1
• input.placeholderForeground#412941
• menu.background#0c0610
• menu.border#1A0E1B
• menu.foreground#D6C2D1
• menu.selectionBackground#412941
• menu.selectionForeground#D6C2D1
• quickInput.background#100C11
• quickInput.foreground#D6C2D1
• scrollbarSlider.activeBackground#41294160
• scrollbarSlider.background#1A0E1B60
• scrollbarSlider.hoverBackground#41294160
• sideBar.background#100C11
• sideBar.border#1A0E1B
• sideBar.foreground#B8A0B1
• sideBarSectionHeader.background#1B121E
• sideBarSectionHeader.foreground#D6C2D1
• sideBarTitle.foreground#D6C2D1
• statusBar.background#0c0610
• statusBar.border#1A0E1B
• statusBar.foreground#D6C2D1
• tab.activeBackground#0c0610
• tab.activeBorder#503050
• tab.activeForeground#D6C2D1
• tab.border#1A0E1B
• tab.inactiveBackground#100C11
• tab.inactiveForeground#756476
• terminal.foreground#B8A0B1
• titleBar.activeBackground#0c0610
• titleBar.activeForeground#D6C2D1
• titleBar.inactiveBackground#0c0610
• titleBar.inactiveForeground#756476

tokenColors

TextMate scopes and font styles (syntax highlighting rules).