Logos Themes

Name: Logos Themes
Author: brendes

Publisher: brendesThemes in package: 7

Themes with monochrome syntax colors and calm UI

Open in VS Code GitHub

Color themes

VS Code preview

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

Logos Themes — Logos Paper

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#403a32
activityBar.background#f1ece4
activityBar.border#403a3228
activityBar.foreground#403a32
activityBar.inactiveForeground#403a3233
activityBarBadge.background#887872
activityBarBadge.foreground#faf7f2
activityBarTop.activeBorder#403a32
activityBarTop.background#f1ece4
activityBarTop.foreground#403a32
activityBarTop.inactiveForeground#403a3233
badge.background#e0d8d0
badge.foreground#000000
breadcrumb.focusForeground#403a32
breadcrumb.foreground#403a3280
button.background#887872ee
button.border#403a3228
button.foreground#faf7f2
button.hoverBackground#887872
button.secondaryBackground#ece7e2
button.secondaryForeground#000000
button.secondaryHoverBackground#e0d8d0
chat.slashCommandForeground#6680b8
checkbox.background#faf7f2
checkbox.border#403a3228
checkbox.foreground#403a32
checkbox.selectBackground#667799
checkbox.selectBorder#403a3228
commandCenter.activeBackground#ece7e2
commandCenter.activeBorder#403a3228
commandCenter.background#00000000
commandCenter.border#00000000
commandCenter.foreground#403a3298
commandCenter.inactiveBorder#00000000
debugConsole.errorForeground#bb5555
debugConsole.infoForeground#403a32
debugConsole.sourceForeground#403a32
debugConsole.warningForeground#d08868
debugIcon.breakpointForeground#e89090
debugToolBar.background#f1ece4
debugToolBar.border#403a3228
descriptionForeground#403a32
disabledForeground#403a3280
dropdown.background#faf7f2
dropdown.border#403a3228
dropdown.foreground#403a32
dropdown.listBackground#faf7f2
editor.background#faf7f2
editor.findMatchBackground#d0c8bdee
editor.findMatchForeground#000000
editor.findMatchHighlightBackground#f0d0aadd
editor.findMatchHighlightForeground#000000
editor.foldBackground#faf7f2
editor.foreground#403a32
editor.hoverHighlightBackground#e0d8d0
editor.lineHighlightBorder#e0d8d0
editor.placeholder.foreground#403a3280
editor.rangeHighlightBackground#ece7e2dd
editor.selectionBackground#e0d8d0ee
editor.selectionForeground#403a32
editor.wordHighlightBackground#e0d8d0
editor.wordHighlightStrongBackground#e0d8d0
editor.wordHighlightTextBackground#e0d8d0
editorBracketMatch.background#e0d8d0
editorBracketMatch.border#403a32
editorCodeLens.foreground#403a3233
editorCursor.foreground#000000
editorGhostText.foreground#403a3233
editorGroup.border#403a3228
editorGroup.dropBackground#e0d8d088
editorGroupHeader.border#faf7f2
editorGroupHeader.noTabsBackground#f1ece4
editorGroupHeader.tabsBackground#f1ece4
editorGroupHeader.tabsBorder#403a3228
editorGutter.addedBackground#889944
editorGutter.addedSecondaryBackground#403a3233
editorGutter.deletedSecondaryBackground#403a3233
editorGutter.modifiedBackground#667799
editorGutter.modifiedSecondaryBackground#403a3233
editorHoverWidget.background#f1ece4
editorHoverWidget.border#403a3288
editorHoverWidget.statusBarBackground#f1ece4
editorIndentGuide.activeBackground1#403a3233
editorIndentGuide.activeBackground2#403a3233
editorIndentGuide.background1#403a3218
editorIndentGuide.background2#00000000
editorInfo.foreground#403a3298
editorInlayHint.background#faf7f2
editorInlayHint.foreground#403a3233
editorLightBulb.foreground#403a32
editorLightBulbAi.foreground#403a32
editorLightBulbAutoFix.foreground#403a32
editorLineNumber.activeForeground#403a3298
editorLineNumber.foreground#403a3233
editorLink.activeForeground#6680b8
editorOverviewRuler.border#00000000
editorPane.background#faf7f2
editorStickyScroll.border#00000000
editorStickyScrollHover.background#ece7e2
editorSuggestWidget.background#f1ece4
editorSuggestWidget.border#403a3288
editorWidget.background#faf7f2
editorWidget.border#403a3228
editorWidget.foreground#403a32
errorForeground#bb5555
focusBorder#403a3240
foreground#403a32
gitDecoration.deletedResourceForeground#403a3298
gitDecoration.ignoredResourceForeground#403a3268
gitDecoration.modifiedResourceForeground#403a3298
gitDecoration.stageDeletedResourceForeground#403a3298
gitDecoration.stageModifiedResourceForeground#403a3298
gitDecoration.submoduleResourceForeground#403a3298
gitDecoration.untrackedResourceForeground#403a3298
gitlens.trailingLineForegroundColor#403a3233
icon.foreground#403a32
input.background#faf7f2
input.border#403a3228
input.foreground#403a32
input.placeholderForeground#403a3280
keybindingLabel.background#ece7e2
keybindingLabel.border#403a32
keybindingLabel.bottomBorder#403a32
keybindingLabel.foreground#403a32
list.activeSelectionBackground#e0d8d0
list.activeSelectionForeground#000000
list.deemphasizedForeground#403a3268
list.dropBackground#e0d8d088
list.dropBetweenBackground#e0d8d088
list.errorForeground#bb5555
list.focusBackground#e0d8d0
list.focusForeground#000000
list.focusHighlightForeground#000000
list.highlightForeground#000000
list.hoverBackground#ece7e2
list.hoverForeground#000000
list.inactiveFocusBackground#e0d8d0
list.inactiveFocusOutline#00000000
list.inactiveSelectionBackground#ece7e2
list.inactiveSelectionForeground#403a32
list.warningForeground#d08868
notebook.cellBorderColor#403a3218
notebook.cellEditorBackground#faf7f2
notebook.focusedCellBorder#403a3233
notificationCenter.border#403a3228
notificationCenterHeader.background#ece7e2
notificationCenterHeader.foreground#403a32
notificationLink.foreground#6680b8
notifications.background#faf7f2
notifications.border#403a3228
notifications.foreground#403a32
notificationsErrorIcon.foreground#bb5555
notificationsInfoIcon.foreground#000000
notificationsWarningIcon.foreground#d08868
notificationToast.border#403a3228
panel.background#f1ece4
panel.border#403a3228
panelInput.border#403a3228
panelSection.border#403a3228
panelSection.dropBackground#e0d8d088
panelSectionHeader.background#f1ece4
panelSectionHeader.border#403a3228
panelTitle.activeBorder#403a32
panelTitle.activeForeground#403a32
panelTitle.inactiveForeground#403a3268
peekView.border#403a3288
peekViewEditor.background#f1ece4
peekViewEditor.matchHighlightBackground#f0d0aadd
peekViewResult.background#f1ece4
peekViewResult.fileForeground#403a32
peekViewResult.lineForeground#403a32
peekViewResult.matchHighlightBackground#f0d0aadd
peekViewResult.selectionBackground#e0d8d0
peekViewResult.selectionForeground#403a32
peekViewTitle.background#f1ece4
peekViewTitleDescription.foreground#403a3298
peekViewTitleLabel.foreground#403a32
pickerGroup.border#403a3228
pickerGroup.foreground#000000
progressBar.background#000000
quickInput.background#faf7f2
quickInput.foreground#403a32
sash.hoverBorder#403a3298
scmGraph.foreground1#887872
scmGraph.foreground2#887872
scmGraph.foreground3#887872
scmGraph.foreground4#887872
scmGraph.foreground5#887872
scmGraph.historyItemBaseRefColor#f0bca0
scmGraph.historyItemHoverAdditionsForeground#889944
scmGraph.historyItemHoverDefaultLabelBackground#aa8866
scmGraph.historyItemHoverDefaultLabelForeground#faf7f2
scmGraph.historyItemHoverDeletionsForeground#bb5555
scmGraph.historyItemHoverLabelForeground#faf7f2
scmGraph.historyItemRefColor#887872
scmGraph.historyItemRemoteRefColor#e89090
selection.background#e0d8d0
settings.dropdownListBorder#403a3228
settings.focusedRowBackground#ece7e2
settings.headerForeground#403a32
settings.modifiedItemIndicator#403a3298
settings.rowHoverBackground#f1ece4
settings.textInputBackground#faf7f2
settings.textInputBorder#403a3240
sideBar.background#faf7f2
sideBar.border#403a3228
sideBar.dropBackground#e0d8d088
sideBar.foreground#403a3298
sideBarActivityBarTop.border#f1ece4
sideBarSectionHeader.background#faf7f2
sideBarSectionHeader.border#403a3228
sideBarSectionHeader.foreground#403a32
sideBarTitle.background#f1ece4
sideBarTitle.border#403a3228
sideBySideEditor.horizontalBorder#403a3228
sideBySideEditor.verticalBorder#403a3228
statusBar.background#f1ece4
statusBar.border#403a3228
statusBar.debuggingBackground#f0bca0
statusBar.debuggingForeground#403a32
statusBar.foreground#403a3298
statusBar.noFolderBackground#faf7f2
statusBar.noFolderForeground#403a32
statusBarItem.compactHoverBackground#ece7e2
statusBarItem.errorBackground#faf7f2
statusBarItem.errorForeground#bb5555
statusBarItem.errorHoverBackground#bb5555
statusBarItem.errorHoverForeground#faf7f2
statusBarItem.hoverBackground#ece7e2
statusBarItem.hoverForeground#000000
statusBarItem.prominentBackground#faf7f2
statusBarItem.prominentForeground#403a32
statusBarItem.prominentHoverBackground#ece7e2
statusBarItem.prominentHoverForeground#000000
statusBarItem.remoteBackground#f1ece4
statusBarItem.remoteForeground#403a32
statusBarItem.remoteHoverBackground#e0d8d0
statusBarItem.remoteHoverForeground#000000
statusBarItem.warningBackground#faf7f2
statusBarItem.warningForeground#d08868
statusBarItem.warningHoverBackground#d08868
statusBarItem.warningHoverForeground#faf7f2
symbolIcon.arrayForeground#403a32
symbolIcon.booleanForeground#403a32
symbolIcon.classForeground#403a32
symbolIcon.colorForeground#403a32
symbolIcon.constantForeground#403a32
symbolIcon.constructorForeground#403a32
symbolIcon.enumeratorForeground#403a32
symbolIcon.enumeratorMemberForeground#403a32
symbolIcon.eventForeground#403a32
symbolIcon.fieldForeground#403a32
symbolIcon.fileForeground#403a32
symbolIcon.folderForeground#403a32
symbolIcon.functionForeground#403a32
symbolIcon.interfaceForeground#403a32
symbolIcon.keyForeground#403a32
symbolIcon.keywordForeground#403a32
symbolIcon.methodForeground#403a32
symbolIcon.moduleForeground#403a32
symbolIcon.namespaceForeground#403a32
symbolIcon.nullForeground#403a32
symbolIcon.numberForeground#403a32
symbolIcon.objectForeground#403a32
symbolIcon.operatorForeground#403a32
symbolIcon.packageForeground#403a32
symbolIcon.propertyForeground#403a32
symbolIcon.referenceForeground#403a32
symbolIcon.snippetForeground#403a32
symbolIcon.stringForeground#403a32
symbolIcon.structForeground#403a32
symbolIcon.textForeground#403a32
symbolIcon.typeParameterForeground#403a32
symbolIcon.unitForeground#403a32
symbolIcon.variableForeground#403a32
tab.activeBackground#faf7f2
tab.activeBorder#faf7f2
tab.activeBorderTop#403a3228
tab.activeForeground#403a32
tab.border#403a3228
tab.dragAndDropBorder#403a3298
tab.hoverBackground#f1ece4
tab.hoverForeground#403a32
tab.inactiveBackground#f1ece4
tab.inactiveForeground#403a3268
tab.inactiveModifiedBorder#00000000
tab.lastPinnedBorder#403a3228
tab.unfocusedActiveBackground#faf7f2
tab.unfocusedActiveBorder#faf7f2
tab.unfocusedActiveBorderTop#00000000
tab.unfocusedActiveForeground#403a3298
tab.unfocusedInactiveForeground#403a3280
terminal.ansiBlack#403a32
terminal.ansiBlue#667799
terminal.ansiBrightBlack#403a3268
terminal.ansiBrightBlue#bbc8dd
terminal.ansiBrightCyan#b8dbd4
terminal.ansiBrightGreen#b0c088
terminal.ansiBrightMagenta#d8b8c8
terminal.ansiBrightRed#e89090
terminal.ansiBrightWhite#faf7f2
terminal.ansiBrightYellow#f0d0aa
terminal.ansiCyan#669988
terminal.ansiGreen#889944
terminal.ansiMagenta#aa7788
terminal.ansiRed#bb5555
terminal.ansiWhite#e0d8d0
terminal.ansiYellow#aa8866
terminal.background#faf7f2
terminal.foreground#403a32
terminal.initialHintForeground#403a3233
terminal.selectionBackground#e0d8d0ee
terminal.tab.activeBorder#000000
terminalCommandDecoration.defaultBackground#403a3268
terminalCommandDecoration.errorBackground#bb5555
terminalCommandDecoration.successBackground#887872
terminalOverviewRuler.border#00000000
terminalStickyScrollHover.background#ece7e2
textBlockQuote.background#f1ece4
textBlockQuote.border#403a3228
textCodeBlock.background#f1ece4
textLink.activeForeground#6680b8
textLink.foreground#6680b8
textPreformat.background#f1ece4
textPreformat.foreground#403a32
titleBar.activeBackground#f1ece4
titleBar.activeForeground#403a32
titleBar.border#f1ece4
titleBar.inactiveBackground#f1ece4
titleBar.inactiveForeground#403a3280
toolbar.hoverBackground#e0d8d0
tree.inactiveIndentGuidesStroke#403a3218
tree.indentGuidesStroke#403a3218
widget.border#403a3228
window.activeBorder#faf7f2
window.inactiveBorder#faf7f2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.modifier	#403a32	—
string	#403a3298	—
comment, punctuation.definition.comment	#403a3268	—
invalid.illegal	#bb5555	—
entity.name.section.markdown, heading, markup.heading	#403a32	bold
markup.inline	#bb6677	—
entity.name.tag.yaml, punctuation.section.block, support.type.property-name.json	#403a32	—