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#fafafa
• activityBar.foreground#403B41
• activityBar.inactiveForeground#9e9e9e
• activityBarBadge.background#d3c1d1
• activityBarBadge.foreground#403B41
• badge.background#d3c1d1
• badge.foreground#403B41
• button.background#d3c1d1
• button.foreground#403B41
• button.hoverBackground#b3a2b5
• dropdown.background#fafafa
• dropdown.border#e3e4e2
• dropdown.foreground#403B41
• editor.background#fafafa
• editor.foreground#403B41
• editor.lineHighlightBackground#e3e4e2
• editor.selectionBackground#d0d0d0
• editorLineNumber.foreground#9e9e9e
• input.background#f4f4f4
• input.border#e3e4e2
• input.foreground#403B41
• input.placeholderForeground#d3c1d1
• scrollbarSlider.activeBackground#d3c1d160
• scrollbarSlider.background#e3e4e260
• scrollbarSlider.hoverBackground#d3c1d160
• sideBar.background#f4f4f4
• sideBar.border#e3e4e2
• sideBar.foreground#403B41
• sideBarSectionHeader.background#e8e8e8
• sideBarSectionHeader.foreground#403B41
• sideBarTitle.foreground#403B41
• statusBar.background#fafafa
• statusBar.border#e3e4e2
• statusBar.foreground#403B41
• tab.activeBackground#fafafa
• tab.activeBorder#b3a2b5
• tab.activeForeground#403B41
• tab.border#e3e4e2
• tab.inactiveBackground#f4f4f4
• tab.inactiveForeground#9e9e9e
• terminal.foreground#403B41
• titleBar.activeBackground#fafafa
• titleBar.activeForeground#403B41
• titleBar.inactiveBackground#fafafa
• titleBar.inactiveForeground#9e9e9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).