Kawaii Theme
Publisher: diff001aThemes in package: 1
A very sweet theme for vscode. enjoy :)
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#2C2638
- activityBar.foreground#fde3e8
- activityBarBadge.background#ff5c8d
- button.background#ff5c8dcc
- dropdown.background#2C2638
- editor.background#353042
- editor.foreground#FFF0F5
- editor.lineHighlightBackground#ff5c8d22
- editor.selectionBackground#ff5c8d22
- editor.selectionHighlightBackground#ff5c8d22
- editor.wordHighlightBackground#ff5c8d22
- editor.wordHighlightStrongBackground#ff5c8d22
- editorBracketMatch.border#FFE175
- editorCursor.foreground#ffedf0
- editorError.foreground#ff62a5
- editorGroup.background#2C2638
- editorGroupHeader.tabsBackground#2C2638
- editorWarning.foreground#FFE175
- extensionButton.prominentBackground#ff5c8d
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff5c8d
- focusBorder#FFE175
- input.background#353042
- inputOption.activeBorder#ff5c8d
- list.activeSelectionBackground#ff5c8d88
- list.errorForeground#ff5c8d
- list.focusBackground#ff5c8d88
- list.highlightForeground#F8F8F0
- list.hoverBackground#ff5c8d55
- list.inactiveSelectionBackground#ff5c8d55
- menu.separatorBackground#ea7599
- notificationCenter.border#ea7599
- notificationCenterHeader.background#ea7599
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#ff5c8d
- notifications.background#6d5d72
- notifications.foreground#ea7599
- panelTitle.activeForeground#ffffff
- peekView.border#ff5c8d
- scrollbarSlider.activeBackground#ea759988
- scrollbarSlider.background#ea759988
- scrollbarSlider.hoverBackground#ea759988
- sideBar.background#2C2638
- sideBarSectionHeader.background#2C2638
- statusBar.background#ea7599
- statusBar.debuggingBackground#ea7599
- statusBar.noFolderBackground#ea7599
- tab.activeBorderTop#ff5c8d
- tab.activeForeground#ff5c8d
- tab.border#9498a144
- tab.inactiveBackground#2C2638
- tab.inactiveForeground#9498a1
- terminal.ansiWhite#ffffff
- titleBar.activeBackground#2C2638
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FFF0F5 | — |
| By uonick | #c5c8c6ff | — |
| meta.embedded, source.groovy.embedded | #C5C8C6 | — |
| comment | #857282 | |
| string | #FFA7C4 | |
| constant.numeric | #FFA7C4 | |
| constant.language | #FFA7C4 | |
| constant.character, constant.other | #FF7F9D | |
| keyword | #ff709b | |
| storage | #ff709b | |
| storage.type | #ff709b | italic |
| entity.name.class | #F5A6C6 | underline |
| entity.other.inherited-class | #37e884ff | italic underline |
| entity.name.function | #FFE175 | |
| variable.parameter | #FFE175 | italic |
| entity.name.tag | #ff709b | |
| support.function | #CE85F8 | bold |
| variable.other, variable.js, punctuation.separator.variable | #F8F8F0 | |
| invalid | #F8F8F0 | |
| variable.other.php, variable.other.normal | #F8F8F0 | |
| variable.other.property | #CE85F8 | |
| meta.tag | #FFF0F5 | |
| entity.name.tag | #ff709b | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #CE85F8 | |
| meta.tag.inline source, text.html.php.source | #CE85F8 | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #FFE175 | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #CE85F8 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #FFE175 | |
| meta.toc-list.id | #CE85F8 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #FFF0F5 | |
| support.type, support.class | #CE85F8 | italic |
| punctuation.definition.template-expression, punctuation.section.embedded.coffee | #D08442 | — |
| meta.template.expression | #C5C8C6 | — |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #e1ecf2 | — |
| source.php.embedded.line.html | #787878 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #ec9a5e | |
| keyword.other.DML.sql | #FFE175 | |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.changed | #e53c70 | |
| markup.inserted | #219186 | — |
| markup.quote | #9e6dbc | — |
| markup.bold, markup.italic | #CE85F8 | — |
| markup.inline.raw | #ff709b | |
| markup.heading | #ff709b | — |
| markup.heading.setext | #ff709b | |
| token.warn-token | #e5ac40 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| constant, variable.other.constant | #FFA7C4 | — |
| support.function | #FFA7C4 | |
| support.constant | #FFA7C4 |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...