Ayu Grey
Publisher: Magnus HvidtfeldtThemes in package: 1
Grey theme
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#aaaaaa
- activityBar.background#0f0f0f
- activityBar.border#ffffff15
- activityBar.foreground#aaaaaa
- activityBarBadge.background#999999
- activityBarBadge.foreground#222222
- badge.background#ffffff17
- badge.foreground#aaaaaa
- banner.background#292929
- banner.foreground#dddddd
- breadcrumb.foreground#666666
- button.background#ff87877f
- button.hoverBackground#ff8787aa
- commandCenter.activeBackground#ffffff10
- commandCenter.border#ffffff2a
- diffEditor.border#ffffff15
- diffEditor.diagonalFill#ffffff15
- diffEditor.insertedLineBackground#66b39530
- diffEditor.insertedTextBackground#66b39530
- diffEditor.removedLineBackground#ff878730
- diffEditor.removedTextBackground#ff878730
- disabledForeground#6c6c6c
- dropdown.background#0f0f0f
- dropdown.border#ffffff3a
- editor.background#141414
- editor.findMatchBackground#66b3954f
- editor.findMatchBorder#66b395
- editor.findMatchHighlightBackground#66b3952f
- editor.findMatchHighlightBorder#66b3955f
- editor.foreground#dddddd
- editor.hoverHighlightBackground#ffffff0f
- editor.lineHighlightBackground#212121
- editor.selectionBackground#ffffff1f
- editor.selectionHighlightBorder#ffffff3f
- editor.wordHighlightBackground#ffffff1f
- editor.wordHighlightStrongBackground#ffffff1f
- editorBracketHighlight.foreground1#aaaaaa7f
- editorBracketHighlight.foreground2#9999997f
- editorBracketHighlight.foreground3#8888887f
- editorBracketHighlight.foreground4#9999997f
- editorCodeLens.foreground#555555
- editorCursor.foreground#ff8787
- editorError.foreground#ff8787
- editorGroupHeader.tabsBackground#0f0f0f
- editorGroupHeader.tabsBorder#ffffff15
- editorGutter.addedBackground#66b3954f
- editorGutter.deletedBackground#ff87877f
- editorGutter.modifiedBackground#7098d47f
- editorIndentGuide.activeBackground#ffffff3f
- editorIndentGuide.background#ffffff15
- editorInfo.foreground#7098d4
- editorInlayHint.background#ffffff10
- editorInlayHint.foreground#ffffff6f
- editorLineNumber.activeForeground#cccccc
- editorLineNumber.foreground#555555
- editorLink.activeForeground#ff8787
- editorStickyScrollHover.background#292929
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.selectedBackground#292929
- editorWarning.foreground#e7d38f
- editorWhitespace.foreground#ffffff15
- editorWidget.background#181818
- focusBorder#ffffff1f
- foreground#7f7f7f
- gitDecoration.addedResourceForeground#66b395
- gitDecoration.conflictingResourceForeground#dd9a6a
- gitDecoration.deletedResourceForeground#ff8787
- gitDecoration.ignoredResourceForeground#ffffff3f
- gitDecoration.modifiedResourceForeground#e7d38f
- gitDecoration.renamedResourceForeground#6ab8c0
- input.background#ffffff07
- input.border#ffffff07
- inputOption.activeBackground#292929
- inputOption.activeBorder#6c6c6c
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#0f0f0f
- list.dropBackground#ffffff10
- list.filterMatchBackground#66b39530
- list.filterMatchBorder#66b395
- list.focusBackground#ffffff10
- list.focusHighlightForeground#66b395
- list.focusOutline#ffffff1f
- list.highlightForeground#66b395
- list.hoverBackground#0f0f0f
- list.inactiveSelectionBackground#0f0f0f
- menu.background#0f0f0f
- menu.foreground#bbbbbb
- menu.separatorBackground#ffffff15
- merge.currentContentBackground#66b3953f
- merge.currentHeaderBackground#66b3957f
- merge.incomingContentBackground#7098d43f
- merge.incomingHeaderBackground#7098d47f
- minimap.background#111111
- minimap.errorHighlight#ff8787
- minimap.findMatchHighlight#66b3959f
- minimap.selectionHighlight#7098d49f
- minimapSlider.activeBackground#ffffff37
- minimapSlider.background#ffffff17
- minimapSlider.hoverBackground#ffffff27
- panel.background#0f0f0f
- peekView.border#444444
- peekViewEditor.background#292929
- peekViewEditor.matchHighlightBackground#66b3953f
- peekViewEditor.matchHighlightBorder#66b395
- peekViewEditorStickScroll.background#292929
- peekViewResult.background#242424
- peekViewResult.matchHighlightBackground#66b3953f
- peekViewResult.selectionBackground#66b3953f
- peekViewTitle.background#292929
- pickerGroup.foreground#66b395
- progressBar.background#dddddd
- quickInput.background#0f0f0f
- sash.hoverBorder#505050
- scrollbar.shadow#0f0f0f
- scrollbarSlider.activeBackground#ffffff37
- scrollbarSlider.background#ffffff17
- scrollbarSlider.hoverBackground#ffffff27
- searchEditor.findMatchBorder#66b395
- selection.background#363636
- sideBar.background#0f0f0f
- sideBar.border#ffffff15
- sideBarSectionHeader.background#0f0f0f
- sideBarSectionHeader.border#ffffff15
- statusBar.background#0f0f0f
- statusBar.border#ffffff15
- statusBar.debuggingBackground#66b395
- statusBar.debuggingForeground#000000
- statusBar.focusBorder#00000000
- statusBar.foreground#777777
- statusBar.noFolderBackground#141414
- statusBar.noFolderForeground#777777
- statusBarItem.errorBackground#ff8787
- statusBarItem.errorForeground#000000
- statusBarItem.prominentBackground#66b395
- statusBarItem.prominentForeground#000000
- statusBarItem.remoteBackground#66b395
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#d8b544
- statusBarItem.warningForeground#000000
- tab.activeBackground#141414
- tab.activeBorder#aaaaaa
- tab.border#ffffff10
- tab.inactiveBackground#0f0f0f
- terminal.ansiBlack#292929
- terminal.ansiBlue#7789a3
- terminal.ansiBrightBlack#393939
- terminal.ansiBrightBlue#8799b3
- terminal.ansiBrightCyan#799a9e
- terminal.ansiBrightGreen#95a8a1
- terminal.ansiBrightMagenta#9e8aa3
- terminal.ansiBrightRed#bd9696
- terminal.ansiBrightWhite#bdbdbd
- terminal.ansiBrightYellow#c3ba9f
- terminal.ansiCyan#698a8e
- terminal.ansiGreen#859891
- terminal.ansiMagenta#8e7a93
- terminal.ansiRed#ad8686
- terminal.ansiWhite#adadad
- terminal.ansiYellow#b3aa8f
- terminal.background#0f0f0f
- terminal.foreground#707080
- terminal.selectionBackground#292929
- terminal.tab.activeBorder#aaaaaa
- textCodeBlock.background#292929
- textLink.activeForeground#ff8787
- textLink.foreground#ff8787cc
- titleBar.activeBackground#0f0f0f
- titleBar.border#ffffff10
- titleBar.inactiveBackground#141414
- toolbar.hoverBackground#292929
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #cccac2 | — |
| comment | #b8cfe680 | italic |
| string, constant.other.symbol | #d5ff80 | — |
| string.regexp, constant.character, constant.other | #95e6cb | — |
| constant.numeric | #dfbfff | — |
| constant.language | #dfbfff | — |
| variable, variable.parameter.function-call | #cccac2 | — |
| variable.member | #f28779 | — |
| variable.language | #5ccfe6 | italic |
| storage | #ffad66 | — |
| keyword | #ffad66 | — |
| keyword.operator | #f29e74 | — |
| punctuation.separator, punctuation.terminator | #cccac2b3 | — |
| punctuation.section | #cccac2 | — |
| punctuation.accessor | #f29e74 | — |
| punctuation.definition.template-expression | #ffad66 | — |
| punctuation.section.embedded | #ffad66 | — |
| meta.embedded | #cccac2 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #73d0ff | — |
| entity.other.inherited-class | #5ccfe6 | — |
| storage.type.function | #ffad66 | — |
| source.java storage.type.primitive | #5ccfe6 | — |
| entity.name.function | #ffd173 | — |
| variable.parameter, meta.parameter | #dfbfff | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #ffd173 | — |
| support.function, support.macro | #f28779 | — |
| entity.name.import, entity.name.package | #d5ff80 | — |
| entity.name | #73d0ff | — |
| entity.name.tag, meta.tag.sgml | #5ccfe6 | — |
| support.class.component | #73d0ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #5ccfe680 | — |
| entity.other.attribute-name | #ffd173 | — |
| support.constant | #f29e74 | italic |
| support.type, support.class, source.go storage.type | #5ccfe6 | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #ffdfb3 | — |
| invalid | #ff6666 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #ffd173 | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #73d0ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #b8cfe680 | — |
| support.type.property-name | #5ccfe6 | normal |
| constant.numeric.line-number.find-in-files - match | #b8cfe680 | — |
| constant.numeric.line-number.match | #ffad66 | — |
| entity.name.filename.find-in-files | #d5ff80 | — |
| message.error | #ff6666 | — |
| markup.heading, markup.heading entity.name | #d5ff80 | bold |
| markup.underline.link, string.other.link | #5ccfe6 | — |
| markup.italic | #f28779 | italic |
| markup.bold | #f28779 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #b8cfe680 | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffd173 | — |
| markup.inserted | #87d96c | — |
| markup.changed | #80bfff | — |
| markup.deleted | #f27983 | — |
| markup.strike | #ffdfb3 | — |
| markup.table | #5ccfe6 | — |
| text.html.markdown markup.inline.raw | #f29e74 | — |
| text.html.markdown meta.dummy.line-break | #b8cfe680 | — |
| punctuation.definition.markdown | #b8cfe680 | — |