Logos Themes

Color themes

• 

  Logos

• 

  Logos Acme

• 

  Logos Dark

• 

  Logos Gruv

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).