kira´s pink theme
Publisher: Luiza VeronesiThemes in package: 1
tema rosa
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#2d1a22
- activityBar.foreground#e75480
- activityBar.inactiveForeground#7a4a5c
- activityBarBadge.background#e75480
- activityBarBadge.foreground#1e1218
- badge.background#e75480
- badge.foreground#1e1218
- breadcrumb.background#1e1218
- breadcrumb.foreground#9e6a7c
- button.background#e75480
- button.foreground#1e1218
- button.hoverBackground#f06292
- dropdown.background#2d1a22
- dropdown.border#e7548055
- dropdown.foreground#fce4ec
- editor.background#2e131f
- editor.foreground#fce4ec
- editor.lineHighlightBackground#2d1a22
- editor.selectionBackground#e7548044
- editorCursor.foreground#e4cfd5
- editorGroupHeader.tabsBackground#26161e
- editorGutter.background#1e1218
- editorIndentGuide.activeBackground#e75480
- editorIndentGuide.background#3d2430
- editorLineNumber.activeForeground#f48fb1
- editorLineNumber.foreground#7a4a5c
- editorWhitespace.foreground#3d2430
- editorWidget.background#26161e
- editorWidget.border#e7548044
- focusBorder#e7548088
- gitDecoration.addedResourceForeground#7ed9a0
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.modifiedResourceForeground#ffd54f
- gitDecoration.untrackedResourceForeground#4dd0c4
- input.background#2d1a22
- input.border#e7548055
- input.foreground#fce4ec
- input.placeholderForeground#a06a85
- list.activeSelectionBackground#e7548033
- list.activeSelectionForeground#f8bbd0
- list.highlightForeground#e75480
- list.hoverBackground#2d1a22
- list.inactiveSelectionBackground#33202a
- minimap.background#1e1218
- panel.background#1e1218
- panel.border#e7548044
- panelTitle.activeForeground#f48fb1
- scrollbarSlider.activeBackground#e7548088
- scrollbarSlider.background#e7548044
- scrollbarSlider.hoverBackground#e7548066
- selection.background#e7548044
- sideBar.background#26161e
- sideBar.foreground#c01b52
- sideBarSectionHeader.background#2d1a22
- sideBarSectionHeader.foreground#f8bbd0
- sideBarTitle.foreground#f48fb1
- statusBar.background#e75480
- statusBar.debuggingBackground#f06292
- statusBar.debuggingForeground#1e1218
- statusBar.foreground#e6a7c6
- statusBar.noFolderBackground#7d0435
- tab.activeBackground#1e1218
- tab.activeBorderTop#e75480
- tab.activeForeground#e75480
- tab.border#2d1a22
- tab.inactiveBackground#26161e
- tab.inactiveForeground#9e6a7c
- terminal.ansiBlue#64b5f6
- terminal.ansiCyan#4dd0c4
- terminal.ansiGreen#7ed9a0
- terminal.ansiMagenta#ff4f9a
- terminal.ansiRed#ff6b6b
- terminal.ansiYellow#ffd54f
- terminal.background#1e1218
- terminal.foreground#fce4ec
- titleBar.activeBackground#2d1a22
- titleBar.activeForeground#f48fb1
- titleBar.inactiveBackground#26161e
- titleBar.inactiveForeground#7a4a5c
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #583245 | italic |
| keyword, storage.type, storage.modifier, keyword.other | #db97ef | bold |
| keyword.control, keyword.control.flow, keyword.operator.new, keyword.operator.expression | #b388ff | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #cd64ec | bold |
| string, string.quoted, string.template, punctuation.definition.string | #ffd54f | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #ff8a65 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.character.escape | #ff6b6b | bold |
| entity.name.function, support.function, meta.function-call | #4dd0c4 | — |
| entity.name.type, entity.name.class, support.class, entity.name.type.class, entity.other.inherited-class | #64b5f6 | bold |
| variable, variable.other, variable.parameter, variable.other.readwrite | #ffe8f2 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #feef9a | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #ff80b3 | — |
| entity.name.tag, punctuation.definition.tag | #d2075f | bold |
| entity.other.attribute-name | #ffa270 | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.id, meta.selector | #ff4f9a | — |
| support.type.property-name.css | #d67ff0 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.section | #c49bae | — |
| invalid, invalid.illegal | #ff5252 | bold |
| markup.heading, entity.name.section | #ff4f9a | bold |
| markup.bold | #ff80b3 | bold |
| markup.italic | #ffb3d1 | italic |
| markup.underline.link | #4dd0c4 | underline |
| markup.inserted | #7ed9a0 | — |
| markup.deleted | #ff6b6b | — |
| string.regexp | #ffa270 | — |
| meta.decorator, punctuation.decorator | #d67ff0 | italic |
| variable.language.this, variable.language.self | #ff6b6b | italic |