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 Nord

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.modifier	#d8dee9	—
string	#d8dee9a8	—
comment, punctuation.definition.comment	#d8dee978	—
invalid.illegal	#bf616a	—
entity.name.section.markdown, heading, markup.heading	#d8dee9	bold
markup.inline	#b48ead	—
entity.name.tag.yaml, punctuation.section.block, support.type.property-name.json	#d8dee9	—