KDE Plasma Breeze

Name: KDE Plasma Breeze
Author: davidprush.com

Publisher: davidprush.comThemes in package: 2

Theme matching KDE Plasma Breeze

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

KDE Plasma Breeze — Breeze Light (KDE Plasma)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#3DAEE9
activityBar.background#EFF0F1
activityBar.foreground#232629
activityBar.inactiveForeground#707D8A
badge.background#3DAEE9
badge.foreground#FFFFFF
breadcrumb.background#EFF0F1
button.background#292c3031
button.foreground#232629
button.hoverBackground#3DAEE988
checkbox.background#FCFCFC
checkbox.border#FCFCFC
checkbox.foreground#232629
descriptionForeground#707D8A
dropdown.background#FCFCFC
dropdown.border#FCFCFC
dropdown.foreground#232629
dropdown.listBackground#FCFCFC
editor.background#FFFFFF
editor.foreground#232629
editor.selectionBackground#3DAEE988
editorGroupHeader.tabsBackground#EFF0F1
editorPane.background#EFF0F1
errorForeground#DA4453
focusBorder#3DAEE9
foreground#232629
icon.foreground#232629
input.background#FCFCFC
input.border#292c3031
input.foreground#232629
input.placeholderForeground#707D8A
list.activeSelectionBackground#3DAEE988
list.activeSelectionForeground#FFFFFF
list.errorForeground#DA4453
list.filterMatchBackground#F67400
list.filterMatchBorder#F67400
list.focusAndSelectionOutline#3DAEE9
list.focusBackground#3DAEE988
list.focusForeground#232629
list.hoverBackground#3dade91c
list.inactiveFocusBackground#3DAEE988
list.inactiveFocusOutline#3DAEE9
list.inactiveSelectionBackground#3DAEE988
list.inactiveSelectionForeground#232629
list.warningForeground#F67400
listFilterWidget.background#FCFCFC
listFilterWidget.noMatchesOutline#F67400
listFilterWidget.outline#3DAEE9
menu.background#F7F7F7
menu.foreground#232629
menu.selectionBackground#3dade93e
menu.selectionBorder#3DAEE9
menu.selectionForeground#232629
menu.separatorBackground#707D8A
menubar.selectionBackground#3dade93e
menubar.selectionBorder#3DAEE9
menubar.selectionForeground#232629
scrollbar.shadow#EFF0F1
scrollbarSlider.activeBackground#3DAEE9
scrollbarSlider.background#3DAEE988
scrollbarSlider.hoverBackground#3DAEE988
selection.background#3DAEE988
sideBar.background#EFF0F1
sideBar.border#E3E5E7
sideBarSectionHeader.background#EFF0F1
sideBarSectionHeader.foreground#232629
statusBar.background#EFF0F1
statusBar.debuggingBackground#EFF0F1
statusBar.debuggingForeground#232629
statusBar.focusBorder#3DAEE9
statusBar.foreground#232629
statusBar.noFolderBackground#EFF0F1
statusBarItem.activeBackground#3DAEE988
statusBarItem.compactHoverBackground#3DAEE988
statusBarItem.errorBackground#DA4453
statusBarItem.errorForeground#232629
statusBarItem.focusBorder#3DAEE9
statusBarItem.hoverBackground#3DAEE988
statusBarItem.offlineBackground#DA4453
statusBarItem.offlineForeground#232629
statusBarItem.prominentBackground#e7e7e8
statusBarItem.prominentForeground#232629
statusBarItem.prominentHoverBackground#3DAEE988
statusBarItem.remoteBackground#3DAEE988
statusBarItem.remoteForeground#232629
statusBarItem.warningBackground#F67400
statusBarItem.warningForeground#232629
tab.activeBackground#EFF0F1
tab.activeBorderTop#3DAEE9
tab.activeForeground#232629
tab.border#E3E5E7
tab.hoverBackground#eff0f17e
tab.inactiveBackground#eff0f1
tab.inactiveForeground#707D8A
tab.unfocusedHoverBackground#eff0f17e
textBlockQuote.background#FFFFFF
textBlockQuote.border#3DAEE9
textCodeBlock.background#FFFFFF
textLink.activeForeground#2980B9
textLink.foreground#2980B9
textPreformat.foreground#F67400
textSeparator.foreground#707D8A
titleBar.activeBackground#E3E5E7
titleBar.activeForeground#232629
tree.indentGuidesStroke#707D8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#586262	italic
variable, string constant.other.placeholder	#A7A8A8	—
constant.other.color	#B0B0B0	—
invalid, invalid.illegal	#A50E0E	—
keyword, storage.type, storage.modifier	#6C3E7F	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#2A79A3	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#AA5338	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#246A99	—
meta.block variable.other	#AA5338	—
support.other.variable, string.other.link	#AA5338	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#AC5100	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, punctuation.definition.string	#188E4F	—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#B18334	—
support.type	#12836D	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#12836D	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#982F3A	—
variable.language	#982F3A	italic
entity.name.method.js	#146BAA	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#146BAA	—
entity.other.attribute-name	#6C3E7F	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#B18334	italic
entity.other.attribute-name.class	#B18334	—
source.sass keyword.control	#146BAA	—
markup.inserted	#188E4F	—
markup.deleted	#982F3A	—
markup.changed	#6C3E7F	—
string.regexp	#2A79A3	—
constant.character.escape	#2A79A3	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#146BAA	italic
source.js constant.other.object.key.js string.unquoted.label.js	#982F3A	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#6C3E7F	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B18334	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#AC5100	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#982F3A	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#632F79	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#146BAA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#AA5338	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#6C3E7F	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#188E4F	—
text.html.markdown, punctuation.definition.list_item.markdown	#A7A8A8	—
text.html.markdown markup.inline.raw.markdown	#6C3E7F	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#243341	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#188E4F	—
markup.italic	#AA5338	italic
markup.bold, markup.bold string	#AA5338	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#AA5338	bold
markup.underline	#AC5100	underline
markup.quote punctuation.definition.blockquote.markdown	#243341	—
markup.quote	—	italic
string.other.link.title.markdown	#146BAA	—
string.other.link.description.title.markdown	#6C3E7F	—
constant.other.reference.link.markdown	#B18334	—
markup.raw.block	#6C3E7F	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#A7A8A8	—
variable.language.fenced.markdown	#243341	—
meta.separator	#243341	bold
markup.table	#A7A8A8	—
token.info-token	#4869A1	—
token.warn-token	#8F6922	—
token.error-token	#AA3131	—
token.debug-token	#7C48A1	—