Agno Theme
Publisher: Alexandre E SouzaThemes in package: 5
VS Code themes inspired by Agno colors: graphite, light neutrals, orange accents and soft gray text.
Color themes
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.background#09090B
- activityBar.border#202020
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#8D8D8D
- activityBarBadge.background#FF4017
- activityBarBadge.foreground#FFFFFF
- badge.background#FF4017
- badge.foreground#FFFFFF
- button.background#FF4017
- button.foreground#FFFFFF
- button.hoverBackground#F25837
- button.secondaryBackground#202020
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#454545
- descriptionForeground#646464
- dropdown.background#FFFFFF
- dropdown.border#BBBBBB
- dropdown.foreground#18181B
- editor.background#FCFCFC
- editor.foreground#18181B
- editor.inactiveSelectionBackground#F0F0F0
- editor.lineHighlightBackground#F9F9F9
- editor.lineHighlightBorder#E8E8E8
- editor.selectionBackground#FF744826
- editorCursor.foreground#FF4017
- editorError.foreground#DC2626
- editorGroup.border#D9D9D9
- editorGroupHeader.tabsBackground#18181B
- editorGroupHeader.tabsBorder#202020
- editorGutter.background#FCFCFC
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#BBBBBB
- editorHoverWidget.foreground#18181B
- editorIndentGuide.activeBackground1#FF4017
- editorIndentGuide.background1#E0E0E0
- editorInfo.foreground#2563EB
- editorLineNumber.activeForeground#FF4017
- editorLineNumber.foreground#8D8D8D
- editorRuler.foreground#E0E0E0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#BBBBBB
- editorSuggestWidget.foreground#18181B
- editorSuggestWidget.highlightForeground#FF4017
- editorSuggestWidget.selectedBackground#F0F0F0
- editorWarning.foreground#F59E0B
- editorWhitespace.foreground#D9D9D9
- editorWidget.background#FFFFFF
- editorWidget.border#BBBBBB
- editorWidget.foreground#18181B
- errorForeground#DC2626
- focusBorder#FF4017
- foreground#18181B
- gitDecoration.addedResourceForeground#059669
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.modifiedResourceForeground#F59E0B
- input.background#FFFFFF
- input.border#BBBBBB
- input.foreground#18181B
- input.placeholderForeground#8D8D8D
- list.activeSelectionBackground#FF744826
- list.activeSelectionForeground#09090B
- list.focusBackground#FF744826
- list.highlightForeground#FF4017
- list.hoverBackground#F0F0F0
- list.inactiveSelectionBackground#F0F0F0
- list.inactiveSelectionForeground#18181B
- panel.background#F9F9F9
- panel.border#D9D9D9
- panelTitle.activeBorder#FF4017
- panelTitle.activeForeground#18181B
- panelTitle.inactiveForeground#646464
- peekView.border#FF4017
- peekViewEditor.background#F9F9F9
- peekViewResult.background#F0F0F0
- peekViewTitle.background#E8E8E8
- pickerGroup.border#D9D9D9
- pickerGroup.foreground#FF4017
- progressBar.background#FF4017
- quickInput.background#FFFFFF
- quickInput.foreground#18181B
- quickInputTitle.background#F0F0F0
- scrollbarSlider.activeBackground#64646466
- scrollbarSlider.background#BBBBBB66
- scrollbarSlider.hoverBackground#8D8D8D66
- selection.background#FF744826
- sideBar.background#18181B
- sideBar.border#202020
- sideBar.foreground#E8E8E8
- sideBarSectionHeader.background#202020
- sideBarSectionHeader.border#454545
- sideBarSectionHeader.foreground#F0F0F0
- sideBarTitle.foreground#FFFFFF
- statusBar.background#09090B
- statusBar.border#202020
- statusBar.debuggingBackground#FF4017
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#18181B
- statusBar.noFolderForeground#FFFFFF
- tab.activeBackground#FCFCFC
- tab.activeBorderTop#FF4017
- tab.activeForeground#09090B
- tab.border#202020
- tab.inactiveBackground#202020
- tab.inactiveForeground#BBBBBB
- tab.unfocusedActiveBorderTop#F25837
- terminal.ansiBlack#09090B
- terminal.ansiBlue#2563EB
- terminal.ansiBrightBlack#646464
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#60A5FA
- terminal.ansiBrightGreen#10B981
- terminal.ansiBrightMagenta#EA384C
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FBBF24
- terminal.ansiCyan#0082F3
- terminal.ansiGreen#059669
- terminal.ansiMagenta#BB4198
- terminal.ansiRed#DC2626
- terminal.ansiWhite#E8E8E8
- terminal.ansiYellow#F59E0B
- terminal.background#FCFCFC
- terminal.foreground#18181B
- titleBar.activeBackground#09090B
- titleBar.activeForeground#FFFFFF
- titleBar.border#202020
- titleBar.inactiveBackground#18181B
- titleBar.inactiveForeground#BBBBBB
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #838383 | italic |
| string, string.quoted, string.template | #D63514 | — |
| string.quoted.docstring, comment.block.documentation | #F25837 | — |
| keyword, storage.type, storage.modifier | #FF4017 | bold |
| entity.name.function, support.function, meta.function-call | #202020 | — |
| variable.parameter, meta.function.parameters | #454545 | — |
| entity.name.type, entity.name.class, support.class, support.type | #2563EB | bold |
| variable, identifier | #18181B | — |
| constant, constant.numeric, constant.language | #F59E0B | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #646464 | — |
| keyword.control.import, entity.name.namespace, support.module | #5D6C7B | — |
| meta.decorator, entity.name.function.decorator | #F25837 | bold |