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#10181C
• activityBar.foreground#437EA7
• activityBar.inactiveForeground#8FA3BB
• activityBarBadge.background#166DAB
• activityBarBadge.foreground#FFFFFF
• badge.background#3893D4
• badge.foreground#FFFFFF
• button.background#6C95B2
• button.foreground#FFFFFF
• button.hoverBackground#6183A0
• commandCenter.activeBackground#23292D
• commandCenter.activeBorder#5E6870
• commandCenter.activeForeground#BBD1EA
• commandCenter.background#1F2529
• commandCenter.border#6D747A
• commandCenter.foreground#92A6C8
• commandCenter.inactiveBorder#6D747A
• commandCenter.inactiveForeground#96A4B4
• dropdown.background#313333
• dropdown.border#6D747A
• dropdown.foreground#B4D8F1
• editor.background#2A2D30
• editor.findMatchBackground#00182470
• editor.findMatchHighlightBackground#00182450
• editor.foreground#98A8C6
• editor.lineHighlightBackground#23292E
• editor.selectionBackground#00182440
• editor.wordHighlightBackground#00182450
• editorBracketHighlight.foreground1#DE849C
• editorBracketHighlight.foreground2#DE849C
• editorBracketHighlight.foreground3#DE849C
• editorBracketHighlight.foreground4#DE849C
• editorBracketHighlight.foreground5#DE849C
• editorBracketHighlight.foreground6#DE849C
• editorBracketMatch.background#001F3330
• editorBracketMatch.border#647B8B
• editorCursor.foreground#5988A8
• editorGroupHeader.tabsBackground#1F2629
• editorGutter.addedBackground#729D1F
• editorGutter.deletedBackground#4BCCD7
• editorGutter.modifiedBackground#56C18C
• editorIndentGuide.activeBackground#13191F
• editorIndentGuide.background#151E24
• editorLineNumber.activeForeground#7599B4
• editorLineNumber.foreground#798FA0
• editorRuler.foreground#869199
• editorWidget.background#2A2D30
• editorWidget.border#6D747A
• focusBorder#708694
• gitDecoration.deletedResourceForeground#4BCCD7
• gitDecoration.ignoredResourceForeground#808891C0
• gitDecoration.modifiedResourceForeground#4F7AF1
• gitDecoration.untrackedResourceForeground#8856F4
• icon.foreground#BBD7F7
• input.background#313333
• input.border#6D747A
• input.foreground#B4D8F1
• input.placeholderForeground#8494A0
• inputOption.activeBorder#364B59
• list.activeSelectionBackground#252C2F
• list.activeSelectionForeground#B4D8F1
• list.highlightForeground#367299
• list.hoverBackground#222A2E
• list.inactiveSelectionBackground#262C2E
• menubar.selectionBackground#06121A
• menubar.selectionForeground#BBD7F7
• minimap.selectionHighlight#00101A60
• panel.background#23292D
• panel.border#4A545E
• panelTitle.activeBorder#6FC5FF
• panelTitle.activeForeground#6FC5FF
• panelTitle.inactiveForeground#94B3C8
• peekView.border#364B59
• peekViewEditor.background#2A2D30
• peekViewResult.background#23292D
• peekViewTitle.background#1F252A
• progressBar.background#00101A
• quickInput.background#2A2D30
• quickInput.foreground#B4D8F1
• quickInputList.focusBackground#1C252B
• quickInputList.focusForeground#B4D8F1
• scrollbarSlider.activeBackground#00101A80
• scrollbarSlider.background#00101A60
• scrollbarSlider.hoverBackground#00101A80
• selection.background#00101A60
• sideBar.background#1F2629
• sideBar.foreground#9AAFCC
• sideBarSectionHeader.background#151E23
• sideBarSectionHeader.foreground#4FA8E9
• sideBarTitle.foreground#4FA8E9
• statusBar.background#10191E
• statusBar.debuggingBackground#0D1C23
• statusBar.focusBorder#364B59
• statusBar.foreground#4D82DE
• statusBar.noFolderBackground#10191E
• statusBarItem.activeBackground#06121A
• statusBarItem.focusBorder#364B59
• statusBarItem.hoverBackground#09141C
• statusBarItem.hoverForeground#4288D7
• statusBarItem.remoteBackground#6C95B2
• statusBarItem.remoteForeground#FFFFFF
• statusBarItem.remoteHoverBackground#6183A0
• statusBarItem.remoteHoverForeground#FFFFFF
• tab.activeBackground#9CD1FF0E
• tab.activeBorder#5993FE
• tab.activeBorderTop#6B707400
• tab.activeForeground#5993FE
• tab.border#6B707400
• tab.inactiveBackground#22272B
• tab.inactiveForeground#A4BCC8
• terminal.ansiBlack#2D2D2D
• terminal.ansiBlue#00BFFF
• terminal.ansiBrightBlack#ECECEC
• terminal.ansiBrightBlue#56D5FF
• terminal.ansiBrightCyan#5DFFFF
• terminal.ansiBrightGreen#57FF57
• terminal.ansiBrightMagenta#F788FF
• terminal.ansiBrightRed#FF6AB5
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FEDB4E
• terminal.ansiCyan#00EFEF
• terminal.ansiGreen#00DD00
• terminal.ansiMagenta#F574FF
• terminal.ansiRed#FF56AB
• terminal.ansiWhite#F8F8F8
• terminal.ansiYellow#F5C400
• terminal.background#192B36
• terminal.foreground#E0F4FF
• terminal.selectionBackground#99285A80
• terminalStickyScroll.background#00101A
• terminalStickyScrollHover.background#00101A
• textLink.activeForeground#5E8BB2
• textLink.foreground#5684A4
• titleBar.activeBackground#0D1A23
• titleBar.activeForeground#BBD7F7
• titleBar.hoverBackground#09141C
• titleBar.inactiveBackground#10191E
• titleBar.inactiveForeground#ACBAD0
• toolbar.activeBackground#000F1A50
• toolbar.hoverBackground#000F1A30
• windowControlsOverlay.background#0D1A23

tokenColors

TextMate scopes and font styles (syntax highlighting rules).