KSHN Themes

Color themes

• 

  KSHN Champagne

• 

  KSHN Dark Champagne

• 

  KSHN Dark Pink Moscato

• 

  KSHN Pink Moscato

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.activeBackground#FF6A2E33
• activityBar.activeBorder#FF6A2E
• activityBar.activeFocusBorder#FF6A2E
• activityBar.background#241309
• activityBar.border#3A2013
• activityBar.foreground#FFB37A
• activityBar.hoverBackground#FF6A2E1F
• activityBar.hoverForeground#FFB37A
• activityBar.inactiveForeground#6B5640
• activityBarBadge.background#FF6A2E
• activityBarBadge.foreground#1E0F07
• badge.background#FF6A2E
• badge.foreground#1E0F07
• breadcrumb.activeSelectionForeground#FFB37A
• breadcrumb.focusForeground#F3E6D2
• breadcrumb.foreground#A8886A
• button.background#FF6A2E
• button.foreground#1E0F07
• button.hoverBackground#FF8850
• button.secondaryBackground#4A2A14
• button.secondaryForeground#F3E6D2
• button.secondaryHoverBackground#5C3420
• descriptionForeground#A8886A
• disabledForeground#6B5640
• dropdown.background#241309
• dropdown.border#4A2A14
• dropdown.foreground#F3E6D2
• editor.background#1E0F07
• editor.findMatchBackground#D9A25755
• editor.findMatchHighlightBackground#D9A2572A
• editor.foreground#F3E6D2
• editor.inactiveSelectionBackground#FFB34714
• editor.lineHighlightBackground#2E1B0F
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#FFB34733
• editor.selectionHighlightBackground#FFB3471F
• editor.wordHighlightBackground#E2704F26
• editor.wordHighlightStrongBackground#E2704F3D
• editorBracketMatch.background#FFB34722
• editorBracketMatch.border#FFB34799
• editorCursor.foreground#FFD9A0
• editorError.foreground#FF6B5C
• editorGroup.border#3A2013
• editorGroupHeader.tabsBackground#170B05
• editorGroupHeader.tabsBorder#3A2013
• editorGutter.addedBackground#8FBE6B
• editorGutter.deletedBackground#FF6B5C
• editorGutter.modifiedBackground#E8B84B
• editorIndentGuide.activeBackground1#FF6A2E66
• editorIndentGuide.background1#3A2013
• editorInfo.foreground#FFD9A0
• editorLineNumber.activeForeground#FF6A2E
• editorLineNumber.foreground#4A3420
• editorOverviewRuler.border#2E1B0F
• editorRuler.foreground#3A2013
• editorWarning.foreground#E8B84B
• editorWhitespace.foreground#3A2013
• errorForeground#FF6B5C
• extensionButton.prominentBackground#FF6A2E
• extensionButton.prominentForeground#1E0F07
• extensionButton.prominentHoverBackground#FF8850
• focusBorder#FF6A2E88
• foreground#F3E6D2
• gitDecoration.addedResourceForeground#8FBE6B
• gitDecoration.conflictingResourceForeground#E8B84B
• gitDecoration.deletedResourceForeground#FF6B5C
• gitDecoration.ignoredResourceForeground#4A3420
• gitDecoration.modifiedResourceForeground#6FA8C8
• gitDecoration.untrackedResourceForeground#E2704F
• input.background#241309
• input.border#4A2A14
• input.foreground#F3E6D2
• input.placeholderForeground#6B5640
• inputOption.activeBackground#FF6A2E22
• inputOption.activeBorder#FF6A2E
• list.activeSelectionBackground#FF6A2E2A
• list.activeSelectionForeground#F3E6D2
• list.focusBackground#FF6A2E3D
• list.highlightForeground#FFB37A
• list.hoverBackground#2E1B0F
• list.inactiveSelectionBackground#2E1B0F
• menu.background#241309
• menu.border#3A2013
• menu.foreground#F3E6D2
• menu.selectionBackground#FF6A2E2A
• notificationCenterHeader.background#241309
• notifications.background#170B05
• notifications.border#3A2013
• panel.background#1E0F07
• panel.border#3A2013
• panelTitle.activeBorder#FF6A2E
• panelTitle.activeForeground#FFB37A
• panelTitle.inactiveForeground#6B5640
• pickerGroup.border#3A2013
• pickerGroup.foreground#FF6A2E
• progressBar.background#FF6A2E
• scrollbarSlider.activeBackground#FF6A2E70
• scrollbarSlider.background#FF6A2E2A
• scrollbarSlider.hoverBackground#FF6A2E4D
• selection.background#FF6A2E44
• sideBar.background#170B05
• sideBar.border#3A2013
• sideBar.foreground#D9C4A8
• sideBarSectionHeader.background#2E1B0F
• sideBarSectionHeader.border#3A2013
• sideBarSectionHeader.foreground#F3E6D2
• sideBarTitle.foreground#F3E6D2
• statusBar.background#A8461B
• statusBar.border#7A3012
• statusBar.debuggingBackground#E8B84B
• statusBar.debuggingForeground#1E0F07
• statusBar.foreground#FDF0E0
• statusBar.noFolderBackground#5C3A6B
• statusBarItem.hoverBackground#C4581F
• statusBarItem.remoteBackground#FFD9A0
• statusBarItem.remoteForeground#1E0F07
• tab.activeBackground#1E0F07
• tab.activeBorderTop#FF6A2E
• tab.activeForeground#F3E6D2
• tab.border#3A2013
• tab.inactiveBackground#241309
• tab.inactiveForeground#8C6F52
• tab.unfocusedActiveBorderTop#FF6A2E66
• terminal.ansiBlack#241309
• terminal.ansiBlue#6FA8C8
• terminal.ansiBrightBlack#6B5640
• terminal.ansiBrightBlue#9CC8E0
• terminal.ansiBrightCyan#A0DCD2
• terminal.ansiBrightGreen#A8D488
• terminal.ansiBrightMagenta#F0906E
• terminal.ansiBrightRed#FF8C7A
• terminal.ansiBrightWhite#F3E6D2
• terminal.ansiBrightYellow#FFD07A
• terminal.ansiCyan#7AC0B8
• terminal.ansiGreen#8FBE6B
• terminal.ansiMagenta#E2704F
• terminal.ansiRed#FF6B5C
• terminal.ansiWhite#D9C4A8
• terminal.ansiYellow#E8B84B
• terminal.background#1E0F07
• terminal.foreground#F3E6D2
• titleBar.activeBackground#241309
• titleBar.activeForeground#F3E6D2
• titleBar.border#3A2013
• titleBar.inactiveBackground#170B05
• titleBar.inactiveForeground#6B5640
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).