Pinkify

Color themes

• 

  pinkify-dark

• 

  pinkify-light

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#1a0a1a
• activityBar.foreground#ffb6c1
• activityBarBadge.background#ff69b4
• activityBarBadge.foreground#fff
• breadcrumb.activeSelectionForeground#ffc0cb
• breadcrumb.background#2a0a2a
• breadcrumb.foreground#ff9ab9
• dropdown.background#3a103a
• dropdown.foreground#ffc0cb
• editor.background#2a0a2a
• editor.foreground#ffc0cb
• editor.lineHighlightBackground#3a103a
• editor.selectionBackground#ff69b420
• editorBracketMatch.background#ff69b41a
• editorBracketMatch.border#ff69b4
• editorCursor.foreground#ff69b4
• editorGutter.addedBackground#c71585
• editorGutter.deletedBackground#8b008b
• editorGutter.modifiedBackground#ff69b4
• editorIndentGuide.background1#ff69b440
• editorLineNumber.foreground#ff9ab9
• editorWhitespace.foreground#ff69b433
• input.background#3a103a
• input.foreground#ffc0cb
• input.placeholderForeground#ffb6c180
• minimap.background#1a0a1a
• minimap.selectionHighlight#ff69b420
• scrollbarSlider.background#ff69b430
• scrollbarSlider.hoverBackground#ff69b460
• sideBar.background#1f0e1f
• sideBar.foreground#ffc0cb
• sideBarSectionHeader.background#2a0a2a
• sideBarTitle.foreground#ffb6c1
• statusBar.background#2a0a2a
• statusBar.debuggingBackground#ff1493
• statusBar.foreground#ffffff
• tab.activeBackground#3a103a
• tab.activeForeground#ffffff
• tab.border#3a103a
• tab.inactiveBackground#1a0a1a
• tab.inactiveForeground#ffb6c1
• terminal.background#2a0a2a
• terminal.foreground#ffc0cb
• terminalCursor.foreground#ff69b4
• titleBar.activeBackground#2a0a2a
• titleBar.activeForeground#ffb6c1
• titleBar.inactiveBackground#1a0a1a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).