Evelyn's Pink
Publisher: EvelynoxThemes in package: 1
A pink theme
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#F48FB1
- activityBar.foreground#000000
- activityBar.inactiveForeground#880E4F
- activityBarBadge.background#D50061
- activityBarBadge.foreground#000000
- breadcrumb.activeSelectionForeground#D50061
- breadcrumb.background#F8BBD0
- breadcrumb.focusForeground#F06292
- breadcrumb.foreground#880E4F
- breadcrumbPicker.background#ffffff
- button.background#F06292
- button.foreground#000000
- button.secondaryBackground#F48FB1
- button.secondaryForeground#000000
- dropdown.background#F8BBD0
- dropdown.foreground#000000
- editor.background#FEC2C8
- editor.foreground#880E4F
- editor.lineHighlightBackground#ff9cbf
- editor.selectionBackground#F48FB1
- editor.selectionHighlightBackground#F8BBD080
- editorBracketHighlight.foreground1#f55e90
- editorBracketHighlight.foreground2#f74f87
- editorBracketHighlight.foreground3#ff4080
- editorBracketHighlight.foreground4#ff3e7e
- editorBracketHighlight.foreground5#fa1b66
- editorBracketHighlight.foreground6#ff0055
- editorError.foreground#D32F2F
- editorGroupHeader.border#f18bb3
- editorGroupHeader.tabsBackground#F8BBD0
- editorGroupHeader.tabsBorder#F06292
- editorGutter.addedBackground#4CAF50
- editorGutter.deletedBackground#F44336
- editorGutter.modifiedBackground#FFC107
- editorLineNumber.foreground#D50061
- editorWarning.foreground#FF8F00
- editorWidget.background#F8BBD0
- editorWidget.foreground#000000
- focusBorder#F06292
- foreground#000000
- gitDecoration.addedResourceForeground#4CAF50
- gitDecoration.deletedResourceForeground#F44336
- gitDecoration.modifiedResourceForeground#FFC107
- input.background#F8BBD0
- input.foreground#000000
- inputOption.activeBorder#F06292
- inputValidation.errorBackground#FFCDD2
- inputValidation.infoBackground#F8BBD0
- inputValidation.warningBackground#FFF3E0
- list.activeSelectionBackground#F48FB1
- list.hoverBackground#FCE4EC
- list.inactiveSelectionBackground#F8BBD0
- menu.background#F8BBD0
- menu.border#F06292
- menu.foreground#000000
- menu.selectionBackground#F48FB1
- menu.selectionForeground#000000
- panel.background#F8BBD0
- panelSectionHeader.background#F48FB1
- panelSectionHeader.foreground#000000
- panelTitle.activeForeground#D50061
- panelTitle.inactiveForeground#880E4F
- sideBar.background#F8BBD0
- sideBar.foreground#000000
- sideBarSectionHeader.background#F48FB1
- sideBarSectionHeader.foreground#000000
- statusBar.background#F48FB1
- statusBar.foreground#000000
- statusBarItem.remoteBackground#F06292
- statusBarItem.remoteForeground#000000
- tab.activeBackground#FEC2C8
- tab.activeForeground#000000
- tab.border#F06292
- tab.inactiveBackground#F8BBD0
- tab.inactiveForeground#000000
- terminal.ansiBlack#F8BBD0
- terminal.ansiBlue#2196F3
- terminal.ansiBrightBlack#F48FB1
- terminal.ansiCyan#00BCD4
- terminal.ansiGreen#4CAF50
- terminal.ansiMagenta#E91E63
- terminal.ansiRed#F44336
- terminal.ansiWhite#000000
- terminal.ansiYellow#FFC107
- terminal.background#F8BBD0
- terminal.foreground#000000
- titleBar.activeBackground#f48fb1
- titleBar.activeForeground#D50061
- titleBar.inactiveBackground#F06292
- titleBar.inactiveForeground#880E4F
- toolbar.hoverBackground#F8BBD0
- tree.indentGuidesStroke#D50061
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C2185B | italic |
| entity.name.function, meta.function-call | #D50061 | — |
| keyword, storage.modifier | #AD1457 | bold |
| variable, variable.parameter | #D81B60 | — |
| string | #E91E63 | — |
| constant.numeric | #EC407A | — |
| entity.name.class, entity.name.type.class | #AD1457 | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...