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#D6399E33
• activityBar.activeBorder#D6399E
• activityBar.activeFocusBorder#D6399E
• activityBar.background#F3DCEE
• activityBar.border#EAD5E6
• activityBar.foreground#8A2A6E
• activityBar.hoverBackground#D6399E1F
• activityBar.hoverForeground#8A2A6E
• activityBar.inactiveForeground#C79BC0
• activityBarBadge.background#D6399E
• activityBarBadge.foreground#FFF6FB
• badge.background#D6399E
• badge.foreground#FFF6FB
• breadcrumb.activeSelectionForeground#D6399E
• breadcrumb.focusForeground#3A2740
• breadcrumb.foreground#8B6F8A
• button.background#D6399E
• button.foreground#FFF6FB
• button.hoverBackground#C42E8F
• button.secondaryBackground#E6CFE2
• button.secondaryForeground#3A2740
• button.secondaryHoverBackground#DABAD6
• descriptionForeground#8B6F8A
• disabledForeground#B7A3B5
• dropdown.background#FFFFFF
• dropdown.border#DABAD6
• dropdown.foreground#3A2740
• editor.background#FCF6FB
• editor.findMatchBackground#E8A33D55
• editor.findMatchHighlightBackground#E8A33D2A
• editor.foreground#3A2740
• editor.inactiveSelectionBackground#3FA9DD1A
• editor.lineHighlightBackground#F3E1F0
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#3FA9DD33
• editor.selectionHighlightBackground#3FA9DD22
• editor.wordHighlightBackground#9B5DE522
• editor.wordHighlightStrongBackground#9B5DE533
• editorBracketMatch.background#3FA9DD22
• editorBracketMatch.border#3FA9DD88
• editorCursor.foreground#D6399E
• editorError.foreground#C6294F
• editorGroup.border#EAD5E6
• editorGroupHeader.tabsBackground#F7E9F4
• editorGroupHeader.tabsBorder#EAD5E6
• editorGutter.addedBackground#3FA9DD
• editorGutter.deletedBackground#C6294F
• editorGutter.modifiedBackground#3FA9DD
• editorIndentGuide.activeBackground1#D6399E66
• editorIndentGuide.background1#EAD5E6
• editorInfo.foreground#3FA9DD
• editorLineNumber.activeForeground#D6399E
• editorLineNumber.foreground#C9AEC6
• editorOverviewRuler.border#EAD5E6
• editorRuler.foreground#EAD5E6
• editorWarning.foreground#B8791E
• editorWhitespace.foreground#E6CFE2
• errorForeground#C6294F
• extensionButton.prominentBackground#D6399E
• extensionButton.prominentForeground#FFF6FB
• extensionButton.prominentHoverBackground#C42E8F
• focusBorder#D6399E88
• foreground#3A2740
• gitDecoration.addedResourceForeground#2E9E6D
• gitDecoration.conflictingResourceForeground#E8A33D
• gitDecoration.deletedResourceForeground#C6294F
• gitDecoration.ignoredResourceForeground#C9AEC6
• gitDecoration.modifiedResourceForeground#3FA9DD
• gitDecoration.untrackedResourceForeground#9B5DE5
• input.background#FFFFFF
• input.border#DABAD6
• input.foreground#3A2740
• input.placeholderForeground#B7A3B5
• inputOption.activeBackground#D6399E22
• inputOption.activeBorder#D6399E
• list.activeSelectionBackground#D6399E22
• list.activeSelectionForeground#3A2740
• list.focusBackground#D6399E33
• list.highlightForeground#D6399E
• list.hoverBackground#F1DCED
• list.inactiveSelectionBackground#F1DCED
• menu.background#FCF6FB
• menu.border#EAD5E6
• menu.foreground#3A2740
• menu.selectionBackground#D6399E22
• notificationCenterHeader.background#F3DCEE
• notifications.background#FCF6FB
• notifications.border#EAD5E6
• panel.background#FCF6FB
• panel.border#EAD5E6
• panelTitle.activeBorder#D6399E
• panelTitle.activeForeground#8A2A6E
• panelTitle.inactiveForeground#8B6F8A
• pickerGroup.border#EAD5E6
• pickerGroup.foreground#D6399E
• progressBar.background#D6399E
• scrollbarSlider.activeBackground#D6399E77
• scrollbarSlider.background#D6399E33
• scrollbarSlider.hoverBackground#D6399E55
• selection.background#D6399E44
• sideBar.background#F7E9F4
• sideBar.border#EAD5E6
• sideBar.foreground#4F3A50
• sideBarSectionHeader.background#F1DCED
• sideBarSectionHeader.border#EAD5E6
• sideBarSectionHeader.foreground#3A2740
• sideBarTitle.foreground#3A2740
• statusBar.background#D6399E
• statusBar.border#C42E8F
• statusBar.debuggingBackground#E8A33D
• statusBar.debuggingForeground#3A2740
• statusBar.foreground#FFF6FB
• statusBar.noFolderBackground#9B5DE5
• statusBarItem.hoverBackground#C42E8F
• statusBarItem.remoteBackground#3FA9DD
• statusBarItem.remoteForeground#0E2A38
• tab.activeBackground#FCF6FB
• tab.activeBorderTop#D6399E
• tab.activeForeground#3A2740
• tab.border#EAD5E6
• tab.inactiveBackground#F1DCED
• tab.inactiveForeground#8B6F8A
• tab.unfocusedActiveBorderTop#D6399E66
• terminal.ansiBlack#3A2740
• terminal.ansiBlue#3FA9DD
• terminal.ansiBrightBlack#8B6F8A
• terminal.ansiBrightBlue#6EC6F0
• terminal.ansiBrightCyan#79D2E8
• terminal.ansiBrightGreen#3DBE85
• terminal.ansiBrightMagenta#E91E8C
• terminal.ansiBrightRed#E5484D
• terminal.ansiBrightWhite#3A2740
• terminal.ansiBrightYellow#E8A33D
• terminal.ansiCyan#4FA8C8
• terminal.ansiGreen#2E9E6D
• terminal.ansiMagenta#D6399E
• terminal.ansiRed#C6294F
• terminal.ansiWhite#4F3A50
• terminal.ansiYellow#B8791E
• terminal.background#FCF6FB
• terminal.foreground#3A2740
• titleBar.activeBackground#F3DCEE
• titleBar.activeForeground#3A2740
• titleBar.border#EAD5E6
• titleBar.inactiveBackground#F7E9F4
• titleBar.inactiveForeground#8B6F8A
• widget.shadow#3A274022

tokenColors

TextMate scopes and font styles (syntax highlighting rules).