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.foreground#F0F0F0
- activityBar.inactiveForeground#646464
- activityBarBadge.background#FF4017
- activityBarBadge.foreground#FFFFFF
- button.background#FF4017
- button.foreground#FFFFFF
- button.hoverBackground#F25837
- dropdown.background#18181B
- dropdown.border#454545
- dropdown.foreground#F0F0F0
- editor.background#09090B
- editor.foreground#F0F0F0
- editor.inactiveSelectionBackground#262628
- editor.lineHighlightBackground#111113
- editor.selectionBackground#FF744826
- editorCursor.foreground#FF4017
- editorError.foreground#F87171
- editorIndentGuide.activeBackground1#454545
- editorIndentGuide.background1#202020
- editorInfo.foreground#60A5FA
- editorLineNumber.activeForeground#FF4017
- editorLineNumber.foreground#4B4B50
- editorWarning.foreground#FBBF24
- editorWidget.background#18181B
- editorWidget.border#454545
- editorWidget.foreground#F0F0F0
- errorForeground#F87171
- focusBorder#FF4017
- input.background#18181B
- input.border#454545
- input.foreground#F0F0F0
- list.activeSelectionBackground#FF744826
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#262628
- list.hoverBackground#202020
- panel.background#111113
- panel.border#202020
- peekView.border#FF4017
- sideBar.background#111113
- sideBar.foreground#BBBBBB
- sideBarSectionHeader.background#18181B
- sideBarSectionHeader.foreground#E8E8E8
- sideBarTitle.foreground#F0F0F0
- statusBar.background#09090B
- statusBar.debuggingBackground#FF4017
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F0F0F0
- statusBar.noFolderBackground#111113
- tab.activeBackground#111113
- tab.activeBorderTop#FF4017
- tab.activeForeground#F0F0F0
- tab.border#202020
- tab.inactiveBackground#09090B
- tab.inactiveForeground#838383
- terminal.ansiBlack#09090B
- terminal.ansiBrightRed#F87171
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FCD34D
- terminal.ansiRed#EF4444
- terminal.ansiWhite#D9D9D9
- terminal.ansiYellow#FBBF24
- terminal.background#09090B
- terminal.foreground#F0F0F0
- titleBar.activeBackground#09090B
- titleBar.activeForeground#F0F0F0
- titleBar.inactiveBackground#111113
- titleBar.inactiveForeground#838383
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #646464 | italic |
| string, string.quoted, string.template | #FCD34D | — |
| string.quoted.docstring, comment.block.documentation | #FCD34D | — |
| storage.type, storage.modifier, keyword.function.go, keyword.declaration.var.go, keyword.declaration.const.go, keyword.declaration.type.go, keyword.declaration.struct.go, keyword.declaration.interface.go, keyword.declaration.package.go | #FF4017 | bold |
| keyword.control, keyword.other, keyword.control.go, keyword.control.return.go, keyword.control.conditional.go, keyword.control.repeat.go | #F25837 | — |
| entity.name.function, support.function, meta.function-call | #F0F0F0 | bold |
| variable.parameter, meta.function.parameters | #D9D9D9 | — |
| entity.name.type, entity.name.class, support.class, support.type | #F0F0F0 | bold |
| variable, identifier | #D9D9D9 | — |
| constant, constant.numeric, constant.language | #FBBF24 | — |
| constant.language, constant.language.boolean, constant.language.nil | #FF7448 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.assignment.go, keyword.operator.arithmetic.go, keyword.operator.comparison.go | #EB6E52 | — |
| punctuation, meta.brace, meta.delimiter | #8D8D8D | — |
| keyword.control.import, entity.name.namespace, support.module | #E8E8E8 | — |
| meta.decorator, entity.name.function.decorator | #EB6E52 | bold |