Dark Pink
Publisher: FerThemes in package: 1
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.activeBackground#660058
- activityBar.activeBorder#ff00aa
- activityBar.activeFocusBorder#ff8ae2
- activityBar.background#33002f
- activityBar.border#131415
- activityBar.foreground#f0e0e0
- activityBar.inactiveForeground#7e5757
- activityBarBadge.background#ff00aa
- breadcrumb.activeSelectionForeground#ff00aa
- breadcrumb.background#480242
- breadcrumb.focusForeground#bb007d
- breadcrumb.foreground#fcc
- breadcrumbPicker.background#480242
- button.background#5c0040
- button.hoverBackground#ff00aa
- checkbox.background#55114c
- checkbox.border#aa0077
- checkbox.foreground#ffccf0
- diffEditor.border#ff00aa
- dropdown.background#55114c
- dropdown.border#aa0077
- dropdown.listBackground#55114c
- editor.lineHighlightBackground#0000004A
- editor.selectionBackground#ff009540
- editorCursor.foreground#661f40
- editorGroup.dropBackground#ff009530
- editorGroupHeader.tabsBackground#29011f
- editorGroupHeader.tabsBorder#b50589
- editorLineNumber.foreground#ff4ab482
- editorWhitespace.foreground#95124f
- editorWidget.border#ff00aa
- errorForeground#ff00aa
- extensionButton.prominentBackground#5c0040
- extensionButton.prominentHoverBackground#ff00aa
- focusBorder#aa0077
- input.background#55114c
- input.border#aa0077
- list.activeSelectionBackground#b50589
- list.activeSelectionForeground#fff
- list.dropBackground#750362
- list.focusBackground#ff00aa
- list.focusForeground#fff
- list.focusOutline#750362
- list.hoverBackground#7e0369
- list.hoverForeground#fff
- list.inactiveSelectionBackground#52003e
- menu.background#330022
- minimap.selectionHighlight#ff00aa
- minimapSlider.activeBackground#ff00aa9d
- minimapSlider.background#ff00ff4d
- minimapSlider.hoverBackground#ff00d471
- notificationCenter.border#ff00aa
- notificationCenterHeader.background#b50589
- notificationCenterHeader.foreground#fff
- notifications.background#480242
- notifications.border#ff00aa
- panel.border#b50589
- peekView.border#332e2e
- peekViewEditor.background#410
- peekViewResult.background#410
- peekViewResult.fileForeground#8f8
- peekViewResult.matchHighlightBackground#007006
- peekViewResult.selectionBackground#b50589
- peekViewTitle.background#aa0077
- peekViewTitleDescription.foreground#eee
- peekViewTitleLabel.foreground#fff
- progressBar.background#ff00aa
- scrollbarSlider.activeBackground#ff00aa
- scrollbarSlider.hoverBackground#480242
- sideBar.background#1d0116
- sideBar.border#b50589
- sideBarSectionHeader.background#b50589
- sideBarSectionHeader.border#ff00aa
- sideBarSectionHeader.foreground#fff
- statusBar.background#480242
- statusBar.border#151314
- statusBar.debuggingBackground#024806
- statusBar.noFolderBackground#3c233d
- statusBarItem.hoverBackground#ff00aa
- tab.activeBackground#b50589
- tab.activeBorder#ff00aa
- tab.activeForeground#fff
- tab.hoverBorder#800465
- tab.hoverForeground#cc7db2
- tab.inactiveBackground#4e2d49
- tab.inactiveForeground#b3b3b3
- terminal.ansiBrightYellow#f80
- terminal.background#1d0116
- terminal.foreground#fcc
- textLink.foreground#ff00aa
- titleBar.activeBackground#33002f
- titleBar.activeForeground#fff
- titleBar.border#131415
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F8 | — |
| comment | #956585 | italic |
| constant | #ffb452 | |
| keyword | #ff419a | |
| entity | #ff59c8 | |
| storage | #ff52a8 | bold |
| string | #e8ffe5 | bold |
| support | #ff66e0 | bold |
| variable | #8f8 | italic |
| invalid | #ffffffff | — |
| text source | — | — |
| text.html.ruby source | — | — |
| entity.other.inherited-class | #aa5507ff | underline |
| string.quoted source | #9df39fff | |
| string constant | #ffe862ff | |
| string.regexp | #ffb454ff | — |
| string variable | #edef7dff | — |
| support.function | #ffb454ff | |
| support.constant | #eb939aff | |
| declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string | #73817dff | |
| declaration.tag, meta.tag | #ff8250 | bold |
| declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity, entity.other.bracket | #ff00aa | bold |
| meta.tag, entity.other | #fee | |
| declaration.tag attribute-name, meta.tag entity.other.attribute-name | #ebe71f | bold |
| meta.selector.css entity.name.tag | #9bf199ff | |
| meta.selector.css entity.other.attribute-name.id | #fec758ff | — |
| meta.selector.css entity.other.attribute-name.class | #ff8ae2 | |
| support.type.property-name.css | #ffccf0 | |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #ffe862ff | italic |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #ffe862ff | |
| meta.preprocessor.at-rule keyword.control.at-rule | #fd6209ff | — |
| meta.constructor.argument.css | #ec9799ff | |
| meta.diff, meta.diff.header | #f8f8f8ff | italic |
| markup.deleted | #ec9799ff | — |
| markup.changed | #f8f8f8ff | — |
| markup.inserted | #41a83eff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...