Pink Magic
Publisher: wei-jiangThemes in package: 2
pink theme
Color themes
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#1e1e1e
- editor.background#0d0d0d
- editor.foreground#fdf6ff
- editor.lineHighlightBackground#1a1a1a
- editor.selectionBackground#ff00ff33
- editorCursor.foreground#39ff14
- editorGroup.border#ffccf1
- editorIndentGuide.background#222222
- editorLineNumber.foreground#888888
- editorWhitespace.foreground#444444
- menu.selectionBackground#ff8ae2
- panelTitle.activeBorder#fff
- panelTitle.activeForeground#fff
- sash.hoverBorder#ff8ae2
- scrollbarSlider.activeBackground#fff
- scrollbarSlider.background#fff
- scrollbarSlider.hoverBackground#fff
- sideBar.background#121212
- statusBar.background#1e1e1e
- tab.activeBackground#202020
- tab.inactiveBackground#121212
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6c6c6c | italic |
| string | #ff8ae2 | — |
| variable | #ff46b9 | — |
| function | #39ff14 | — |
| keyword | #00ffff | bold |
| number | #00ffaa | — |
| type | #ffcc00 | — |
| constant.language | #ff66ff | — |
| entity.name.tag.html | #ff66ff | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.class.less, entity.other.attribute-name.class.html, entity.other.attribute-name.class.vue | #FF66C4 | bold |
| string.quoted.double.html | #ff66c4 | — |
| source.css.embedded.html | #39FF14 | — |
| storage.type.function | #ff66ff | bold |