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#E8E8E8
- activityBar.border#CECECE
- activityBar.foreground#202020
- activityBar.inactiveForeground#838383
- activityBarBadge.background#F25837
- activityBarBadge.foreground#FFFFFF
- badge.background#F25837
- badge.foreground#FFFFFF
- button.background#F25837
- button.foreground#FFFFFF
- button.hoverBackground#FF4017
- button.secondaryBackground#E0E0E0
- button.secondaryForeground#202020
- button.secondaryHoverBackground#D9D9D9
- descriptionForeground#71717A
- dropdown.background#FCFCFC
- dropdown.border#BBBBBB
- dropdown.foreground#202020
- editor.background#F9F9F9
- editor.foreground#202020
- editor.inactiveSelectionBackground#E8E8E8
- editor.lineHighlightBackground#F0F0F0
- editor.lineHighlightBorder#E8E8E8
- editor.selectionBackground#FF744826
- editorCursor.foreground#F25837
- editorError.foreground#B42318
- editorGroup.border#D9D9D9
- editorGroupHeader.tabsBackground#E8E8E8
- editorGroupHeader.tabsBorder#D9D9D9
- editorGutter.background#F9F9F9
- editorHoverWidget.background#FCFCFC
- editorHoverWidget.border#CECECE
- editorHoverWidget.foreground#202020
- editorIndentGuide.activeBackground1#EB6E52
- editorIndentGuide.background1#D9D9D9
- editorInfo.foreground#2563EB
- editorLineNumber.activeForeground#F25837
- editorLineNumber.foreground#8D8D8D
- editorRuler.foreground#D9D9D9
- editorSuggestWidget.background#FCFCFC
- editorSuggestWidget.border#CECECE
- editorSuggestWidget.foreground#202020
- editorSuggestWidget.highlightForeground#F25837
- editorSuggestWidget.selectedBackground#F0F0F0
- editorWarning.foreground#F59E0B
- editorWhitespace.foreground#D9D9D9
- editorWidget.background#FCFCFC
- editorWidget.border#CECECE
- editorWidget.foreground#202020
- errorForeground#B42318
- focusBorder#F25837
- foreground#202020
- gitDecoration.addedResourceForeground#059669
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.modifiedResourceForeground#F59E0B
- input.background#FCFCFC
- input.border#BBBBBB
- input.foreground#202020
- input.placeholderForeground#8D8D8D
- list.activeSelectionBackground#FF744826
- list.activeSelectionForeground#202020
- list.focusBackground#FF744826
- list.highlightForeground#F25837
- list.hoverBackground#E8E8E8
- list.inactiveSelectionBackground#E8E8E8
- list.inactiveSelectionForeground#202020
- panel.background#F0F0F0
- panel.border#D9D9D9
- panelTitle.activeBorder#F25837
- panelTitle.activeForeground#202020
- panelTitle.inactiveForeground#646464
- peekView.border#F25837
- peekViewEditor.background#F9F9F9
- peekViewResult.background#F0F0F0
- peekViewTitle.background#E8E8E8
- pickerGroup.border#D9D9D9
- pickerGroup.foreground#F25837
- progressBar.background#F25837
- quickInput.background#FCFCFC
- quickInput.foreground#202020
- quickInputTitle.background#E8E8E8
- scrollbarSlider.activeBackground#64646466
- scrollbarSlider.background#BBBBBB66
- scrollbarSlider.hoverBackground#8D8D8D66
- selection.background#FF744826
- sideBar.background#F0F0F0
- sideBar.border#D9D9D9
- sideBar.foreground#454545
- sideBarSectionHeader.background#E8E8E8
- sideBarSectionHeader.border#D9D9D9
- sideBarSectionHeader.foreground#202020
- sideBarTitle.foreground#202020
- statusBar.background#F0F0F0
- statusBar.border#D9D9D9
- statusBar.debuggingBackground#F25837
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#202020
- statusBar.noFolderBackground#E8E8E8
- statusBar.noFolderForeground#202020
- tab.activeBackground#F9F9F9
- tab.activeBorderTop#F25837
- tab.activeForeground#202020
- tab.border#D9D9D9
- tab.inactiveBackground#E8E8E8
- tab.inactiveForeground#646464
- tab.unfocusedActiveBorderTop#EB6E52
- 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#F9F9F9
- terminal.foreground#202020
- titleBar.activeBackground#E8E8E8
- titleBar.activeForeground#202020
- titleBar.border#D9D9D9
- titleBar.inactiveBackground#F0F0F0
- titleBar.inactiveForeground#646464
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8D8D8D | italic |
| string, string.quoted, string.template | #C94B2F | — |
| string.quoted.docstring, comment.block.documentation | #EB6E52 | — |
| keyword, storage.type, storage.modifier | #F25837 | 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 | #202020 | — |
| constant, constant.numeric, constant.language | #F59E0B | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #71717A | — |
| keyword.control.import, entity.name.namespace, support.module | #5D6C7B | — |
| meta.decorator, entity.name.function.decorator | #EB6E52 | bold |