Skip to main content
Coding Theme

Pink Glaze

Publisher: Mercy RobertThemes in package: 12

A warm, girly theme pack for developers — 12 soft pink variants from dark romance to pastel rainbow.

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.activeBorder#f0b0c8
  • activityBar.background#150d10
  • activityBar.foreground#ffe0ec
  • activityBarBadge.background#f0b0c8
  • activityBarBadge.foreground#221418
  • badge.background#f0b0c8
  • badge.foreground#221418
  • button.background#906070
  • button.foreground#ffe0ec
  • button.hoverBackground#d8a0b8
  • editor.background#221418
  • editor.findMatchBackground#90607060
  • editor.findMatchHighlightBackground#90607040
  • editor.foreground#ffe0ec
  • editor.lineHighlightBackground#301820
  • editor.selectionBackground#5a284080
  • editorBracketMatch.background#d8a0b830
  • editorBracketMatch.border#f0b0c8
  • editorCursor.foreground#f0b0c8
  • editorGroupHeader.tabsBackground#1a1013
  • editorLineNumber.activeForeground#f0b0c8
  • editorLineNumber.foreground#906070
  • focusBorder#f0b0c880
  • input.background#1a1013
  • input.border#90607040
  • input.foreground#ffe0ec
  • input.placeholderForeground#906070
  • list.activeSelectionBackground#5a2840
  • list.activeSelectionForeground#ffe0ec
  • list.hoverBackground#f0b0c820
  • list.inactiveSelectionBackground#5a284080
  • panel.background#1a1013
  • panel.border#90607030
  • panelTitle.activeBorder#f0b0c8
  • panelTitle.activeForeground#f0b0c8
  • scrollbarSlider.activeBackground#d8a0b870
  • scrollbarSlider.background#d8a0b830
  • scrollbarSlider.hoverBackground#d8a0b850
  • sideBar.background#1a1013
  • sideBar.border#90607030
  • sideBar.foreground#ffe0ec
  • sideBarTitle.foreground#f0b0c8
  • statusBar.background#906070
  • statusBar.foreground#ffe0ec
  • statusBar.noFolderBackground#906070
  • statusBarItem.hoverBackground#d8a0b840
  • tab.activeBackground#221418
  • tab.activeBorderTop#f0b0c8
  • tab.activeForeground#ffe0ec
  • tab.inactiveBackground#1a1013
  • tab.inactiveForeground#906070
  • terminal.ansiBrightGreen#ffe0ec
  • terminal.ansiBrightRed#f0b0c8
  • terminal.ansiGreen#d8a0b8
  • terminal.ansiRed#e888b0
  • terminal.background#221418
  • terminal.foreground#ffe0ec
  • titleBar.activeBackground#1a1013
  • titleBar.activeForeground#ffe0ec
  • titleBar.inactiveBackground#150d10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#906070italic
keyword, keyword.control, keyword.operator.new, storage, storage.type, keyword.control.import, keyword.control.export#f0b0c8
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor#d8a0b8
entity.name.function, support.function, meta.function-call.generic#e888b0
entity.name.class, entity.name.type, support.class, support.type#f0b0c8italic
string, string.quoted, string.template#ffe0ec
constant, constant.numeric, constant.language, constant.character#d8a0b8
variable, variable.other#f5ccd8
variable.parameter#f5ccd8italic
entity.name.tag, meta.tag#e888b0
entity.other.attribute-name#f0b0c8
support.type.property-name, entity.other.attribute-name.css#f5ccd8
punctuation.definition.string#d8a0b8
markup.heading#f0b0c8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#ffe0ec

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...