Elypink Theme

Color themes

• 

  Elypink Light (Diamond)

• 

  Elypink Light (Faded)

• 

  Elypink Light (Spring)

• 

  Elypink Light (Subtle)

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#B3C7D1
• activityBar.foreground#578AAE
• activityBar.inactiveForeground#788595
• activityBarBadge.background#166DAB
• activityBarBadge.foreground#FFFFFF
• badge.background#3893D4
• badge.foreground#FFFFFF
• button.background#6C95B2
• button.foreground#FFFFFF
• button.hoverBackground#6183A0
• commandCenter.activeBackground#E0EAF2
• commandCenter.activeBorder#B4C8D6
• commandCenter.activeForeground#4B525A
• commandCenter.background#D7E3EB
• commandCenter.border#C9D6E0
• commandCenter.foreground#667184
• commandCenter.inactiveBorder#C9D6E0
• commandCenter.inactiveForeground#88929E
• dropdown.background#FCFEFE
• dropdown.border#C9D6E0
• dropdown.foreground#404A51
• editor.background#EEF4F9
• editor.findMatchBackground#6DBAE070
• editor.findMatchHighlightBackground#6DBAE050
• editor.foreground#6D7687
• editor.lineHighlightBackground#E2ECF4
• editor.selectionBackground#6DBAE040
• editor.wordHighlightBackground#6DBAE050
• editorBracketHighlight.foreground1#CA6380
• editorBracketHighlight.foreground2#CA6380
• editorBracketHighlight.foreground3#CA6380
• editorBracketHighlight.foreground4#CA6380
• editorBracketHighlight.foreground5#CA6380
• editorBracketHighlight.foreground6#CA6380
• editorBracketMatch.background#61C0FF30
• editorBracketMatch.border#AED6F1
• editorCursor.foreground#6991AD
• editorGroupHeader.tabsBackground#D7E4EB
• editorGutter.addedBackground#5F8F00
• editorGutter.deletedBackground#24B6C3
• editorGutter.modifiedBackground#36AF73
• editorIndentGuide.activeBackground#BBC9D8
• editorIndentGuide.background#C2D4E1
• editorLineNumber.activeForeground#708A9E
• editorLineNumber.foreground#92A7B7
• editorRuler.foreground#C9D6E0
• editorWidget.background#EEF4F9
• editorWidget.border#C9D6E0
• focusBorder#BDE2FA
• gitDecoration.deletedResourceForeground#24B6C3
• gitDecoration.ignoredResourceForeground#707984C0
• gitDecoration.modifiedResourceForeground#2354DB
• gitDecoration.untrackedResourceForeground#632ADE
• icon.foreground#3B424A
• input.background#FCFEFE
• input.border#C9D6E0
• input.foreground#404A51
• input.placeholderForeground#9DACB7
• inputOption.activeBorder#74A1BF
• list.activeSelectionBackground#E5F0F6
• list.activeSelectionForeground#404A51
• list.highlightForeground#63A9D8
• list.hoverBackground#E0EEF5
• list.inactiveSelectionBackground#E6F0F5
• menubar.selectionBackground#94B1C6
• menubar.selectionForeground#3B424A
• minimap.selectionHighlight#74A1BF60
• panel.background#E0EAF2
• panel.border#9BB0C4
• panelTitle.activeBorder#49B0F5
• panelTitle.activeForeground#49B0F5
• panelTitle.inactiveForeground#677884
• peekView.border#74A1BF
• peekViewEditor.background#EEF4F9
• peekViewResult.background#E0EAF2
• peekViewTitle.background#D8E4ED
• progressBar.background#74A1BF
• quickInput.background#EEF4F9
• quickInput.foreground#404A51
• quickInputList.focusBackground#D4E4EF
• quickInputList.focusForeground#404A51
• scrollbarSlider.activeBackground#74A1BF80
• scrollbarSlider.background#74A1BF60
• scrollbarSlider.hoverBackground#74A1BF80
• selection.background#74A1BF60
• sideBar.background#D7E4EB
• sideBar.foreground#667180
• sideBarSectionHeader.background#C2D5DE
• sideBarSectionHeader.foreground#29465B
• sideBarTitle.foreground#29465B
• statusBar.background#B4CBD6
• statusBar.debuggingBackground#B0CFDE
• statusBar.focusBorder#74A1BF
• statusBar.foreground#304569
• statusBar.noFolderBackground#B4CBD6
• statusBarItem.activeBackground#94B1C6
• statusBarItem.focusBorder#74A1BF
• statusBarItem.hoverBackground#A1BDD1
• statusBarItem.hoverForeground#304F72
• statusBarItem.remoteBackground#6C95B2
• statusBarItem.remoteForeground#FFFFFF
• statusBarItem.remoteHoverBackground#6183A0
• statusBarItem.remoteHoverForeground#FFFFFF
• tab.activeBackground#83C5FF0E
• tab.activeBorder#2B6DE7
• tab.activeBorderTop#CAD3DA00
• tab.activeForeground#2B6DE7
• tab.border#CAD3DA00
• tab.inactiveBackground#DFE7EE
• tab.inactiveForeground#717E85
• 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#37586C
• terminal.foreground#E0F4FF
• terminal.selectionBackground#E0498C80
• terminalStickyScroll.background#426A82
• terminalStickyScrollHover.background#547D97
• textLink.activeForeground#6183A0
• textLink.foreground#6C95B2
• titleBar.activeBackground#B0CADE
• titleBar.activeForeground#3B424A
• titleBar.hoverBackground#A1BDD1
• titleBar.inactiveBackground#B4CBD6
• titleBar.inactiveForeground#686F7A
• toolbar.activeBackground#147AC350
• toolbar.hoverBackground#147AC330
• windowControlsOverlay.background#B0CADE

tokenColors

TextMate scopes and font styles (syntax highlighting rules).