Homebrew
Publisher: zenizhThemes in package: 1
Terminal.app's Homebrew theme for Visual Studio Code.
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#bfbfbf
- activityBar.background#222
- activityBar.dropBackground#6663
- activityBar.foreground#bfbfbf
- activityBar.inactiveForeground#666
- activityBarBadge.background#00a6b2
- activityBarBadge.foreground#000
- badge.background#333
- badge.foreground#bfbfbf
- breadcrumb.activeSelectionForeground#00d900
- breadcrumb.focusForeground#00a600
- breadcrumb.foreground#333
- breadcrumbPicker.background#111
- button.background#00f
- button.foreground#bfbfbf
- button.hoverBackground#0000b2
- checkbox.background#222
- checkbox.foreground#bfbfbf
- debugIcon.continueForeground#00a6b2
- debugIcon.restartForeground#00a600
- debugIcon.stepIntoForeground#00a6b2
- debugIcon.stepOutForeground#00a6b2
- debugIcon.stepOverForeground#00a6b2
- debugIcon.stopForeground#900
- debugToolBar.background#111
- debugToolBar.border#222
- diffEditor.border#111
- diffEditor.insertedTextBackground#9903
- diffEditor.removedTextBackground#9003
- dropdown.background#222
- dropdown.foreground#bfbfbf
- dropdown.listBackground#222
- editor.background#000
- editor.findMatchBackground#9906
- editor.findMatchHighlightBackground#9006
- editor.foldBackground#111
- editor.foreground#00a600
- editor.lineHighlightBackground#111
- editor.selectionBackground#222
- editor.selectionHighlightBackground#222
- editor.stackFrameHighlightBackground#9906
- editorBracketMatch.border#666
- editorCursor.background#000
- editorCursor.foreground#bfbfbf
- editorError.foreground#900
- editorGroup.border#111
- editorGroup.dropBackground#6663
- editorGroupHeader.tabsBackground#111
- editorGutter.addedBackground#990
- editorGutter.deletedBackground#900
- editorGutter.modifiedBackground#00a6b2
- editorHoverWidget.background#111
- editorHoverWidget.border#222
- editorHoverWidget.foreground#00a900
- editorHoverWidget.statusBarBackground#111
- editorIndentGuide.activeBackground#666
- editorIndentGuide.background#333
- editorInfo.foreground#00a6b2
- editorLineNumber.foreground#333
- editorOverviewRuler.addedForeground#9906
- editorOverviewRuler.border#0000
- editorOverviewRuler.bracketMatchForeground#666c
- editorOverviewRuler.deletedForeground#9006
- editorOverviewRuler.errorForeground#9006
- editorOverviewRuler.findMatchForeground#9906
- editorOverviewRuler.infoForeground#00a6b266
- editorOverviewRuler.modifiedForeground#00a6b266
- editorOverviewRuler.selectionHighlightForeground#666c
- editorOverviewRuler.warningForeground#9906
- editorOverviewRuler.wordHighlightForeground#666c
- editorOverviewRuler.wordHighlightStrongForeground#666c
- editorSuggestWidget.background#111
- editorSuggestWidget.border#222
- editorSuggestWidget.foreground#00a600
- editorSuggestWidget.highlightForeground#00d600
- editorSuggestWidget.selectedBackground#222
- editorUnnecessaryCode.opacity#0006
- editorWarning.foreground#990
- editorWhitespace.foreground#333
- editorWidget.background#111
- editorWidget.border#222
- editorWidget.foreground#bfbfbf
- errorForeground#900
- extensionButton.prominentBackground#00f
- extensionButton.prominentForeground#bfbfbf
- extensionButton.prominentHoverBackground#0000b2
- focusBorder#00a6b266
- foreground#bfbfbf
- gitDecoration.addedResourceForeground#00a6b2
- gitDecoration.deletedResourceForeground#900
- gitDecoration.ignoredResourceForeground#666
- gitDecoration.modifiedResourceForeground#990
- gitDecoration.submoduleResourceForeground#bfbfbf
- gitDecoration.untrackedResourceForeground#00a6b2
- icon.foreground#bfbfbf
- input.background#222
- input.foreground#bfbfbf
- input.placeholderForeground#666
- inputOption.activeBackground#00a6b233
- inputValidation.errorBackground#900
- inputValidation.errorBorder#0000
- inputValidation.errorForeground#bfbfbf
- inputValidation.warningBackground#990
- inputValidation.warningBorder#0000
- inputValidation.warningForeground#bfbfbf
- list.activeSelectionBackground#222
- list.activeSelectionForeground#00d900
- list.dropBackground#222
- list.errorForeground#900
- list.focusBackground#6663
- list.focusForeground#00d900
- list.highlightForeground#00d900
- list.hoverBackground#222
- list.hoverForeground#00d900
- list.inactiveSelectionBackground#222
- list.inactiveSelectionForeground#00d900
- list.warningForeground#990
- minimap.errorHighlight#900
- minimap.findMatchHighlight#990
- minimap.selectionHighlight#666
- minimap.warningHighlight#990
- minimapGutter.addedBackground#990
- minimapGutter.deletedBackground#900
- minimapGutter.modifiedBackground#00a6b2
- notificationCenter.border#222
- notificationCenterHeader.background#111
- notificationCenterHeader.foreground#bfbfbf
- notifications.background#111
- notifications.border#222
- notifications.foreground#00a600
- notificationsErrorIcon.foreground#900
- notificationsInfoIcon.foreground#00a6b2
- notificationsWarningIcon.foreground#990
- notificationToast.border#222
- panel.border#111
- panel.dropBackground#6663
- panelTitle.activeBorder#00d600
- panelTitle.activeForeground#00d600
- panelTitle.inactiveForeground#666
- peekView.border#00a6b2
- peekViewTitle.background#000
- peekViewTitleDescription.foreground#00a600
- peekViewTitleLabel.foreground#00d900
- pickerGroup.border#222
- pickerGroup.foreground#00d900
- problemsErrorIcon.foreground#900
- problemsInfoIcon.foreground#00a6b2
- problemsWarningIcon.foreground#990
- progressBar.background#00a6b2
- quickInput.background#111
- quickInput.foreground#00a600
- scrollbarSlider.activeBackground#6669
- scrollbarSlider.background#6663
- scrollbarSlider.hoverBackground#6666
- selection.background#00a6b266
- settings.checkboxBackground#222
- settings.checkboxForeground#bfbfbf
- settings.dropdownBackground#222
- settings.dropdownForeground#bfbfbf
- settings.headerForeground#bfbfbf
- settings.modifiedItemIndicator#00a6b2
- settings.numberInputBackground#222
- settings.numberInputForeground#bfbfbf
- settings.textInputBackground#222
- settings.textInputForeground#bfbfbf
- sideBar.background#111
- sideBar.foreground#00d900
- sideBarSectionHeader.background#111
- sideBarSectionHeader.foreground#00a600
- sideBarTitle.foreground#00a600
- statusBar.background#00a600
- statusBar.debuggingBackground#990
- statusBar.debuggingForeground#000
- statusBar.foreground#000
- statusBar.noFolderBackground#b200b2
- tab.activeBackground#000
- tab.activeBorder#000
- tab.activeBorderTop#bfbfbf
- tab.activeForeground#bfbfbf
- tab.activeModifiedBorder#00a6b2
- tab.border#0000
- tab.hoverBackground#000
- tab.inactiveBackground#111
- tab.inactiveForeground#666
- tab.unfocusedActiveBackground#000
- tab.unfocusedActiveBorder#000
- tab.unfocusedActiveBorderTop#666
- tab.unfocusedActiveForeground#666
- tab.unfocusedInactiveForeground#666
- terminal.ansiBlack#000
- terminal.ansiBlue#0000b2
- terminal.ansiBrightBlack#666
- terminal.ansiBrightBlue#00f
- terminal.ansiBrightCyan#00e5e5
- terminal.ansiBrightGreen#00d900
- terminal.ansiBrightMagenta#e500e5
- terminal.ansiBrightRed#e50000
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#e5e500
- terminal.ansiCyan#00a6b2
- terminal.ansiGreen#00a600
- terminal.ansiMagenta#b200b2
- terminal.ansiRed#900
- terminal.ansiWhite#bfbfbf
- terminal.ansiYellow#990
- terminal.foreground#00d900
- terminal.selectionBackground#6663
- terminalCursor.background#000
- terminalCursor.foreground#bfbfbf
- textBlockQuote.background#111
- textBlockQuote.border#222
- textLink.activeForeground#0000b2
- textLink.foreground#00f
- textPreformat.foreground#990
- titleBar.activeBackground#333
- titleBar.activeForeground#bfbfbf
- titleBar.inactiveBackground#333
- titleBar.inactiveForeground#bfbfbf
- tree.indentGuidesStroke#666
- walkThrough.embeddedEditorBackground#111
- welcomePage.background#000
- welcomePage.buttonBackground#111
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666 | — |
| variable, string constant.other.placeholder | #00d900 | — |
| keyword, storage.type, storage.modifier | #00a600 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #990 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #00d900 | — |
| keyword.other.special-method | #990 | — |
| meta.block variable.other | #00d900 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #00a6b2 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #900 | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #00a600 | — |
| string.regexp | #00a900 | — |
| *url*, *link*, *uri* | — | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...