Lacold Theme

Name: Lacold Theme
Author: Aozy

Publisher: AozyThemes in package: 12

Ink-first themes with restrained accents and clear semantic feedback.

Open in VS Code GitHub

Color themes

VS Code preview

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

Lacold Theme — Lacold Air Purple Light

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.activeBackground#EAE7ED
activityBar.activeBorder#6F55A3
activityBar.background#F2F2F1
activityBar.border#DADBDA
activityBar.foreground#46484A
activityBar.inactiveForeground#878A8D
activityBarBadge.background#6F55A3
activityBarBadge.foreground#F7F7F7
badge.background#E1D8ED
badge.foreground#46484A
breadcrumb.activeSelectionForeground#6F55A3
breadcrumb.background#F7F7F7
breadcrumb.focusForeground#46484A
breadcrumb.foreground#878A8D
button.background#6F55A3
button.foreground#F7F7F7
button.hoverBackground#5D428D
button.secondaryBackground#ECEDEB
button.secondaryForeground#46484A
button.secondaryHoverBackground#DADBDA
descriptionForeground#65686B
diffEditor.diagonalFill#DADBDA
diffEditor.insertedLineBackground#DDEBDD66
diffEditor.insertedTextBackground#DDEBDD99
diffEditor.removedLineBackground#F3DCDD66
diffEditor.removedTextBackground#F3DCDD99
disabledForeground#AEB1B3
dropdown.background#F7F7F7
dropdown.border#DADBDA
dropdown.foreground#46484A
editor.background#F7F7F7
editor.findMatchBackground#F4EBC5
editor.findMatchBorder#7E6000
editor.findMatchHighlightBackground#F4EBC580
editor.findRangeHighlightBackground#F2F2F180
editor.foreground#46484A
editor.hoverHighlightBackground#E1D8ED80
editor.inactiveSelectionBackground#EAE7ED
editor.lineHighlightBackground#F3F4F2
editor.lineHighlightBorder#00000000
editor.selectionBackground#E1D8ED
editor.selectionHighlightBackground#E1D8ED80
editor.wordHighlightBackground#E4DDED80
editor.wordHighlightStrongBackground#E1D8EDB3
editorBracketHighlight.foreground1#65686B
editorBracketHighlight.foreground2#6F55A3
editorBracketHighlight.foreground3#878A8D
editorBracketHighlight.foreground4#7C689D
editorBracketHighlight.foreground5#65686B
editorBracketHighlight.foreground6#A997C8
editorBracketHighlight.unexpectedBracket.foreground#AA4949
editorBracketMatch.background#E4DDED
editorBracketMatch.border#A997C8
editorCodeLens.foreground#878A8D
editorCursor.foreground#6F55A3
editorError.background#F3DCDD00
editorError.foreground#AA4949
editorGroup.border#DADBDA
editorGroupHeader.noTabsBackground#F7F7F7
editorGroupHeader.tabsBackground#F2F2F1
editorGroupHeader.tabsBorder#DADBDA
editorGutter.addedBackground#417553
editorGutter.background#F7F7F7
editorGutter.deletedBackground#AA4949
editorGutter.modifiedBackground#6F55A3
editorHint.foreground#417553
editorHoverWidget.background#F2F2F1
editorHoverWidget.border#DADBDA
editorIndentGuide.activeBackground1#A997C8
editorIndentGuide.background1#DADBDA
editorInfo.foreground#6F55A3
editorLineNumber.activeForeground#65686B
editorLineNumber.foreground#AEB1B3
editorLink.activeForeground#6F55A3
editorOverviewRuler.border#DADBDA
editorOverviewRuler.errorForeground#AA4949
editorOverviewRuler.infoForeground#6F55A3
editorOverviewRuler.warningForeground#9D5419
editorRuler.foreground#DADBDA
editorSuggestWidget.background#F2F2F1
editorSuggestWidget.border#DADBDA
editorSuggestWidget.foreground#46484A
editorSuggestWidget.highlightForeground#6F55A3
editorSuggestWidget.selectedBackground#E1D8ED
editorUnnecessaryCode.opacity#00000066
editorWarning.background#F5E1D200
editorWarning.foreground#9D5419
editorWhitespace.foreground#AEB1B3
editorWidget.background#F2F2F1
editorWidget.border#DADBDA
editorWidget.foreground#46484A
errorForeground#AA4949
focusBorder#6F55A380
foreground#46484A
gitDecoration.addedResourceForeground#417553
gitDecoration.conflictingResourceForeground#9D5419
gitDecoration.deletedResourceForeground#AA4949
gitDecoration.ignoredResourceForeground#AEB1B3
gitDecoration.modifiedResourceForeground#6F55A3
gitDecoration.renamedResourceForeground#7C689D
gitDecoration.untrackedResourceForeground#417553
icon.foreground#65686B
input.background#F7F7F7
input.border#DADBDA
input.foreground#46484A
input.placeholderForeground#878A8D
inputOption.activeBackground#E1D8ED
inputOption.activeBorder#6F55A3
inputOption.activeForeground#2F3133
inputValidation.errorBackground#F3DCDD
inputValidation.errorBorder#AA4949
inputValidation.infoBackground#E8E2F1
inputValidation.infoBorder#7C689D
inputValidation.warningBackground#F5E1D2
inputValidation.warningBorder#9D5419
list.activeSelectionBackground#E1D8ED
list.activeSelectionForeground#46484A
list.errorForeground#AA4949
list.focusBackground#E1D8ED
list.focusOutline#6F55A380
list.highlightForeground#6F55A3
list.hoverBackground#F2F2F1
list.inactiveSelectionBackground#EAE7ED
list.inactiveSelectionForeground#46484A
list.warningForeground#9D5419
listFilterWidget.background#EAE7ED
listFilterWidget.outline#A997C8
menu.background#F2F2F1
menu.foreground#46484A
menu.selectionBackground#E1D8ED
menu.selectionForeground#2F3133
menu.separatorBackground#DADBDA
minimap.background#F7F7F7
minimap.findMatchHighlight#7E600099
minimap.selectionHighlight#A997C880
notificationLink.foreground#6F55A3
notifications.background#F2F2F1
notifications.border#DADBDA
notifications.foreground#46484A
panel.background#F7F7F7
panel.border#DADBDA
panelTitle.activeBorder#6F55A3
panelTitle.activeForeground#46484A
panelTitle.inactiveForeground#878A8D
peekView.border#A997C8
peekViewEditor.background#F2F2F1
peekViewEditor.matchHighlightBackground#F4EBC5
peekViewResult.background#ECEDEB
peekViewResult.matchHighlightBackground#F4EBC5
peekViewResult.selectionBackground#E1D8ED
peekViewTitle.background#F2F2F1
progressBar.background#6F55A3
scrollbar.shadow#00000012
scrollbarSlider.activeBackground#65686B66
scrollbarSlider.background#878A8D33
scrollbarSlider.hoverBackground#878A8D55
selection.background#E1D8ED
selection.foreground#2F3133
sideBar.background#F2F2F1
sideBar.border#DADBDA
sideBar.foreground#65686B
sideBarSectionHeader.background#ECEDEB
sideBarSectionHeader.border#DADBDA
sideBarSectionHeader.foreground#65686B
sideBarTitle.foreground#46484A
statusBar.background#ECEDEB
statusBar.border#DADBDA
statusBar.debuggingBackground#F5E1D2
statusBar.debuggingForeground#2F3133
statusBar.foreground#65686B
statusBar.noFolderBackground#F2F2F1
statusBar.noFolderForeground#65686B
statusBarItem.activeBackground#E1D8ED
statusBarItem.hoverBackground#DADBDA
statusBarItem.prominentBackground#E1D8ED
statusBarItem.prominentForeground#2F3133
statusBarItem.remoteBackground#E1D8ED
statusBarItem.remoteForeground#46484A
tab.activeBackground#F7F7F7
tab.activeBorderTop#6F55A3
tab.activeForeground#46484A
tab.border#DADBDA
tab.hoverBackground#EAE7ED
tab.inactiveBackground#F2F2F1
tab.inactiveForeground#878A8D
tab.unfocusedActiveForeground#65686B
tab.unfocusedInactiveForeground#AEB1B3
terminal.ansiBlack#2F3133
terminal.ansiBlue#6F55A3
terminal.ansiBrightBlack#878A8D
terminal.ansiBrightBlue#7C689D
terminal.ansiBrightCyan#5E8D96
terminal.ansiBrightGreen#528364
terminal.ansiBrightMagenta#806BAA
terminal.ansiBrightRed#B65A5A
terminal.ansiBrightWhite#FAFAF9
terminal.ansiBrightYellow#94720A
terminal.ansiCyan#4D7D86
terminal.ansiGreen#417553
terminal.ansiMagenta#705B9D
terminal.ansiRed#AA4949
terminal.ansiWhite#D7D9D7
terminal.ansiYellow#7E6000
terminal.background#F7F7F7
terminal.foreground#46484A
terminal.selectionBackground#E1D8ED
terminalCursor.foreground#6F55A3
textBlockQuote.background#F2F2F1
textBlockQuote.border#A997C8
textCodeBlock.background#F2F2F1
textLink.activeForeground#7C689D
textLink.foreground#6F55A3
textPreformat.foreground#46484A
textSeparator.foreground#DADBDA
titleBar.activeBackground#F2F2F1
titleBar.activeForeground#46484A
titleBar.border#DADBDA
titleBar.inactiveBackground#F2F2F1
titleBar.inactiveForeground#878A8D
tree.indentGuidesStroke#DADBDA
window.activeBorder#DADBDA
window.inactiveBorder#F2F2F1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#878A8D	italic
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.expression	#6F55A3
entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, variable.language	#7C689D
support.constant, support.function, entity.name.function.preprocessor, entity.name.function.macro	#7C689D
entity.name.function, meta.function-call, support.function.any-method	#46484A
variable, variable.parameter, variable.other.property, meta.object-literal.key, support.variable.property	#46484A
variable.other.property, meta.object-literal.key, support.variable.property	#46484A
string	#46484A
constant.numeric	#46484A
constant.language, constant.character, constant.other	#46484A
entity.name.tag	#6F55A3
entity.other.attribute-name, meta.decorator, entity.name.function.decorator, punctuation.decorator	#6F55A3
punctuation, keyword.operator, meta.brace, meta.delimiter	#65686B
markup.heading, entity.name.section	#2F3133	bold
markup.bold	#2F3133	bold
markup.italic	#46484A	italic
markup.underline.link, string.other.link, meta.link	#6F55A3	underline
invalid, invalid.illegal	#AA4949	underline
markup.inserted	#417553
markup.changed	#6F55A3
markup.deleted	#AA4949