Cuille Themes

Name: Cuille Themes
Author: elmousse

Publisher: elmousseThemes in package: 4

Open in VS Code

Color themes

VS Code preview

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

Cuille Themes — Cuille light alter

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.

actionBar.toggledBackground#dddddd
activityBar.activeBackground#d6d6d6
activityBar.activeBorder#000000
activityBar.activeFocusBorder#0069cc
activityBar.background#fafafd
activityBar.border#f0f1f2
activityBar.foreground#202020
activityBar.inactiveForeground#606060
activityBarBadge.background#0069cc
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#000000
activityErrorBadge.background#ad0707
activityErrorBadge.foreground#ffffff
activityWarningBadge.background#f2c94c
activityWarningBadge.foreground#202020
agents.background#fafafd
agentsBadge.background#0069cc
agentsBadge.foreground#ffffff
agentsChatInput.background#f7f7fa
agentsChatInput.border#d8d8d8
agentsChatInput.focusBorder#0069cc
agentsChatInput.foreground#202020
agentsChatInput.placeholderForeground#999999
agentsGradient.tintColor#0069cc
agentsNewSessionButton.background#00000000
agentsNewSessionButton.border#d8d8d8
agentsNewSessionButton.foreground#202020
agentsNewSessionButton.hoverBackground#00000010
agentsPanel.background#ffffff
agentsPanel.border#e4e5e6aa
agentsPanel.foreground#202020
agentStatusIndicator.background#ffffff
agentsUnreadBadge.background#0069cc
agentsUnreadBadge.foreground#ffffff
badge.background#0069cc
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#202020
breadcrumb.background#ffffff
breadcrumb.focusForeground#202020
breadcrumb.foreground#606060
breadcrumbPicker.background#fafafd
button.background#0069cc
button.border#0069cc
button.foreground#ffffff
button.hoverBackground#0063c1
button.secondaryBackground#eaeaea
button.secondaryBorder#eaeaea
button.secondaryForeground#202020
button.secondaryHoverBackground#f2f3f4
charts.blue#1a5cff
charts.foreground#202020
charts.green#388a34
charts.lines#20202066
charts.orange#d18616
charts.purple#652d90
charts.red#ad0707
charts.yellow#667309
chat.editedFileForeground#895503
chat.inputWorkingBorderColor1#0069cc
chat.requestBubbleBackground#0069cc12
chat.requestBubbleHoverBackground#0069cc19
chat.slashCommandBackground#adceff7a
chat.slashCommandForeground#26569e
chat.thinkingShimmer#999999
checkbox.background#eaeaea
checkbox.border#868686
checkbox.foreground#606060
commandCenter.activeBackground#dadada4f
commandCenter.activeBorder#d8d8d8
commandCenter.activeForeground#202020
commandCenter.background#ffffff
commandCenter.border#d8d8d8aa
commandCenter.foreground#202020
descriptionForeground#606060
diffEditor.insertedTextBackground#587c0c26
diffEditor.removedTextBackground#ad070726
diffEditor.unchangedRegionBackground#f8f8f8
disabledForeground#bbbbbb
dropdown.background#ffffff
dropdown.border#d8d8d8
dropdown.foreground#202020
dropdown.listBackground#ffffff
editor.background#ffffff
editor.findMatchBackground#0069cc40
editor.findMatchHighlightBackground#0069cc1a
editor.findRangeHighlightBackground#00000015
editor.foreground#000000
editor.hoverHighlightBackground#0000000f
editor.inactiveSelectionBackground#00000012
editor.lineHighlightBackground#eaeaea40
editor.rangeHighlightBackground#00000015
editor.selectionBackground#00000028
editor.selectionHighlightBackground#00000018
editor.wordHighlightBackground#00000015
editor.wordHighlightStrongBackground#00000020
editor.wordHighlightTextBackground#00000012
editorBracketHighlight.foreground1#000000
editorBracketHighlight.foreground2#000000
editorBracketHighlight.foreground3#000000
editorBracketHighlight.foreground4#000000
editorBracketHighlight.foreground5#000000
editorBracketHighlight.foreground6#000000
editorBracketHighlight.unexpectedBracket.foreground#ad0707
editorBracketMatch.background#00000000
editorBracketMatch.border#5B5B5B
editorCodeLens.foreground#606060
editorCommentsWidget.rangeActiveBackground#e6edfa
editorCommentsWidget.rangeBackground#eef4fb
editorCursor.foreground#202020
editorError.foreground#ad0707
editorGroup.border#e5e5e5
editorGroupHeader.tabsBackground#fafafd
editorGroupHeader.tabsBorder#f0f1f2
editorGutter.addedBackground#587c0c
editorGutter.background#ffffff
editorGutter.deletedBackground#ad0707
editorGutter.modifiedBackground#005fb8
editorHint.foreground#6c6c6c
editorHoverWidget.background#fafafd
editorHoverWidget.border#e4e5e6
editorIndentGuide.activeBackground1#eeeeee
editorIndentGuide.background1#f7f7f740
editorInfo.foreground#0069cc
editorLineNumber.activeForeground#000000
editorLineNumber.foreground#808080
editorLink.activeForeground#0069cc
editorOverviewRuler.addedForeground#587c0c
editorOverviewRuler.border#f0f1f2
editorOverviewRuler.deletedForeground#ad0707
editorOverviewRuler.errorForeground#ad0707
editorOverviewRuler.findMatchForeground#0069cc99
editorOverviewRuler.modifiedForeground#0069cc
editorOverviewRuler.warningForeground#667309
editorRuler.foreground#f7f7f7
editorStickyScroll.border#f0f1f2
editorStickyScroll.shadow#00000000
editorStickyScrollHover.background#f0f0f3
editorSuggestWidget.background#fafafd
editorSuggestWidget.border#e4e5e6
editorSuggestWidget.focusOutline#0069cc
editorSuggestWidget.foreground#202020
editorSuggestWidget.highlightForeground#0069cc
editorSuggestWidget.selectedBackground#00000025
editorSuggestWidget.selectedForeground#202020
editorSuggestWidget.selectedIconForeground#202020
editorWarning.foreground#895503
editorWhitespace.foreground#60606040
editorWidget.background#fafafd
editorWidget.border#e4e5e6
editorWidget.foreground#202020
errorForeground#ad0707
extensionButton.prominentBackground#0069cc
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#0064cc
focusBorder#0069cc
foreground#202020
gitDecoration.addedResourceForeground#587c0c
gitDecoration.conflictingResourceForeground#ad0707
gitDecoration.deletedResourceForeground#ad0707
gitDecoration.ignoredResourceForeground#8e8e90
gitDecoration.modifiedResourceForeground#667309
gitDecoration.stageDeletedResourceForeground#ad0707
gitDecoration.stageModifiedResourceForeground#667309
gitDecoration.untrackedResourceForeground#587c0c
icon.foreground#606060
inlineChat.border#00000000
input.background#ffffff
input.border#d8d8d866
input.foreground#202020
input.placeholderForeground#999999
inputOption.activeBackground#d6d6d6
inputOption.activeBorder#f0f1f2
inputOption.activeForeground#202020
inputValidation.errorBackground#fdeded
inputValidation.errorBorder#ad0707
inputValidation.errorForeground#202020
inputValidation.infoBackground#e6f2fa
inputValidation.infoBorder#0069cc
inputValidation.infoForeground#202020
inputValidation.warningBackground#fdf6e3
inputValidation.warningBorder#b69500
inputValidation.warningForeground#202020
keybindingLabel.foreground#3b3b3b
list.activeSelectionBackground#00000025
list.activeSelectionForeground#202020
list.activeSelectionIconForeground#000000
list.dropBackground#0069cc15
list.errorForeground#ad0707
list.focusAndSelectionOutline#005fb8
list.focusBackground#00000025
list.focusForeground#202020
list.focusOutline#0069cc
list.highlightForeground#0069cc
list.hoverBackground#00000014
list.hoverForeground#202020
list.inactiveSelectionBackground#dadada99
list.inactiveSelectionForeground#202020
list.invalidItemForeground#bbbbbb
list.warningForeground#667309
listFilterWidget.shadow#00000000
menu.background#fafafd
menu.border#e4e5e6
menu.foreground#202020
menu.selectionBackground#0069cc1a
menu.selectionBorder#0069cc
menu.selectionForeground#202020
menu.separatorBackground#eeeef1
menubar.selectionBackground#eaeaea
menubar.selectionForeground#202020
minimapSlider.activeBackground#646464e0
minimapSlider.background#646464c0
minimapSlider.hoverBackground#646464d0
modernActivityBar.border#e5e5e5
modernActivityBarItem.activeBackground#e4e6f1
modernActivityBarItem.activeForeground#3b3b3b
modernActivityBarItem.hoverBackground#f2f2f2
modernActivityBarItem.hoverForeground#3b3b3b
notebook.cellBorderColor#e5e5e5
notebook.selectedCellBackground#c8ddf150
notificationCenter.border#f0f1f2
notificationCenterHeader.background#fafafd
notificationCenterHeader.foreground#202020
notificationLink.foreground#0069cc
notifications.background#fafafd
notifications.border#f0f1f2
notifications.foreground#202020
notificationsErrorIcon.foreground#ad0707
notificationsInfoIcon.foreground#0069cc
notificationsWarningIcon.foreground#b69500
notificationToast.border#f0f1f2
panel.background#fafafd
panel.border#f0f1f2
panelInput.border#e5e5e5
panelSection.border#e4e5e6
panelSectionHeader.border#e4e5e6
panelStickyScroll.shadow#00000000
panelTitle.activeBorder#000000
panelTitle.activeForeground#202020
panelTitle.inactiveForeground#606060
peekView.border#0069cc
peekViewEditor.background#fafafd
peekViewEditor.matchHighlightBackground#0069cc33
peekViewResult.background#fafafd
peekViewResult.fileForeground#202020
peekViewResult.lineForeground#606060
peekViewResult.matchHighlightBackground#0069cc33
peekViewResult.selectionBackground#0069cc26
peekViewResult.selectionForeground#202020
peekViewTitle.background#fafafd
peekViewTitleDescription.foreground#606060
peekViewTitleLabel.foreground#202020
pickerGroup.border#eeeef1
pickerGroup.foreground#202020
ports.iconRunningProcessForeground#369432
problemsWarningIcon.foreground#895503
progressBar.background#0069cc
quickInput.background#fafafd
quickInput.foreground#202020
quickInputList.focusBackground#0069cc
quickInputList.focusForeground#ffffff
quickInputList.focusHighlightForeground#ffffff
quickInputList.focusIconForeground#ffffff
quickInputTitle.background#fafafd
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#646464e0
scrollbarSlider.background#646464c0
scrollbarSlider.hoverBackground#646464d0
searchEditor.textInputBorder#cecece
settings.dropdownBackground#ffffff
settings.dropdownBorder#cecece
settings.headerForeground#1f1f1f
settings.modifiedItemIndicator#bb800966
settings.numberInputBorder#cecece
settings.textInputBorder#cecece
sideBar.background#fafafd
sideBar.border#f0f1f2
sideBar.foreground#202020
sideBarSectionHeader.background#fafafd
sideBarSectionHeader.border#f0f1f2
sideBarSectionHeader.foreground#202020
sideBarStickyScroll.shadow#00000000
sideBarTitle.foreground#202020
statusBar.background#fafafd
statusBar.border#f0f1f2
statusBar.debuggingBackground#0069cc
statusBar.debuggingForeground#ffffff
statusBar.focusBorder#0069cc
statusBar.foreground#606060
statusBar.inactiveBackground#fafafd
statusBar.noFolderBackground#f0f0f3
statusBar.noFolderForeground#606060
statusBarItem.activeBackground#eeeeee
statusBarItem.compactHoverBackground#cccccc
statusBarItem.errorBackground#c72e0f
statusBarItem.focusBorder#0069cc
statusBarItem.hoverBackground#e3e3e5
statusBarItem.hoverForeground#000000
statusBarItem.prominentBackground#0069ccdd
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#0069cc
statusBarItem.prominentHoverForeground#ffffff
statusBarItem.remoteBackground#005fb8
statusBarItem.remoteForeground#ffffff
surface.background#ffffff
surface.border#e4e5e6
surface.foreground#202020
tab.activeBackground#ffffff
tab.activeBorder#ffffff
tab.activeBorderTop#000000
tab.activeForeground#202020
tab.border#f0f1f2
tab.hoverBackground#ffffff
tab.hoverForeground#202020
tab.inactiveBackground#fafafd
tab.inactiveForeground#606060
tab.lastPinnedBorder#f0f1f2
tab.selectedBackground#e4e6f1
tab.selectedBorderTop#68a3da
tab.selectedForeground#333333
tab.unfocusedActiveBackground#fafafd
tab.unfocusedActiveBorder#f8f8f8
tab.unfocusedActiveBorderTop#e5e5e5
tab.unfocusedActiveForeground#606060
tab.unfocusedHoverBackground#f8f8f8
tab.unfocusedInactiveBackground#fafafd
tab.unfocusedInactiveForeground#bbbbbb
terminal.foreground#3b3b3b
terminal.inactiveSelectionBackground#00000012
terminal.selectionBackground#00000028
terminal.tab.activeBorder#005fb8
terminalCursor.background#ffffff
terminalCursor.foreground#202020
textBlockQuote.background#eaeaea
textBlockQuote.border#f0f1f2
textCodeBlock.background#eaeaea
textLink.activeForeground#0069cc
textLink.foreground#0069cc
textPreformat.background#ececec
textPreformat.foreground#606060
textSeparator.foreground#eeeeee
titleBar.activeBackground#fafafd
titleBar.activeForeground#606060
titleBar.border#f0f1f2
titleBar.inactiveBackground#fafafd
titleBar.inactiveForeground#606060
toolbar.activeBackground#d6d6d8
toolbar.hoverBackground#0000001f
welcomePage.tileBackground#f3f3f3
widget.border#e2e2e5
widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment	#808080
keyword, storage.type, storage.modifier, keyword.control, keyword.other, keyword.operator.word, keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python	#0033FF
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.operator.type	#0033FF
string, string.quoted, string.template, string.interpolated, string.regexp, punctuation.definition.string	#26870A
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal	#804B17
variable, variable.other, variable.parameter, variable.language, variable.language.self, variable.language.this, entity.name, entity.name.function, entity.name.type, entity.name.class, entity.name.namespace, entity.name.module, entity.other.inherited-class, support.function, support.class, support.type, support.constant, support.variable, support.other.namespace, meta.function-call	#000000
meta.brace, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.bracket, punctuation.brackets, punctuation.parenthesis, punctuation.parentheses, punctuation.curlybrace, punctuation.curlybraces, punctuation.section.brackets, punctuation.section.parens, punctuation.section.curly, punctuation.section.dictionary, punctuation.section.set, punctuation.section.block, punctuation.section.group, punctuation.section.scope, punctuation.section.class, punctuation.section.inheritance, punctuation.section.parameters, punctuation.section.arguments, punctuation.definition.inheritance, punctuation.definition.dict, punctuation.definition.set, punctuation.definition.list, punctuation.definition.tuple, punctuation.definition.bracket, punctuation.definition.brackets, punctuation.definition.brace, punctuation.definition.braces, punctuation.definition.curly, punctuation.definition.parenthesis, punctuation.definition.parentheses, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.dictionary, punctuation.definition.expression, punctuation.definition.block, punctuation.definition.interpolation, punctuation.definition.binding, punctuation.definition.typeparameters, punctuation.definition.typearguments, punctuation.definition.generic, punctuation.separator, punctuation.separator.colon, punctuation.separator.comma, punctuation.separator.semicolon, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.separator.parameters, punctuation.separator.arguments, punctuation.separator.array, punctuation.separator.tuple, punctuation.separator.list, punctuation.separator.sequence, punctuation.separator.delimiter, punctuation.separator.annotation, punctuation.separator.type, punctuation.separator.slice, punctuation.separator.scope, punctuation.terminator, punctuation.terminator.statement, punctuation.terminator.rule, punctuation.semi, punctuation.colon, punctuation.comma, punctuation.type, punctuation.section.embedded, punctuation.section	#000000