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 Gruv

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#e0d0bb
activityBar.background#343231
activityBar.border#343231
activityBar.foreground#e0d0bb
activityBar.inactiveForeground#e0d0bb48
activityBarBadge.background#c0b09b
activityBarBadge.foreground#2d2b2a
activityBarTop.activeBorder#e0d0bb
activityBarTop.background#343231
activityBarTop.foreground#e0d0bb
activityBarTop.inactiveForeground#e0d0bb48
badge.background#4c4948
badge.foreground#ffefcc
breadcrumb.focusForeground#e0d0bb
breadcrumb.foreground#e0d0bb90
button.background#c0b09bee
button.border#343231
button.foreground#2d2b2a
button.hoverBackground#c0b09b
button.secondaryBackground#403d3c
button.secondaryForeground#ffefcc
button.secondaryHoverBackground#4c4948
chat.slashCommandForeground#88b4a0
checkbox.background#2d2b2a
checkbox.border#343231
checkbox.foreground#e0d0bb
checkbox.selectBackground#80a8b0
checkbox.selectBorder#343231
commandCenter.activeBackground#403d3c
commandCenter.activeBorder#343231
commandCenter.background#00000000
commandCenter.border#00000000
commandCenter.foreground#e0d0bba8
commandCenter.inactiveBorder#00000000
debugConsole.errorForeground#f87870
debugConsole.infoForeground#e0d0bb
debugConsole.sourceForeground#e0d0bb
debugConsole.warningForeground#dd9966
debugIcon.breakpointForeground#f87870
debugToolBar.background#343231
debugToolBar.border#343231
descriptionForeground#e0d0bb
disabledForeground#e0d0bb90
dropdown.background#2d2b2a
dropdown.border#343231
dropdown.foreground#e0d0bb
dropdown.listBackground#2d2b2a
editor.background#2d2b2a
editor.findMatchBackground#595654ee
editor.findMatchForeground#ffefcc
editor.findMatchHighlightBackground#d3889b99
editor.findMatchHighlightForeground#ffefcc
editor.foldBackground#2d2b2a
editor.foreground#e0d0bb
editor.hoverHighlightBackground#4c4948
editor.lineHighlightBorder#4c4948
editor.placeholder.foreground#e0d0bb90
editor.rangeHighlightBackground#403d3cdd
editor.selectionBackground#4c4948ee
editor.selectionForeground#e0d0bb
editor.wordHighlightBackground#4c4948
editor.wordHighlightStrongBackground#4c4948
editor.wordHighlightTextBackground#4c4948
editorBracketMatch.background#4c4948
editorBracketMatch.border#e0d0bb
editorCodeLens.foreground#e0d0bb48
editorCursor.foreground#ffefcc
editorGhostText.foreground#e0d0bb48
editorGroup.border#343231
editorGroup.dropBackground#4c494888
editorGroupHeader.border#2d2b2a
editorGroupHeader.noTabsBackground#343231
editorGroupHeader.tabsBackground#343231
editorGroupHeader.tabsBorder#343231
editorGutter.addedBackground#aab866
editorGutter.addedSecondaryBackground#e0d0bb48
editorGutter.deletedSecondaryBackground#e0d0bb48
editorGutter.modifiedBackground#80a8b0
editorGutter.modifiedSecondaryBackground#e0d0bb48
editorHoverWidget.background#343231
editorHoverWidget.border#e0d0bb68
editorHoverWidget.statusBarBackground#343231
editorIndentGuide.activeBackground1#e0d0bb48
editorIndentGuide.activeBackground2#e0d0bb48
editorIndentGuide.background1#e0d0bb28
editorIndentGuide.background2#00000000
editorInfo.foreground#e0d0bba8
editorInlayHint.background#2d2b2a
editorInlayHint.foreground#e0d0bb48
editorLightBulb.foreground#e0d0bb
editorLightBulbAi.foreground#e0d0bb
editorLightBulbAutoFix.foreground#e0d0bb
editorLineNumber.activeForeground#e0d0bba8
editorLineNumber.foreground#e0d0bb48
editorLink.activeForeground#88b4a0
editorOverviewRuler.border#00000000
editorPane.background#2d2b2a
editorStickyScroll.border#00000000
editorStickyScrollHover.background#403d3c
editorSuggestWidget.background#343231
editorSuggestWidget.border#e0d0bb68
editorWidget.background#343231
editorWidget.border#343231
editorWidget.foreground#e0d0bb
errorForeground#f87870
focusBorder#e0d0bb48
foreground#e0d0bb
gitDecoration.deletedResourceForeground#e0d0bba8
gitDecoration.ignoredResourceForeground#e0d0bb78
gitDecoration.modifiedResourceForeground#e0d0bba8
gitDecoration.stageDeletedResourceForeground#e0d0bba8
gitDecoration.stageModifiedResourceForeground#e0d0bba8
gitDecoration.submoduleResourceForeground#e0d0bba8
gitDecoration.untrackedResourceForeground#e0d0bba8
gitlens.trailingLineForegroundColor#e0d0bb48
icon.foreground#e0d0bb
input.background#2d2b2a
input.border#343231
input.foreground#e0d0bb
input.placeholderForeground#e0d0bb90
keybindingLabel.background#403d3c
keybindingLabel.border#e0d0bb
keybindingLabel.bottomBorder#e0d0bb
keybindingLabel.foreground#e0d0bb
list.activeSelectionBackground#4c4948
list.activeSelectionForeground#ffefcc
list.deemphasizedForeground#e0d0bb78
list.dropBackground#4c494888
list.dropBetweenBackground#4c494888
list.errorForeground#f87870
list.focusBackground#4c4948
list.focusForeground#ffefcc
list.focusHighlightForeground#ffefcc
list.highlightForeground#ffefcc
list.hoverBackground#403d3c
list.hoverForeground#ffefcc
list.inactiveFocusBackground#4c4948
list.inactiveFocusOutline#00000000
list.inactiveSelectionBackground#403d3c
list.inactiveSelectionForeground#e0d0bb
list.warningForeground#dd9966
notebook.cellBorderColor#e0d0bb28
notebook.cellEditorBackground#2d2b2a
notebook.focusedCellBorder#e0d0bb48
notificationCenter.border#343231
notificationCenterHeader.background#403d3c
notificationCenterHeader.foreground#e0d0bb
notificationLink.foreground#88b4a0
notifications.background#343231
notifications.border#343231
notifications.foreground#e0d0bb
notificationsErrorIcon.foreground#f87870
notificationsInfoIcon.foreground#ffefcc
notificationsWarningIcon.foreground#dd9966
notificationToast.border#343231
panel.background#343231
panel.border#343231
panelInput.border#343231
panelSection.border#343231
panelSection.dropBackground#4c494888
panelSectionHeader.background#343231
panelSectionHeader.border#343231
panelTitle.activeBorder#e0d0bb
panelTitle.activeForeground#e0d0bb
panelTitle.inactiveForeground#e0d0bb78
peekView.border#e0d0bb68
peekViewEditor.background#343231
peekViewEditor.matchHighlightBackground#d3889b99
peekViewResult.background#343231
peekViewResult.fileForeground#e0d0bb
peekViewResult.lineForeground#e0d0bb
peekViewResult.matchHighlightBackground#d3889b99
peekViewResult.selectionBackground#4c4948
peekViewResult.selectionForeground#e0d0bb
peekViewTitle.background#343231
peekViewTitleDescription.foreground#e0d0bba8
peekViewTitleLabel.foreground#e0d0bb
pickerGroup.border#343231
pickerGroup.foreground#ffefcc
progressBar.background#ffefcc
quickInput.background#343231
quickInput.foreground#e0d0bb
sash.hoverBorder#e0d0bba8
scmGraph.foreground1#c0b09b
scmGraph.foreground2#c0b09b
scmGraph.foreground3#c0b09b
scmGraph.foreground4#c0b09b
scmGraph.foreground5#c0b09b
scmGraph.historyItemBaseRefColor#dd9966
scmGraph.historyItemHoverAdditionsForeground#aab866
scmGraph.historyItemHoverDefaultLabelBackground#eebb88
scmGraph.historyItemHoverDefaultLabelForeground#2d2b2a
scmGraph.historyItemHoverDeletionsForeground#f87870
scmGraph.historyItemHoverLabelForeground#2d2b2a
scmGraph.historyItemRefColor#c0b09b
scmGraph.historyItemRemoteRefColor#f87870
selection.background#4c4948
settings.dropdownListBorder#343231
settings.focusedRowBackground#403d3c
settings.headerForeground#e0d0bb
settings.modifiedItemIndicator#e0d0bba8
settings.rowHoverBackground#343231
settings.textInputBackground#2d2b2a
settings.textInputBorder#e0d0bb48
sideBar.background#2d2b2a
sideBar.border#343231
sideBar.dropBackground#4c494888
sideBar.foreground#e0d0bba8
sideBarActivityBarTop.border#343231
sideBarSectionHeader.background#2d2b2a
sideBarSectionHeader.border#343231
sideBarSectionHeader.foreground#e0d0bb
sideBarTitle.background#343231
sideBarTitle.border#343231
sideBySideEditor.horizontalBorder#343231
sideBySideEditor.verticalBorder#343231
statusBar.background#343231
statusBar.border#343231
statusBar.debuggingBackground#dd9966
statusBar.debuggingForeground#2d2b2a
statusBar.foreground#e0d0bba8
statusBar.noFolderBackground#2d2b2a
statusBar.noFolderForeground#e0d0bb
statusBarItem.compactHoverBackground#403d3c
statusBarItem.errorBackground#2d2b2a
statusBarItem.errorForeground#f87870
statusBarItem.errorHoverBackground#f87870
statusBarItem.errorHoverForeground#2d2b2a
statusBarItem.hoverBackground#403d3c
statusBarItem.hoverForeground#ffefcc
statusBarItem.prominentBackground#2d2b2a
statusBarItem.prominentForeground#e0d0bb
statusBarItem.prominentHoverBackground#403d3c
statusBarItem.prominentHoverForeground#ffefcc
statusBarItem.remoteBackground#343231
statusBarItem.remoteForeground#e0d0bb
statusBarItem.remoteHoverBackground#4c4948
statusBarItem.remoteHoverForeground#ffefcc
statusBarItem.warningBackground#2d2b2a
statusBarItem.warningForeground#dd9966
statusBarItem.warningHoverBackground#dd9966
statusBarItem.warningHoverForeground#2d2b2a
symbolIcon.arrayForeground#e0d0bb
symbolIcon.booleanForeground#e0d0bb
symbolIcon.classForeground#e0d0bb
symbolIcon.colorForeground#e0d0bb
symbolIcon.constantForeground#e0d0bb
symbolIcon.constructorForeground#e0d0bb
symbolIcon.enumeratorForeground#e0d0bb
symbolIcon.enumeratorMemberForeground#e0d0bb
symbolIcon.eventForeground#e0d0bb
symbolIcon.fieldForeground#e0d0bb
symbolIcon.fileForeground#e0d0bb
symbolIcon.folderForeground#e0d0bb
symbolIcon.functionForeground#e0d0bb
symbolIcon.interfaceForeground#e0d0bb
symbolIcon.keyForeground#e0d0bb
symbolIcon.keywordForeground#e0d0bb
symbolIcon.methodForeground#e0d0bb
symbolIcon.moduleForeground#e0d0bb
symbolIcon.namespaceForeground#e0d0bb
symbolIcon.nullForeground#e0d0bb
symbolIcon.numberForeground#e0d0bb
symbolIcon.objectForeground#e0d0bb
symbolIcon.operatorForeground#e0d0bb
symbolIcon.packageForeground#e0d0bb
symbolIcon.propertyForeground#e0d0bb
symbolIcon.referenceForeground#e0d0bb
symbolIcon.snippetForeground#e0d0bb
symbolIcon.stringForeground#e0d0bb
symbolIcon.structForeground#e0d0bb
symbolIcon.textForeground#e0d0bb
symbolIcon.typeParameterForeground#e0d0bb
symbolIcon.unitForeground#e0d0bb
symbolIcon.variableForeground#e0d0bb
tab.activeBackground#2d2b2a
tab.activeBorder#2d2b2a
tab.activeBorderTop#343231
tab.activeForeground#e0d0bb
tab.border#343231
tab.dragAndDropBorder#e0d0bba8
tab.hoverBackground#343231
tab.hoverForeground#e0d0bb
tab.inactiveBackground#343231
tab.inactiveForeground#e0d0bb78
tab.inactiveModifiedBorder#00000000
tab.lastPinnedBorder#343231
tab.unfocusedActiveBackground#2d2b2a
tab.unfocusedActiveBorder#2d2b2a
tab.unfocusedActiveBorderTop#00000000
tab.unfocusedActiveForeground#e0d0bba8
tab.unfocusedInactiveForeground#e0d0bb90
terminal.ansiBlack#2d2b2a
terminal.ansiBlue#80a8b0
terminal.ansiBrightBlack#e0d0bb78
terminal.ansiBrightBlue#80a8b0
terminal.ansiBrightCyan#88b4a0
terminal.ansiBrightGreen#aab866
terminal.ansiBrightMagenta#d3889b
terminal.ansiBrightRed#f87870
terminal.ansiBrightWhite#e0d0bb
terminal.ansiBrightYellow#eebb88
terminal.ansiCyan#88b4a0
terminal.ansiGreen#aab866
terminal.ansiMagenta#d3889b
terminal.ansiRed#f87870
terminal.ansiWhite#4c4948
terminal.ansiYellow#eebb88
terminal.background#2d2b2a
terminal.foreground#e0d0bb
terminal.initialHintForeground#e0d0bb48
terminal.selectionBackground#4c4948ee
terminal.tab.activeBorder#ffefcc
terminalCommandDecoration.defaultBackground#e0d0bb78
terminalCommandDecoration.errorBackground#f87870
terminalCommandDecoration.successBackground#c0b09b
terminalOverviewRuler.border#00000000
terminalStickyScrollHover.background#403d3c
textBlockQuote.background#343231
textBlockQuote.border#343231
textCodeBlock.background#343231
textLink.activeForeground#88b4a0
textLink.foreground#88b4a0
textPreformat.background#343231
textPreformat.foreground#e0d0bb
titleBar.activeBackground#343231
titleBar.activeForeground#e0d0bb
titleBar.border#343231
titleBar.inactiveBackground#343231
titleBar.inactiveForeground#e0d0bb90
toolbar.hoverBackground#4c4948
tree.inactiveIndentGuidesStroke#e0d0bb28
tree.indentGuidesStroke#e0d0bb28
widget.border#343231
window.activeBorder#2d2b2a
window.inactiveBorder#2d2b2a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.modifier	#e0d0bb	—
string	#e0d0bba8	—
comment, punctuation.definition.comment	#e0d0bb78	—
invalid.illegal	#f87870	—
entity.name.section.markdown, heading, markup.heading	#e0d0bb	bold
markup.inline	#d3889b	—
entity.name.tag.yaml, punctuation.section.block, support.type.property-name.json	#e0d0bb	—