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#FF3EC433
• activityBar.activeBorder#FF3EC4
• activityBar.activeFocusBorder#FF3EC4
• activityBar.background#401429
• activityBar.border#60213E
• activityBar.foreground#FF7CDA
• activityBar.hoverBackground#FF3EC41F
• activityBar.hoverForeground#FF7CDA
• activityBar.inactiveForeground#5A4C70
• activityBarBadge.background#FF3EC4
• activityBarBadge.foreground#300E1E
• badge.background#FF3EC4
• badge.foreground#300E1E
• breadcrumb.activeSelectionForeground#FF7CDA
• breadcrumb.focusForeground#F0E6F5
• breadcrumb.foreground#9884A8
• button.background#FF3EC4
• button.foreground#300E1E
• button.hoverBackground#FF66D2
• button.secondaryBackground#682444
• button.secondaryForeground#F0E6F5
• button.secondaryHoverBackground#382A50
• descriptionForeground#9884A8
• disabledForeground#6B5C78
• dropdown.background#401429
• dropdown.border#682444
• dropdown.foreground#F0E6F5
• editor.background#300E1E
• editor.findMatchBackground#FFB86B55
• editor.findMatchHighlightBackground#FFB86B2A
• editor.foreground#F0E6F5
• editor.inactiveSelectionBackground#4FD1FF14
• editor.lineHighlightBackground#521833
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#4FD1FF33
• editor.selectionHighlightBackground#4FD1FF1F
• editor.wordHighlightBackground#B47CFF26
• editor.wordHighlightStrongBackground#B47CFF3D
• editorBracketMatch.background#4FD1FF22
• editorBracketMatch.border#4FD1FF99
• editorCursor.foreground#4FD1FF
• editorError.foreground#FF5C7A
• editorGroup.border#60213E
• editorGroupHeader.tabsBackground#280B19
• editorGroupHeader.tabsBorder#60213E
• editorGutter.addedBackground#4FD1FF
• editorGutter.deletedBackground#FF5C7A
• editorGutter.modifiedBackground#4FD1FF
• editorIndentGuide.activeBackground1#FF3EC466
• editorIndentGuide.background1#60213E
• editorInfo.foreground#4FD1FF
• editorLineNumber.activeForeground#FF3EC4
• editorLineNumber.foreground#463A5C
• editorOverviewRuler.border#521833
• editorRuler.foreground#60213E
• editorWarning.foreground#FFB86B
• editorWhitespace.foreground#60213E
• errorForeground#FF5C7A
• extensionButton.prominentBackground#FF3EC4
• extensionButton.prominentForeground#300E1E
• extensionButton.prominentHoverBackground#FF66D2
• focusBorder#FF3EC488
• foreground#F0E6F5
• gitDecoration.addedResourceForeground#4FE0A8
• gitDecoration.conflictingResourceForeground#FFB86B
• gitDecoration.deletedResourceForeground#FF5C7A
• gitDecoration.ignoredResourceForeground#463A5C
• gitDecoration.modifiedResourceForeground#4FD1FF
• gitDecoration.untrackedResourceForeground#B47CFF
• input.background#401429
• input.border#682444
• input.foreground#F0E6F5
• input.placeholderForeground#6B5C78
• inputOption.activeBackground#FF3EC422
• inputOption.activeBorder#FF3EC4
• list.activeSelectionBackground#FF3EC42A
• list.activeSelectionForeground#F0E6F5
• list.focusBackground#FF3EC43D
• list.highlightForeground#FF7CDA
• list.hoverBackground#521833
• list.inactiveSelectionBackground#521833
• menu.background#401429
• menu.border#60213E
• menu.foreground#F0E6F5
• menu.selectionBackground#FF3EC42A
• notificationCenterHeader.background#211440
• notifications.background#1A0E30
• notifications.border#60213E
• panel.background#300E1E
• panel.border#60213E
• panelTitle.activeBorder#FF3EC4
• panelTitle.activeForeground#FF7CDA
• panelTitle.inactiveForeground#6B5C78
• pickerGroup.border#60213E
• pickerGroup.foreground#FF3EC4
• progressBar.background#FF3EC4
• scrollbarSlider.activeBackground#FF3EC470
• scrollbarSlider.background#FF3EC42A
• scrollbarSlider.hoverBackground#FF3EC44D
• selection.background#FF3EC444
• sideBar.background#280B19
• sideBar.border#60213E
• sideBar.foreground#D8CBE0
• sideBarSectionHeader.background#521833
• sideBarSectionHeader.border#60213E
• sideBarSectionHeader.foreground#F0E6F5
• sideBarTitle.foreground#F0E6F5
• statusBar.background#AF1D7A
• statusBar.border#7A1F59
• statusBar.debuggingBackground#FFB86B
• statusBar.debuggingForeground#300E1E
• statusBar.foreground#FDF0F8
• statusBar.noFolderBackground#5F10C6
• statusBarItem.hoverBackground#C9268E
• statusBarItem.remoteBackground#4FD1FF
• statusBarItem.remoteForeground#300E1E
• tab.activeBackground#300E1E
• tab.activeBorderTop#FF3EC4
• tab.activeForeground#F0E6F5
• tab.border#60213E
• tab.inactiveBackground#401429
• tab.inactiveForeground#7A6C88
• tab.unfocusedActiveBorderTop#FF3EC466
• terminal.ansiBlack#401429
• terminal.ansiBlue#4FD1FF
• terminal.ansiBrightBlack#6B5C78
• terminal.ansiBrightBlue#8AE0FF
• terminal.ansiBrightCyan#9CDCFF
• terminal.ansiBrightGreen#7CF0C0
• terminal.ansiBrightMagenta#FF7CDA
• terminal.ansiBrightRed#FF8098
• terminal.ansiBrightWhite#F0E6F5
• terminal.ansiBrightYellow#FFCB8E
• terminal.ansiCyan#5AC8FA
• terminal.ansiGreen#4FE0A8
• terminal.ansiMagenta#FF3EC4
• terminal.ansiRed#FF5C7A
• terminal.ansiWhite#D8CBE0
• terminal.ansiYellow#FFB86B
• terminal.background#300E1E
• terminal.foreground#F0E6F5
• titleBar.activeBackground#401429
• titleBar.activeForeground#F0E6F5
• titleBar.border#60213E
• titleBar.inactiveBackground#280B19
• titleBar.inactiveForeground#6B5C78
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).