Pink as Heck
Publisher: shoobahThemes in package: 1
A very pink dark 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.activeBorder#ff5c8d
- activityBar.background#1a1215
- activityBar.dropBackground#ffffff1f
- activityBar.foreground#ff5c8d
- activityBar.inactiveForeground#ff5c8d9c
- activityBarBadge.background#ff5c8d
- activityBarBadge.foreground#ffffff
- button.background#ff5c8dcc
- dropdown.background#1a1215
- editor.background#2b111b
- editor.foreground#ff5c8d
- editor.lineHighlightBackground#ff5c8d22
- editor.lineHighlightBorder#552135
- editor.selectionBackground#ff5c8d71
- editor.selectionHighlightBackground#ff5c8d22
- editor.wordHighlightBackground#ff5c8d22
- editor.wordHighlightStrongBackground#ff5c8d22
- editorBracketMatch.border#d794ae
- editorCursor.foreground#51cf59
- editorError.foreground#ff62a5
- editorGroup.emptyBackground#1a1215
- editorGroupHeader.tabsBackground#1a1215
- editorGutter.addedBackground#587c0c
- editorGutter.background#2b111b
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#94151b
- editorGutter.modifiedBackground#0c7d9d
- editorLineNumber.activeForeground#cf5181
- editorLineNumber.foreground#8d6172
- editorWarning.foreground#d794ae
- extensionButton.prominentBackground#ff5c8d
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff5c8d
- focusBorder#d794ae
- icon.foreground#51ff0d
- input.background#2b111b
- inputOption.activeBorder#ff5c8d
- list.activeSelectionBackground#ff5c8d88
- list.errorForeground#ff5c8d
- list.focusBackground#ff5c8d88
- list.highlightForeground#f8f8f0
- list.hoverBackground#ff5c8d55
- list.inactiveSelectionBackground#ff5c8d55
- menu.background#4f1f31
- menu.foreground#ff7daf
- menu.selectionBackground#ff7daf
- menu.selectionForeground#4f1f31
- menu.separatorBackground#ea7599
- menubar.selectionBackground#ffffff1a
- menubar.selectionForeground#ff7daf
- notificationCenter.border#ea7599
- notificationCenterHeader.background#ea7599
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#ff5c8d
- notifications.background#6d5d72
- notifications.foreground#ea7599
- panelTitle.activeForeground#ff5c8d
- peekView.border#ff5c8d
- scrollbarSlider.activeBackground#ea759988
- scrollbarSlider.background#ea759988
- scrollbarSlider.hoverBackground#ea759988
- sideBar.background#1a1215
- sideBarSectionHeader.background#1a1215
- statusBar.background#88314b
- statusBar.debuggingBackground#ea7599
- statusBar.noFolderBackground#ea7599
- tab.activeBorderTop#ff5c8d
- tab.activeForeground#ff5c8d
- tab.border#ff5c8d44
- tab.inactiveBackground#1a1215
- tab.inactiveForeground#ea7599
- terminal.ansiWhite#ffffff
- titleBar.activeBackground#1a1215
- titleBar.activeForeground#cccccc
- titleBar.inactiveBackground#1a121599
- titleBar.inactiveForeground#cccccc99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #C5C8C6 | — |
| comment | #857282 | |
| string | #FFA7C4 | |
| constant.numeric | #FFA7C4 | |
| constant.language | #FFA7C4 | |
| constant.character, constant.other | #FF7F9D | |
| keyword | #cf5181 | |
| storage | #cf5181 | |
| storage.type | #cf5181 | italic |
| entity.name.class | #F5A6C6 | underline |
| entity.other.inherited-class | #37E884 | italic underline |
| entity.name.function | #d794ae | |
| variable.parameter | #d794ae | italic |
| entity.name.tag | #cf5181 | |
| support.function | #ff7daf | bold |
| variable.other, variable.js, punctuation.separator.variable | #F8F8F0 | |
| invalid | #F8F8F0 | |
| variable.other.php, variable.other.normal | #F8F8F0 | |
| variable.other.property | #ff7daf | |
| meta.tag | #FFF0F5 | |
| entity.name.tag | #cf5181 | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #ff7daf | |
| meta.tag.inline source, text.html.php.source | #ff7daf | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #d794ae | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #ff7daf | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #d794ae | |
| meta.toc-list.id | #ff7daf | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #FFF0F5 | |
| support.type, support.class | #ff7daf | italic |
| punctuation.definition.template-expression, punctuation.section.embedded.coffee | #D08442 | — |
| meta.template.expression | #C5C8C6 | — |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #E1ECF2 | — |
| source.php.embedded.line.html | #787878 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #EC9A5E | |
| keyword.other.DML.sql | #d794ae | |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #DC322F | |
| markup.changed | #E53C70 | |
| markup.inserted | #219186 | — |
| markup.quote | #9E6DBC | — |
| markup.bold, markup.italic | #ff7daf | — |
| markup.inline.raw | #cf5181 | |
| markup.heading | #cf5181 | — |
| markup.heading.setext | #cf5181 | |
| token.warn-token | #E5AC40 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| constant, variable.other.constant | #FFA7C4 | — |
| support.function | #FFA7C4 | |
| support.constant | #FFA7C4 | |
| token.info-token | #6796E6 | — |
| token.warn-token | #f518be | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...