Kawa
Publisher: imnyangThemes in package: 1
Kawaii Dark Pink Theme
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#181115
- activityBar.foreground#EDDFE4
- activityBar.inactiveForeground#EDDFE4
- activityBarBadge.background#854B71
- activityBarBadge.foreground#EDDFE4
- button.background#854B71
- button.border#F9B1DC
- button.foreground#EDDFE4
- button.hoverBackground#37072B
- button.secondaryBackground#705765
- button.secondaryForeground#EDDFE4
- button.secondaryHoverBackground#281621
- commandCenter.activeBackground#181115
- commandCenter.background#181115
- commandCenter.border#181115
- commandCenter.foreground#EDDFE4
- dropdown.background#2C1F2D
- dropdown.border#181115
- dropdown.foreground#EDDFE4
- editor.background#181115
- editor.findMatchBackground#854B71
- editor.foreground#EDDFE4
- editor.lineHighlightBackground#2C1F2D
- editor.selectionBackground#37072B
- editorBracketMatch.background#37072B
- editorBracketMatch.border#37072B
- editorCodeLens.foreground#9C8D94
- editorCursor.foreground#F9B1DC
- editorError.border#93000A
- editorError.foreground#93000A
- editorGroup.border#181115
- editorGroup.dropBackground#37072B
- editorGroupHeader.border#181115
- editorGroupHeader.noTabsBackground#181115
- editorGroupHeader.tabsBackground#181115
- editorGroupHeader.tabsBorder#181115
- editorGutter.addedBackground#bcabc5
- editorGutter.background#181115
- editorGutter.deletedBackground#93000A
- editorGutter.modifiedBackground#854B71
- editorHoverWidget.background#2C1F2D
- editorHoverWidget.border#181115
- editorHoverWidget.foreground#EDDFE4
- editorInfo.border#bcabc5
- editorInfo.foreground#bcabc5
- editorLineNumber.activeForeground#EDDFE4
- editorLineNumber.foreground#9C8D94
- editorMarkerNavigation.background#2C1F2D
- editorMarkerNavigationError.background#93000A
- editorMarkerNavigationInfo.background#bcabc5
- editorMarkerNavigationWarning.background#cc918e
- editorOverviewRuler.addedForeground#bcabc5
- editorOverviewRuler.border#181115
- editorOverviewRuler.bracketMatchForeground#F9B1DC
- editorOverviewRuler.commonContentForeground#EDDFE4
- editorOverviewRuler.currentContentForeground#EDDFE4
- editorOverviewRuler.deletedForeground#93000A
- editorOverviewRuler.errorForeground#93000A
- editorOverviewRuler.incomingContentForeground#EDDFE4
- editorOverviewRuler.infoForeground#bcabc5
- editorOverviewRuler.modifiedForeground#854B71
- editorOverviewRuler.warningForeground#cc918e
- editorPane.background#181115
- editorRuler.foreground#2C1F2D
- editorSuggestWidget.background#2C1F2D
- editorSuggestWidget.foreground#EDDFE4
- editorSuggestWidget.highlightForeground#F9B1DC
- editorSuggestWidget.selectedBackground#37072B
- editorWarning.border#cc918e
- editorWarning.foreground#cc918e
- editorWhitespace.foreground#9C8D94
- extensionButton.prominentHoverBackground#37072B
- focusBorder#F9B1DC
- inlineChatInput.background#181115
- inlineChatInput.border#181115
- inlineChatInput.focusBorder#F9B1DC
- input.background#2C1F2D
- input.border#181115
- input.foreground#EDDFE4
- input.placeholderForeground#9C8D94
- inputOption.activeBorder#F9B1DC
- inputOption.hoverBackground#37072B
- inputValidation.errorBackground#93000A
- inputValidation.errorBorder#93000A
- inputValidation.infoBackground#bcabc5
- inputValidation.infoBorder#bcabc5
- inputValidation.warningBackground#cc918e
- inputValidation.warningBorder#cc918e
- list.activeSelectionIconForeground#F9B1DC
- list.hoverBackground#37072B
- list.hoverForeground#EDDFE4
- menu.background#2C1F2D
- menu.border#181115
- menu.foreground#EDDFE4
- menu.selectionBackground#37072B
- menu.selectionForeground#EDDFE4
- menu.separatorBackground#181115
- notificationCenter.border#181115
- notificationCenterHeader.background#181115
- notificationCenterHeader.foreground#EDDFE4
- notificationLink.foreground#F9B1DC
- notifications.background#181115
- notifications.border#181115
- notifications.foreground#EDDFE4
- notificationToast.border#181115
- panelInput.border#181115
- quickInput.background#181115
- quickInput.foreground#EDDFE4
- quickInputList.focusBackground#37072B
- quickInputList.focusForeground#EDDFE4
- quickInputList.focusIconForeground#F9B1DC
- quickInputTitle.background#181115
- sideBar.background#181115
- sideBar.border#181115
- sideBar.foreground#EDDFE4
- sideBarSectionHeader.background#181115
- sideBarSectionHeader.foreground#EDDFE4
- sideBarTitle.foreground#EDDFE4
- statusBar.background#181115
- statusBar.debuggingBackground#181115
- statusBar.debuggingForeground#EDDFE4
- statusBar.foreground#EDDFE4
- statusBar.noFolderBackground#181115
- statusBar.noFolderForeground#EDDFE4
- statusBarItem.hoverBackground#37072B
- tab.activeBackground#181115
- tab.activeForeground#EDDFE4
- tab.border#181115
- tab.inactiveBackground#181115
- tab.inactiveForeground#EDDFE4
- tab.unfocusedActiveBackground#181115
- tab.unfocusedActiveForeground#EDDFE4
- tab.unfocusedInactiveBackground#181115
- tab.unfocusedInactiveForeground#EDDFE4
- terminal.ansiBlack#181115
- terminal.ansiBlue#91B3E0
- terminal.ansiBrightBlack#9C8D94
- terminal.ansiBrightBlue#91B3E0
- terminal.ansiBrightMagenta#F9B1DC
- terminal.ansiBrightRed#AA3731
- terminal.ansiBrightWhite#EDDFE4
- terminal.ansiBrightYellow#cc918e
- terminal.ansiMagenta#F9B1DC
- terminal.ansiRed#AA3731
- terminal.ansiWhite#EDDFE4
- terminal.ansiYellow#cc918e
- terminal.background#181115
- terminal.foreground#EDDFE4
- textLink.activeForeground#F9B1DC
- textLink.foreground#F9B1DC
- titleBar.activeBackground#181115
- titleBar.activeForeground#EDDFE4
- titleBar.inactiveBackground#181115
- titleBar.inactiveForeground#EDDFE4
- toolbar.hoverBackground#37072B
- welcomePage.background#181115
- welcomePage.progress.background#854B71
- welcomePage.progress.foreground#EDDFE4
- welcomePage.tileBackground#2C1F2D
- welcomePage.tileHoverBackground#37072B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9C8D94 | italic |
| comment.block.preprocessor | #9C8D94 | |
| comment.documentation, comment.block.documentation | #F4BA9F | — |
| invalid.illegal | #93000A | — |
| keyword.operator | #D3C2C9 | — |
| keyword, storage | #F9B1DC | — |
| storage.type, support.type | #bcabc5 | — |
| constant.language, support.constant, variable.language | #bcabc5 | — |
| variable, support.variable | #bcabc5 | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #bcabc5 | bold |
| entity.name.exception | #93000A | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #cc918e | — |
| string | #F4BA9F | — |
| constant.character.escape | #D3C2C9 | — |
| string.regexp | #F9B1DC | — |
| constant.other.symbol | #cc918e | — |
| punctuation | #D3C2C9 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9C8D94 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #F9B1DC | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #cc918e | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #bcabc5 | — |
| meta.property-name, support.type.property-name | #cc918e | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #F4BA9F | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #93000A | — |
| markup.inserted | #000000 | — |
| meta.link | #F9B1DC | — |
| markup.output, markup.raw | #D3C2C9 | — |
| markup.prompt | #D3C2C9 | — |
| markup.heading | #cc918e | — |
| markup.bold | — | bold |
| markup.traceback | #93000A | — |
| markup.underline | — | underline |
| markup.quote | #bcabc5 | — |
| markup.list | #F9B1DC | — |
| markup.bold, markup.italic | #F4BA9F | — |
| markup.inline.raw | #cc918e | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |