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 Rainbow Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#2D3436
activityBar.activeBorder#75A7AF
activityBar.background#242526
activityBar.border#34373B
activityBar.foreground#CACBCC
activityBar.inactiveForeground#6C6E70
activityBarBadge.background#75A7AF
activityBarBadge.foreground#1E1F20
badge.background#344A4F
badge.foreground#CACBCC
breadcrumb.activeSelectionForeground#75A7AF
breadcrumb.background#1E1F20
breadcrumb.focusForeground#CACBCC
breadcrumb.foreground#6C6E70
button.background#75A7AF
button.foreground#1E1F20
button.hoverBackground#89B7BE
button.secondaryBackground#2A2C2F
button.secondaryForeground#CACBCC
button.secondaryHoverBackground#34373B
descriptionForeground#9B9D9F
diffEditor.diagonalFill#34373B
diffEditor.insertedLineBackground#2D423566
diffEditor.insertedTextBackground#2D423599
diffEditor.removedLineBackground#492E3166
diffEditor.removedTextBackground#492E3199
disabledForeground#505254
dropdown.background#1E1F20
dropdown.border#34373B
dropdown.foreground#CACBCC
editor.background#1E1F20
editor.findMatchBackground#4A4024
editor.findMatchBorder#CCA643
editor.findMatchHighlightBackground#4A402480
editor.findRangeHighlightBackground#24252680
editor.foreground#CACBCC
editor.hoverHighlightBackground#344A4F80
editor.inactiveSelectionBackground#2D3436
editor.lineHighlightBackground#272829
editor.lineHighlightBorder#00000000
editor.selectionBackground#344A4F
editor.selectionHighlightBackground#344A4F80
editor.wordHighlightBackground#30424780
editor.wordHighlightStrongBackground#344A4FB3
editorBracketHighlight.foreground1#9B9D9F
editorBracketHighlight.foreground2#75A7AF
editorBracketHighlight.foreground3#6C6E70
editorBracketHighlight.foreground4#82B5DE
editorBracketHighlight.foreground5#9B9D9F
editorBracketHighlight.foreground6#52737A
editorBracketHighlight.unexpectedBracket.foreground#D57171
editorBracketMatch.background#304247
editorBracketMatch.border#52737A
editorCodeLens.foreground#6C6E70
editorCursor.foreground#75A7AF
editorError.background#492E3100
editorError.foreground#D57171
editorGroup.border#34373B
editorGroupHeader.noTabsBackground#1E1F20
editorGroupHeader.tabsBackground#242526
editorGroupHeader.tabsBorder#34373B
editorGutter.addedBackground#71A482
editorGutter.background#1E1F20
editorGutter.deletedBackground#D57171
editorGutter.modifiedBackground#75A7AF
editorHint.foreground#71A482
editorHoverWidget.background#242526
editorHoverWidget.border#34373B
editorIndentGuide.activeBackground1#52737A
editorIndentGuide.background1#34373B
editorInfo.foreground#75A7AF
editorLineNumber.activeForeground#9B9D9F
editorLineNumber.foreground#4F5256
editorLink.activeForeground#75A7AF
editorOverviewRuler.border#34373B
editorOverviewRuler.errorForeground#D57171
editorOverviewRuler.infoForeground#75A7AF
editorOverviewRuler.warningForeground#D58446
editorRuler.foreground#34373B
editorSuggestWidget.background#242526
editorSuggestWidget.border#34373B
editorSuggestWidget.foreground#CACBCC
editorSuggestWidget.highlightForeground#75A7AF
editorSuggestWidget.selectedBackground#344A4F
editorUnnecessaryCode.opacity#00000066
editorWarning.background#49342900
editorWarning.foreground#D58446
editorWhitespace.foreground#4F5256
editorWidget.background#242526
editorWidget.border#34373B
editorWidget.foreground#CACBCC
errorForeground#D57171
focusBorder#75A7AF80
foreground#CACBCC
gitDecoration.addedResourceForeground#71A482
gitDecoration.conflictingResourceForeground#D58446
gitDecoration.deletedResourceForeground#D57171
gitDecoration.ignoredResourceForeground#505254
gitDecoration.modifiedResourceForeground#75A7AF
gitDecoration.renamedResourceForeground#82B5DE
gitDecoration.untrackedResourceForeground#71A482
icon.foreground#9B9D9F
input.background#1E1F20
input.border#34373B
input.foreground#CACBCC
input.placeholderForeground#6C6E70
inputOption.activeBackground#344A4F
inputOption.activeBorder#75A7AF
inputOption.activeForeground#DCDDDE
inputValidation.errorBackground#492E31
inputValidation.errorBorder#D57171
inputValidation.infoBackground#2B4044
inputValidation.infoBorder#82B5DE
inputValidation.warningBackground#493429
inputValidation.warningBorder#D58446
list.activeSelectionBackground#344A4F
list.activeSelectionForeground#CACBCC
list.errorForeground#D57171
list.focusBackground#344A4F
list.focusOutline#75A7AF80
list.highlightForeground#75A7AF
list.hoverBackground#242526
list.inactiveSelectionBackground#2D3436
list.inactiveSelectionForeground#CACBCC
list.warningForeground#D58446
listFilterWidget.background#2D3436
listFilterWidget.outline#52737A
menu.background#242526
menu.foreground#CACBCC
menu.selectionBackground#344A4F
menu.selectionForeground#DCDDDE
menu.separatorBackground#34373B
minimap.background#1E1F20
minimap.findMatchHighlight#CCA64399
minimap.selectionHighlight#52737A80
notificationLink.foreground#75A7AF
notifications.background#242526
notifications.border#34373B
notifications.foreground#CACBCC
panel.background#1E1F20
panel.border#34373B
panelTitle.activeBorder#75A7AF
panelTitle.activeForeground#CACBCC
panelTitle.inactiveForeground#6C6E70
peekView.border#52737A
peekViewEditor.background#242526
peekViewEditor.matchHighlightBackground#4A4024
peekViewResult.background#2A2C2F
peekViewResult.matchHighlightBackground#4A4024
peekViewResult.selectionBackground#344A4F
peekViewTitle.background#242526
progressBar.background#75A7AF
scrollbar.shadow#00000040
scrollbarSlider.activeBackground#9B9D9F66
scrollbarSlider.background#6C6E7033
scrollbarSlider.hoverBackground#6C6E7055
selection.background#344A4F
selection.foreground#DCDDDE
sideBar.background#242526
sideBar.border#34373B
sideBar.foreground#9B9D9F
sideBarSectionHeader.background#2A2C2F
sideBarSectionHeader.border#34373B
sideBarSectionHeader.foreground#9B9D9F
sideBarTitle.foreground#CACBCC
statusBar.background#2A2C2F
statusBar.border#34373B
statusBar.debuggingBackground#493429
statusBar.debuggingForeground#DCDDDE
statusBar.foreground#9B9D9F
statusBar.noFolderBackground#242526
statusBar.noFolderForeground#9B9D9F
statusBarItem.activeBackground#344A4F
statusBarItem.hoverBackground#34373B
statusBarItem.prominentBackground#344A4F
statusBarItem.prominentForeground#DCDDDE
statusBarItem.remoteBackground#344A4F
statusBarItem.remoteForeground#CACBCC
tab.activeBackground#1E1F20
tab.activeBorderTop#75A7AF
tab.activeForeground#CACBCC
tab.border#34373B
tab.hoverBackground#2D3436
tab.inactiveBackground#242526
tab.inactiveForeground#6C6E70
tab.unfocusedActiveForeground#9B9D9F
tab.unfocusedInactiveForeground#505254
terminal.ansiBlack#292B2E
terminal.ansiBlue#75A7AF
terminal.ansiBrightBlack#76797D
terminal.ansiBrightBlue#82B5DE
terminal.ansiBrightCyan#89B7BE
terminal.ansiBrightGreen#85B494
terminal.ansiBrightMagenta#B09BDD
terminal.ansiBrightRed#DF8585
terminal.ansiBrightWhite#E7E8E9
terminal.ansiBrightYellow#D8B75C
terminal.ansiCyan#75A7AF
terminal.ansiGreen#71A482
terminal.ansiMagenta#A18BCF
terminal.ansiRed#D57171
terminal.ansiWhite#BEC0C2
terminal.ansiYellow#CCA643
terminal.background#1E1F20
terminal.foreground#CACBCC
terminal.selectionBackground#344A4F
terminalCursor.foreground#75A7AF
textBlockQuote.background#242526
textBlockQuote.border#52737A
textCodeBlock.background#242526
textLink.activeForeground#82B5DE
textLink.foreground#75A7AF
textPreformat.foreground#CACBCC
textSeparator.foreground#34373B
titleBar.activeBackground#242526
titleBar.activeForeground#CACBCC
titleBar.border#34373B
titleBar.inactiveBackground#242526
titleBar.inactiveForeground#6C6E70
tree.indentGuidesStroke#34373B
window.activeBorder#34373B
window.inactiveBorder#242526

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6C6E70	italic
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.expression	#A18BCF
entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, variable.language	#6899C2
support.constant, support.function, entity.name.function.preprocessor, entity.name.function.macro	#D97A86
entity.name.function, meta.function-call, support.function.any-method	#75A7AF
variable, variable.parameter, variable.other.property, meta.object-literal.key, support.variable.property	#CACBCC
variable.other.property, meta.object-literal.key, support.variable.property	#D97A86
string	#75AC8D
constant.numeric	#D78A50
constant.language, constant.character, constant.other	#CCA643
entity.name.tag	#D78A50
entity.other.attribute-name, meta.decorator, entity.name.function.decorator, punctuation.decorator	#D97A86
punctuation, keyword.operator, meta.brace, meta.delimiter	#9B9D9F
markup.heading, entity.name.section	#DCDDDE	bold
markup.bold	#DCDDDE	bold
markup.italic	#CACBCC	italic
markup.underline.link, string.other.link, meta.link	#75A7AF	underline
invalid, invalid.illegal	#D57171	underline
markup.inserted	#71A482
markup.changed	#75A7AF
markup.deleted	#D57171