LumaCo - High Contrast Light Themes

Name: LumaCo - High Contrast Light Themes
Author: Teambotics

Publisher: TeamboticsThemes in package: 54

54 high contrast light color themes across six visual families. Apply per-workspace and share with your team.

Open in VS Code GitHub

Color themes

VS Code preview

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

LumaCo - High Contrast Light Themes — LumaCo Frost: Midnight

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#1A226614
activityBar.activeBorder#1A2266
activityBar.background#E4EAF4
activityBar.border#B8CCDE
activityBar.foreground#1A2266
activityBar.inactiveForeground#6A8AAA
activityBarBadge.background#1A2266
activityBarBadge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#1A2266
breadcrumb.background#F0F5FC
breadcrumb.focusForeground#1A2266
breadcrumb.foreground#6A8AAA
breadcrumbPicker.background#EBF0F8
button.background#1A2266
button.foreground#FFFFFF
button.hoverBackground#3C4488
button.secondaryBackground#B8CCDE
button.secondaryForeground#1A2840
button.secondaryHoverBackground#A8BCCE
checkbox.background#F0F5FC
checkbox.border#B8CCDE
debugToolBar.background#EBF0F8
debugToolBar.border#B8CCDE
descriptionForeground#3A5A78
diffEditor.insertedLineBackground#22AA5512
diffEditor.insertedTextBackground#22AA5518
diffEditor.removedLineBackground#CC223312
diffEditor.removedTextBackground#CC223318
diffEditorGutter.insertedLineBackground#22AA5530
diffEditorGutter.removedLineBackground#CC223330
disabledForeground#6A8AAA80
dropdown.background#F0F5FC
dropdown.border#B8CCDE
dropdown.foreground#1A2840
editor.background#F0F5FC
editor.findMatchBackground#99660040
editor.findMatchHighlightBackground#99660022
editor.foreground#1A2840
editor.inactiveSelectionBackground#1A226618
editor.lineHighlightBackground#1A22660E
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#1A22660E
editor.selectionBackground#1A226628
editor.selectionHighlightBackground#1A226618
editor.wordHighlightBackground#1A226618
editor.wordHighlightStrongBackground#1A226628
editorBracketMatch.background#1A226622
editorBracketMatch.border#1A2266AA
editorCodeLens.foreground#6A8AAA
editorCursor.background#F0F5FC
editorCursor.foreground#1A2266
editorError.foreground#CC2233
editorGroup.border#B8CCDE
editorGroup.dropBackground#1A226622
editorGroupHeader.noTabsBackground#E4EAF4
editorGroupHeader.tabsBackground#E4EAF4
editorGutter.addedBackground#22AA55
editorGutter.background#F0F5FC
editorGutter.deletedBackground#CC2233
editorGutter.modifiedBackground#1A2266
editorHint.foreground#1A226688
editorHoverWidget.background#EBF0F8
editorHoverWidget.border#1A226644
editorIndentGuide.activeBackground1#1A226655
editorIndentGuide.background1#B8CCDE
editorInfo.foreground#3C4488
editorLineNumber.activeForeground#1A2266
editorLineNumber.foreground#6A8AAA
editorOverviewRuler.addedForeground#22AA55
editorOverviewRuler.border#B8CCDE
editorOverviewRuler.deletedForeground#CC2233
editorOverviewRuler.errorForeground#CC2233
editorOverviewRuler.findMatchForeground#99660088
editorOverviewRuler.infoForeground#3C4488
editorOverviewRuler.modifiedForeground#1A2266
editorOverviewRuler.selectionHighlightForeground#1A226655
editorOverviewRuler.warningForeground#996600
editorOverviewRuler.wordHighlightForeground#1A226644
editorRuler.foreground#B8CCDE
editorSuggestWidget.background#EBF0F8
editorSuggestWidget.border#1A226644
editorSuggestWidget.foreground#1A2840
editorSuggestWidget.highlightForeground#1A2266
editorSuggestWidget.selectedBackground#1A226622
editorWarning.foreground#996600
editorWhitespace.foreground#B8CCDE
editorWidget.background#EBF0F8
editorWidget.border#1A226644
editorWidget.foreground#1A2840
errorForeground#CC2233
extensionButton.prominentBackground#1A2266
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#3C4488
focusBorder#1A226688
foreground#1A2840
gitDecoration.addedResourceForeground#22AA55
gitDecoration.conflictingResourceForeground#996600
gitDecoration.deletedResourceForeground#CC2233
gitDecoration.ignoredResourceForeground#6A8AAA
gitDecoration.modifiedResourceForeground#1A2266
gitDecoration.submoduleResourceForeground#3C4488
gitDecoration.untrackedResourceForeground#3C4488
icon.foreground#3C4488
input.background#F0F5FC
input.border#B8CCDE
input.foreground#1A2840
input.placeholderForeground#6A8AAA
inputOption.activeBackground#1A226622
inputOption.activeBorder#1A2266
inputValidation.errorBackground#FFF0F0
inputValidation.errorBorder#CC2233
inputValidation.infoBackground#F0F5FC
inputValidation.infoBorder#1A2266
inputValidation.warningBackground#FFFAF0
inputValidation.warningBorder#996600
list.activeSelectionBackground#1A226622
list.activeSelectionForeground#1A2266
list.dropBackground#1A226622
list.errorForeground#CC2233
list.focusBackground#1A226622
list.focusForeground#1A2266
list.highlightForeground#1A2266
list.hoverBackground#1A226614
list.hoverForeground#1A2840
list.inactiveSelectionBackground#1A226614
list.inactiveSelectionForeground#1A2840
list.warningForeground#996600
menu.background#EBF0F8
menu.border#B8CCDE
menu.foreground#1A2840
menu.selectionBackground#1A226622
menu.selectionForeground#1A2266
menu.separatorBackground#B8CCDE
menubar.selectionBackground#1A226622
menubar.selectionForeground#1A2266
minimap.background#F0F5FC
minimap.errorHighlight#CC2233
minimap.findMatchHighlight#99660066
minimap.selectionHighlight#1A226644
minimapGutter.addedBackground#22AA55
minimapGutter.deletedBackground#CC2233
minimapGutter.modifiedBackground#1A2266
notificationCenterHeader.background#E4EAF4
notificationLink.foreground#1A2266
notifications.background#EBF0F8
notifications.border#1A226644
notifications.foreground#1A2840
notificationsErrorIcon.foreground#CC2233
notificationsInfoIcon.foreground#3C4488
notificationsWarningIcon.foreground#996600
notificationToast.border#1A226644
panel.background#EBF0F8
panel.border#B8CCDE
panelTitle.activeBorder#1A2266
panelTitle.activeForeground#1A2266
panelTitle.inactiveForeground#6A8AAA
peekView.border#1A2266
peekViewEditor.background#EBF0F8
peekViewEditor.matchHighlightBackground#1A226630
peekViewEditorGutter.background#EBF0F8
peekViewResult.background#E4EAF4
peekViewResult.fileForeground#1A2840
peekViewResult.lineForeground#3A5A78
peekViewResult.matchHighlightBackground#1A226625
peekViewResult.selectionBackground#1A226622
peekViewResult.selectionForeground#1A2266
peekViewTitle.background#E4EAF4
peekViewTitleDescription.foreground#3C4488
peekViewTitleLabel.foreground#1A2266
pickerGroup.border#B8CCDE
pickerGroup.foreground#1A2266
progressBar.background#1A2266
scrollbar.shadow#00000018
scrollbarSlider.activeBackground#1A226666
scrollbarSlider.background#1A226622
scrollbarSlider.hoverBackground#1A226644
selection.background#1A226628
settings.headerForeground#1A2266
settings.modifiedItemIndicator#1A2266
sideBar.background#EBF0F8
sideBar.border#B8CCDE
sideBar.foreground#3A5A78
sideBarSectionHeader.background#EBF0F8
sideBarSectionHeader.border#B8CCDE
sideBarSectionHeader.foreground#3C4488
sideBarTitle.foreground#1A2266
statusBar.background#1A2266
statusBar.border#3C4488
statusBar.debuggingBackground#996600
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#E4EAF4
statusBar.noFolderForeground#1A2840
statusBarItem.activeBackground#1A226644
statusBarItem.errorBackground#CC2233
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#1A226633
statusBarItem.remoteBackground#1A2266
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#F0F5FC
tab.activeBorder#00000000
tab.activeBorderTop#1A2266
tab.activeForeground#1A2266
tab.border#B8CCDE
tab.hoverBackground#1A226614
tab.hoverBorder#1A226655
tab.inactiveBackground#E4EAF4
tab.inactiveForeground#6A8AAA
tab.unfocusedActiveBackground#F0F5FC
tab.unfocusedActiveForeground#3C4488
tab.unfocusedInactiveBackground#E4EAF4
tab.unfocusedInactiveForeground#6A8AAA
terminal.ansiBlack#E4EAF4
terminal.ansiBlue#1A2266
terminal.ansiBrightBlack#6A8AAA
terminal.ansiBrightBlue#3C4488
terminal.ansiBrightCyan#2299AA
terminal.ansiBrightGreen#44BB66
terminal.ansiBrightMagenta#AA44BB
terminal.ansiBrightRed#EE4455
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#BB8822
terminal.ansiCyan#007788
terminal.ansiGreen#2A8844
terminal.ansiMagenta#882299
terminal.ansiRed#CC2233
terminal.ansiWhite#1A2840
terminal.ansiYellow#996600
terminal.background#EBF0F8
terminal.border#B8CCDE
terminal.foreground#1A2840
terminal.selectionBackground#1A226630
terminalCursor.foreground#1A2266
textBlockQuote.background#EBF0F8
textBlockQuote.border#B8CCDE
textCodeBlock.background#EBF0F8
textLink.activeForeground#3C4488
textLink.foreground#1A2266
textSeparator.foreground#B8CCDE
titleBar.activeBackground#E4EAF4
titleBar.activeForeground#1A2840
titleBar.border#B8CCDE
titleBar.inactiveBackground#E4EAF4
titleBar.inactiveForeground#6A8AAA
widget.shadow#00000018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6A8AAA	italic
string, string.quoted, string.template	#CC4400	—
constant.character.escape, string.regexp	#BA3200	—
keyword, keyword.control, keyword.operator.new, keyword.other.important	#1A2266	bold
storage.type, storage.modifier	#1A2266	bold
entity.name.function, meta.function-call entity.name.function, support.function	#3C4488	—
entity.name.type, entity.name.class, support.class, support.type	#3C4488	—
entity.other.inherited-class	#3C4488	italic
variable, variable.other.readwrite	#1A2840	—
variable.parameter	#3C4488	italic
variable.other.constant, constant.other	#CC4400	bold
constant.numeric	#CC4400	—
constant.language	#1A2266	bold
entity.name.tag	#1A2266	—
entity.other.attribute-name	#3C4488	—
keyword.operator	#3C4488	—
punctuation, meta.brace, punctuation.accessor	#6A8AAA	—
variable.other.property, support.variable.property, variable.other.object.property	#4A6A88	—
invalid, invalid.illegal, invalid.deprecated	#CC2233	underline