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#D1B3BD
• activityBar.foreground#AE577B
• activityBar.inactiveForeground#957888
• activityBarBadge.background#AB1654
• activityBarBadge.foreground#FFFFFF
• badge.background#D43879
• badge.foreground#FFFFFF
• button.background#B26C89
• button.foreground#FFFFFF
• button.hoverBackground#A0617E
• commandCenter.activeBackground#F2E0E8
• commandCenter.activeBorder#D6B4C2
• commandCenter.activeForeground#5A4B53
• commandCenter.background#EBD7DF
• commandCenter.border#E0C9D3
• commandCenter.foreground#846679
• commandCenter.inactiveBorder#E0C9D3
• commandCenter.inactiveForeground#9E8894
• dropdown.background#FEFCFC
• dropdown.border#E0C9D3
• dropdown.foreground#514047
• editor.background#F9EEF3
• editor.findMatchBackground#E06D9370
• editor.findMatchHighlightBackground#E06D9350
• editor.foreground#876D7E
• editor.lineHighlightBackground#F4E2EA
• editor.selectionBackground#E06D9340
• editor.wordHighlightBackground#E06D9350
• editorBracketHighlight.foreground1#5A9EB8
• editorBracketHighlight.foreground2#5A9EB8
• editorBracketHighlight.foreground3#5A9EB8
• editorBracketHighlight.foreground4#5A9EB8
• editorBracketHighlight.foreground5#5A9EB8
• editorBracketHighlight.foreground6#5A9EB8
• editorBracketMatch.background#FF61A030
• editorBracketMatch.border#F1AEC9
• editorCursor.foreground#AD6985
• editorGroupHeader.tabsBackground#EBD7DE
• editorGutter.addedBackground#308F00
• editorGutter.deletedBackground#C32431
• editorGutter.modifiedBackground#AF7236
• editorIndentGuide.activeBackground#D8BBCA
• editorIndentGuide.background#E1C2CF
• editorLineNumber.activeForeground#9E7084
• editorLineNumber.foreground#B792A2
• editorRuler.foreground#E0C9D3
• editorWidget.background#F9EEF3
• editorWidget.border#E0C9D3
• focusBorder#FABDD5
• gitDecoration.deletedResourceForeground#C32431
• gitDecoration.ignoredResourceForeground#84707BC0
• gitDecoration.modifiedResourceForeground#DB23AA
• gitDecoration.untrackedResourceForeground#A52ADE
• icon.foreground#4A3B43
• input.background#FEFCFC
• input.border#E0C9D3
• input.foreground#514047
• input.placeholderForeground#B79DA8
• inputOption.activeBorder#BF7492
• list.activeSelectionBackground#F6E5EB
• list.activeSelectionForeground#514047
• list.highlightForeground#D86392
• list.hoverBackground#F5E0E7
• list.inactiveSelectionBackground#F5E6EB
• menubar.selectionBackground#C694A9
• menubar.selectionForeground#4A3B43
• minimap.selectionHighlight#BF749260
• panel.background#F2E0E8
• panel.border#C49BAF
• panelTitle.activeBorder#DF4281
• panelTitle.activeForeground#DF4281
• panelTitle.inactiveForeground#846773
• peekView.border#BF7492
• peekViewEditor.background#F9EEF3
• peekViewResult.background#F2E0E8
• peekViewTitle.background#EDD8E1
• progressBar.background#BF7492
• quickInput.background#F9EEF3
• quickInput.foreground#514047
• quickInputList.focusBackground#EFD4DF
• quickInputList.focusForeground#514047
• scrollbarSlider.activeBackground#BF749280
• scrollbarSlider.background#BF749260
• scrollbarSlider.hoverBackground#BF749280
• selection.background#BF749260
• sideBar.background#EBD7DE
• sideBar.foreground#806675
• sideBarSectionHeader.background#DEC2CB
• sideBarSectionHeader.foreground#5B293E
• sideBarTitle.foreground#5B293E
• statusBar.background#D6B4BF
• statusBar.debuggingBackground#DEB0BF
• statusBar.focusBorder#BF7492
• statusBar.foreground#693054
• statusBar.noFolderBackground#D6B4BF
• statusBarItem.activeBackground#C694A9
• statusBarItem.focusBorder#BF7492
• statusBarItem.hoverBackground#D1A1B5
• statusBarItem.hoverForeground#723053
• statusBarItem.remoteBackground#B26C89
• statusBarItem.remoteForeground#FFFFFF
• statusBarItem.remoteHoverBackground#A0617E
• statusBarItem.remoteHoverForeground#FFFFFF
• tab.activeBackground#FF83BD0E
• tab.activeBorder#D22796
• tab.activeBorderTop#DACAD100
• tab.activeForeground#D22796
• tab.border#DACAD100
• tab.inactiveBackground#EEDFE6
• tab.inactiveForeground#857178
• terminal.ansiBlack#2D2D2D
• terminal.ansiBlue#00BFFF
• terminal.ansiBrightBlack#ECECEC
• terminal.ansiBrightBlue#72DCFF
• terminal.ansiBrightCyan#78FFFF
• terminal.ansiBrightGreen#73FF73
• terminal.ansiBrightMagenta#F89CFF
• terminal.ansiBrightRed#FF83C1
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FEE16B
• terminal.ansiCyan#00EFEF
• terminal.ansiGreen#00DD00
• terminal.ansiMagenta#F78BFF
• terminal.ansiRed#FF72B9
• terminal.ansiWhite#F8F8F8
• terminal.ansiYellow#F5C400
• terminal.background#6C374B
• terminal.foreground#FFE0EB
• terminal.selectionBackground#499DE080
• terminalStickyScroll.background#82425A
• terminalStickyScrollHover.background#97546E
• textLink.activeForeground#A0617E
• textLink.foreground#B26C89
• titleBar.activeBackground#DEB0C4
• titleBar.activeForeground#4A3B43
• titleBar.hoverBackground#D1A1B5
• titleBar.inactiveBackground#D6B4BF
• titleBar.inactiveForeground#7A6873
• toolbar.activeBackground#C3145D50
• toolbar.hoverBackground#C3145D30
• windowControlsOverlay.background#DEB0C4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).