Elypink Theme

Color themes

• 

  Elypink Dark

• 

  Elypink Dark (Faded)

• 

  Elypink Dark (Subtle)

• 

  Elypink 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#1C1215
• activityBar.foreground#A75275
• activityBar.inactiveForeground#BB96AA
• activityBarBadge.background#AB2C61
• activityBarBadge.foreground#FFFFFF
• badge.background#D44F87
• badge.foreground#FFFFFF
• button.background#B2778F
• button.foreground#FFFFFF
• button.hoverBackground#A06A83
• commandCenter.activeBackground#2D2528
• commandCenter.activeBorder#706168
• commandCenter.activeForeground#EAC2D7
• commandCenter.background#292124
• commandCenter.border#7A6F74
• commandCenter.foreground#C89AB7
• commandCenter.inactiveBorder#7A6F74
• commandCenter.inactiveForeground#B49BA8
• dropdown.background#333131
• dropdown.border#7A6F74
• dropdown.foreground#F1BDD2
• editor.background#302B2D
• editor.findMatchBackground#24051070
• editor.findMatchHighlightBackground#24051050
• editor.foreground#C69FB8
• editor.lineHighlightBackground#2E2529
• editor.selectionBackground#24051040
• editor.wordHighlightBackground#24051050
• editorBracketHighlight.foreground1#84B7CA
• editorBracketHighlight.foreground2#84B7CA
• editorBracketHighlight.foreground3#84B7CA
• editorBracketHighlight.foreground4#84B7CA
• editorBracketHighlight.foreground5#84B7CA
• editorBracketHighlight.foreground6#84B7CA
• editorBracketMatch.background#33081930
• editorBracketMatch.border#8B6A77
• editorCursor.foreground#A86580
• editorGroupHeader.tabsBackground#292123
• editorGutter.addedBackground#569D32
• editorGutter.deletedBackground#D76069
• editorGutter.modifiedBackground#C19366
• editorIndentGuide.activeBackground#1F151A
• editorIndentGuide.background#24171C
• editorLineNumber.activeForeground#B47E95
• editorLineNumber.foreground#A07F8D
• editorRuler.foreground#998990
• editorWidget.background#302B2D
• editorWidget.border#7A6F74
• focusBorder#947581
• gitDecoration.deletedResourceForeground#D76069
• gitDecoration.ignoredResourceForeground#91838AC0
• gitDecoration.modifiedResourceForeground#F167CC
• gitDecoration.untrackedResourceForeground#C96EF4
• icon.foreground#F7C4DF
• input.background#333131
• input.border#7A6F74
• input.foreground#F1BDD2
• input.placeholderForeground#A08892
• inputOption.activeBorder#593B47
• list.activeSelectionBackground#2F2729
• list.activeSelectionForeground#F1BDD2
• list.highlightForeground#994566
• list.hoverBackground#2E2427
• list.inactiveSelectionBackground#2E2729
• menubar.selectionBackground#1A0910
• menubar.selectionForeground#F7C4DF
• minimap.selectionHighlight#1A040C60
• panel.background#2D2528
• panel.border#5E4D56
• panelTitle.activeBorder#F580AF
• panelTitle.activeForeground#F580AF
• panelTitle.inactiveForeground#C89CAE
• peekView.border#593B47
• peekViewEditor.background#302B2D
• peekViewResult.background#2D2528
• peekViewTitle.background#2A2125
• progressBar.background#1A040C
• quickInput.background#302B2D
• quickInput.foreground#F1BDD2
• quickInputList.focusBackground#2B1E23
• quickInputList.focusForeground#F1BDD2
• scrollbarSlider.activeBackground#1A040C80
• scrollbarSlider.background#1A040C60
• scrollbarSlider.hoverBackground#1A040C80
• selection.background#1A040C60
• sideBar.background#292123
• sideBar.foreground#CCA2BA
• sideBarSectionHeader.background#23171B
• sideBarSectionHeader.foreground#E9669D
• sideBarTitle.foreground#E9669D
• statusBar.background#1E1216
• statusBar.debuggingBackground#231016
• statusBar.focusBorder#593B47
• statusBar.foreground#DE63B1
• statusBar.noFolderBackground#1E1216
• statusBarItem.activeBackground#1A0910
• statusBarItem.focusBorder#593B47
• statusBarItem.hoverBackground#1C0C13
• statusBarItem.hoverForeground#D7589C
• statusBarItem.remoteBackground#B2778F
• statusBarItem.remoteForeground#FFFFFF
• statusBarItem.remoteHoverBackground#A06A83
• statusBarItem.remoteHoverForeground#FFFFFF
• tab.activeBackground#FFABD20E
• tab.activeBorder#E768BA
• tab.activeBorderTop#746C7000
• tab.activeForeground#E768BA
• tab.border#746C7000
• tab.inactiveBackground#2B2327
• tab.inactiveForeground#C8A9B4
• terminal.ansiBlack#2D2D2D
• terminal.ansiBlue#26C9FF
• terminal.ansiBrightBlack#ECECEC
• terminal.ansiBrightBlue#6FDBFF
• terminal.ansiBrightCyan#75FFFF
• terminal.ansiBrightGreen#70FF70
• terminal.ansiBrightMagenta#F89AFF
• terminal.ansiBrightRed#FF80C0
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FEE068
• terminal.ansiCyan#24EFEF
• terminal.ansiGreen#21DD21
• terminal.ansiMagenta#F689FF
• terminal.ansiRed#FF6FB8
• terminal.ansiWhite#F8F8F8
• terminal.ansiYellow#F5CB25
• terminal.background#361D27
• terminal.foreground#FFE5EE
• terminal.selectionBackground#396F9980
• terminalStickyScroll.background#1A040C
• terminalStickyScrollHover.background#1A040C
• textLink.activeForeground#B26B8C
• textLink.foreground#A4627D
• titleBar.activeBackground#231018
• titleBar.activeForeground#F7C4DF
• titleBar.hoverBackground#1C0C13
• titleBar.inactiveBackground#1E1216
• titleBar.inactiveForeground#D0B1C4
• toolbar.activeBackground#1A040D50
• toolbar.hoverBackground#1A040D30
• windowControlsOverlay.background#231018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).