ayu MiDas
Publisher: QriLaThemes in package: 1
ayu Dark + ayu Mirage + extra tweaks
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.activeBackground#1c212b
- activityBar.activeBorder#ffcc66cc
- activityBar.activeFocusBorder#ffcc66
- activityBar.background#1f2430
- activityBar.dropBorder#8a919959
- activityBar.foreground#ffcc66b3
- activityBar.inactiveForeground#707a8c
- activityBarBadge.background#e6b450
- activityBarBadge.foreground#000000
- badge.background#e6b450
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#cccac2
- breadcrumb.background#11151c
- breadcrumb.focusForeground#8a9199
- breadcrumb.foreground#707a8c
- breadcrumbPicker.background#171b24
- button.background#e6b450
- button.foreground#11151c
- button.hoverBackground#d0a13d
- button.secondaryBackground#565b6666
- button.secondaryForeground#cccac2
- button.secondaryHoverBackground#707a8c80
- checkbox.background#11151c
- checkbox.border#1f2430
- checkbox.foreground#707a8c
- checkbox.selectBackground#e6b4504d
- checkbox.selectBorder#e6b45033
- debugConsoleInputIcon.foreground#ffcc66
- debugExceptionWidget.background#1c212b
- debugExceptionWidget.border#11151c
- debugIcon.breakpointDisabledForeground#d9575780
- debugIcon.breakpointForeground#d95757
- debugToolBar.background#1c212b
- descriptionForeground#707a8c
- diffEditor.border#a2a9b12e
- diffEditor.diagonalFill#171b24
- diffEditor.insertedTextBackground#87d96c1f
- diffEditor.removedTextBackground#f279831f
- disabledForeground#707a8c
- dropdown.background#1f2430
- dropdown.border#a2a9b12e
- dropdown.foreground#8a9199
- dropdown.listBackground#1c212b
- editor.background#0d1017
- editor.findMatchBackground#695380
- editor.findMatchHighlightBackground#69538066
- editor.findRangeHighlightBackground#69538026
- editor.foldBackground#95e6cb1a
- editor.foreground#bfbdb6
- editor.hoverHighlightBackground#409fff21
- editor.inactiveSelectionBackground#409fff21
- editor.lineHighlightBackground#6c738026
- editor.linkedEditingBackground#f279834d
- editor.rangeHighlightBackground#69538033
- editor.selectionBackground#409fff40
- editor.selectionHighlightBackground#87d96c26
- editor.snippetTabstopHighlightBackground#87d96c33
- editor.symbolHighlightBackground#69538066
- editor.wordHighlightBackground#80bfff1a
- editor.wordHighlightBorder#80bfff80
- editor.wordHighlightStrongBackground#87d96c1a
- editor.wordHighlightStrongBorder#87d96c80
- editor.wordHighlightTextBackground#87d96c1a
- editor.wordHighlightTextBorder#87d96c80
- editorBracketHighlight.foreground1#f4c76a
- editorBracketHighlight.foreground2#dc7467
- editorBracketHighlight.foreground3#36b1c8
- editorBracketMatch.background#6c73804d
- editorBracketMatch.border#6c7380bf
- editorCodeLens.foreground#acb6bf73
- editorCursor.background#000000
- editorCursor.foreground#e6b450
- editorError.foreground#d95757
- editorGroup.border#a2a9b12e
- editorGroup.dropBackground#409fff21
- editorGroup.focusedEmptyBorder#e6b45080
- editorGroupHeader.noTabsBackground#171b24
- editorGroupHeader.tabsBackground#171b24
- editorGutter.addedBackground#87d96ccc
- editorGutter.deletedBackground#f27983cc
- editorGutter.modifiedBackground#80bfffcc
- editorHoverWidget.background#1c212b
- editorHoverWidget.border#6c73802e
- editorHoverWidget.foreground#8a9199
- editorHoverWidget.highlightForeground#a2a9b12e
- editorHoverWidget.statusBasBackground#a2a9b12e
- editorIndentGuide.activeBackground#6c738080
- editorIndentGuide.background#6c738040
- editorInfo.foreground#5ccfe6
- editorLightBulb.foreground#ffcc66
- editorLightBulbAutoFix.foreground#ffcc66
- editorLineNumber.activeForeground#bfbdb6
- editorLineNumber.dimmedForeground#6c738066
- editorLineNumber.foreground#6c7380cc
- editorLink.activeForeground#ffcc66
- editorMarkerNavigation.background#1c212b
- editorMarkerNavigationError.headerBackground#d9575726
- editorMarkerNavigationInfo.headerBackground#5ccfe626
- editorMarkerNavigationWarning.headerBackground#ffb45426
- editorOverviewRuler.addedForeground#87d96c99
- editorOverviewRuler.border#ffffff00
- editorOverviewRuler.bracketMatchForeground#acb6bf4d
- editorOverviewRuler.deletedForeground#f2798399
- editorOverviewRuler.errorForeground#d95757e6
- editorOverviewRuler.findMatchForeground#6c5980
- editorOverviewRuler.infoForeground#5ccfe6e6
- editorOverviewRuler.modifiedForeground#80bfff99
- editorOverviewRuler.rangeHighlightForeground#6c5980
- editorOverviewRuler.selectionHighlightForeground#6c5980
- editorOverviewRuler.warningForeground#ffb454e6
- editorOverviewRuler.wordHighlightForeground#80bfff4d
- editorOverviewRuler.wordHighlightStrongForeground#87d96c4d
- editorOverviewRuler.wordHighlightTextForeground#87d96c4d
- editorPane.background#14171f
- editorRuler.foreground#6c738040
- editorStickyScroll.background#11151c
- editorStickyScrollHover.background#171b24
- editorSuggestWidget.background#1c212b
- editorSuggestWidget.border#6c73802e
- editorSuggestWidget.focusHighlightForeground#ffcc66
- editorSuggestWidget.foreground#bfbdb6
- editorSuggestWidget.highlightForeground#e6b450
- editorSuggestWidget.selectedBackground#69758c1f
- editorSuggestWidget.selectedForeground#cccac2
- editorSuggestWidget.selectedIconBackground#ffcc66
- editorUnicodeHighlight.background#ffb45426
- editorUnicodeHighlight.border#ffb454bf
- editorWarning.foreground#ffb454
- editorWhitespace.foreground#6c738040
- editorWidget.background#1f2430
- editorWidget.border#ffffff00
- editorWidget.foreground#707a8c
- editorWidget.resizeBorder#a2a9b12e
- errorForeground#d95757
- extensionButton.prominentBackground#ffcc66
- extensionButton.prominentForeground#1f2430
- extensionButton.prominentHoverBackground#dbaa47
- focusBorder#e6b45099
- foreground#8a9199
- gitDecoration.deletedResourceForeground#f27983cc
- gitDecoration.ignoredResourceForeground#707a8c99
- gitDecoration.modifiedResourceForeground#80bfffcc
- gitDecoration.submoduleResourceForeground#d2a6ffcc
- gitDecoration.untrackedResourceForeground#87d96ccc
- icon.foreground#8a9199
- input.background#11151c
- input.border#1f2430
- input.foreground#bfbdb6
- input.placeholderForeground#707a8c80
- inputOption.activeBackground#e6b45033
- inputOption.activeBorder#e6b4504d
- inputOption.activeForeground#e6b450
- inputOption.hoverBackground#1f2430
- inputValidation.errorBackground#1f2430
- inputValidation.errorBorder#d95757
- inputValidation.infoBackground#1f2430
- inputValidation.infoBorder#5ccfe6
- inputValidation.warningBackground#1f2430
- inputValidation.warningBorder#ffb454
- keybindingLabel.background#707a8c1a
- keybindingLabel.border#cccac21a
- keybindingLabel.bottomBorder#cccac21a
- keybindingLabel.foreground#cccac2
- list.activeSelectionBackground#409fff40
- list.activeSelectionForeground#cccac2
- list.deemphasizedForeground#d95757
- list.dropBackground#409fff21
- list.errorForeground#d95757
- list.filterMatchBackground#5c467266
- list.filterMatchBorder#69538066
- list.focusBackground#63759926
- list.focusForeground#cccac2
- list.focusHighlightForeground#ffcc66
- list.focusOutline#e6b4504d
- list.highlightForeground#ffcc66
- list.hoverBackground#1c212b
- list.hoverForeground#cccac2
- list.inactiveSelectionBackground#409fff21
- list.inactiveSelectionForeground#8a9199
- list.invalidItemForeground#707a8c4d
- list.warningForeground#ffb454
- listFilterWidget.background#1c212b
- listFilterWidget.noMatchesOutline#ff6666
- listFilterWidget.outline#ffcc66
- minimap.background#14171fbf
- minimap.errorHighlight#d95757
- minimap.findMatchHighlight#6c5980
- minimap.selectionHighlight#409fff40
- minimap.selectionOccurrenceHighlight#6c5980
- minimap.warningHighlight#ffb454
- minimapGutter.addedBackground#87d96c
- minimapGutter.deletedBackground#f27983
- minimapGutter.modifiedBackground#80bfff
- minimapSlider.activeBackground#565b6666
- minimapSlider.background#565b6633
- minimapSlider.hoverBackground#565b664d
- panel.background#11151c
- panel.border#6c73802e
- panelTitle.activeBorder#e6b450
- panelTitle.activeForeground#cccac2
- panelTitle.inactiveForeground#707a8c
- peekView.border#d0a13d
- peekViewEditor.background#14171f
- peekViewEditor.matchHighlightBackground#6c598066
- peekViewEditor.matchHighlightBorder#6c598080
- peekViewEditorStickyScroll.background#11151c
- peekViewResult.background#171b24
- peekViewResult.fileForeground#a2a9b1
- peekViewResult.lineForeground#8a9199
- peekViewResult.matchHighlightBackground#6c598066
- peekViewResult.selectionForeground#cccac2
- peekViewTitle.background#1c212b
- peekViewTitleDescription.foreground#707a8c
- peekViewTitleLabel.foreground#cccac2
- pickerGroup.border#171b24
- pickerGroup.foreground#707a8c80
- progressBar.background#e6b450
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#565b6666
- scrollbarSlider.background#565b664d
- scrollbarSlider.hoverBackground#565b6652
- search.resultsInfoForeground#707a8c
- searchEditor.findMatchBackground#69538066
- selection.background#409fff40
- settings.headerForeground#bfbdb6
- settings.modifiedItemIndicator#80bfff
- sideBar.background#14171f
- sideBar.border#0d1017
- sideBarSectionHeader.background#1c212b
- sideBarSectionHeader.border#171b24
- sideBarSectionHeader.foreground#8a9199
- sideBarTitle.foreground#8a9199
- statusBar.background#1f2430
- statusBar.debuggingBackground#b98ee5
- statusBar.debuggingForeground#000000
- statusBar.focusBorder#e6b45099
- statusBar.foreground#707a8c
- statusBar.noFolderBackground#1f2430
- statusBarItem.activeBackground#707a8c33
- statusBarItem.hoverBackground#707a8c33
- statusBarItem.prominentBackground#171b24
- statusBarItem.prominentForeground#8a9199
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#e6b450
- statusBarItem.remoteForeground#0d1017
- tab.activeBackground#11151c
- tab.activeBorderTop#d0a13d
- tab.activeForeground#cccac2
- tab.activeModifiedBorder#80bfffcc
- tab.border#14171f
- tab.inactiveBackground#171b24
- tab.inactiveForeground#8a9199
- tab.lastPinnedBorder#d0a13d
- tab.unfocusedActiveBackground#11151c
- tab.unfocusedActiveBorderTop#707a8c
- tab.unfocusedActiveForeground#8a9199
- tab.unfocusedInactiveForeground#707a8c
- terminal.ansiBlack#11151c
- terminal.ansiBlue#53bdfa
- terminal.ansiBrightBlack#707a8c
- terminal.ansiBrightBlue#59c2ff
- terminal.ansiBrightCyan#95e6cb
- terminal.ansiBrightGreen#aad94c
- terminal.ansiBrightMagenta#d2a6ff
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb454
- terminal.ansiCyan#90e1c6
- terminal.ansiGreen#87d96c
- terminal.ansiMagenta#cda1fa
- terminal.ansiRed#ea6c73
- terminal.ansiWhite#cccac2
- terminal.ansiYellow#f9af4f
- terminal.foreground#bfbdb6
- textBlockQuote.background#14171f
- textBlockQuote.border#364159
- textCodeBlock.background#14171f
- textLink.activeForeground#ffcc66
- textLink.foreground#e6b450
- textPreformat.foreground#8a9199
- textSeparator.foreground#707a8c
- titleBar.activeBackground#171b24
- titleBar.activeForeground#8a9199
- titleBar.border#14171f
- titleBar.inactiveBackground#171b24
- titleBar.inactiveForeground#707a8c
- tree.inactiveIndentGuidesStroke#6c73802e
- tree.indentGuidesStroke#a2a9b12e
- walkthrough.embeddedEditorBackground#1c212b
- walkthrough.stepTitle.foreground#cccac2
- welcomePage.progress.background#14171f
- welcomePage.tileBackground#1c212b
- welcomePage.tileBorder#a2a9b12e
- welcomePage.tileHoverBackground#1f2430
- widget.shadow#12151cb3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment | #acb6bf8c | italic |
| string, constant.other.symbol | #aad94c | — |
| string.regexp, constant.character, constant.other | #95e6cb | — |
| constant.numeric | #d2a6ff | — |
| constant.language | #d2a6ff | — |
| variable, variable.parameter.function-call | #bfbdb6 | — |
| variable.member | #f07178 | — |
| variable.language | #39bae6 | italic |
| storage | #ff8f40 | — |
| keyword | #ff8f40 | — |
| keyword.operator | #f29668 | — |
| punctuation.separator, punctuation.terminator | #bfbdb6b3 | — |
| punctuation.section | #bfbdb6 | — |
| punctuation.accessor | #f29668 | — |
| punctuation.definition.template-expression | #ff8f40 | — |
| punctuation.section.embedded | #ff8f40 | — |
| meta.embedded | #bfbdb6 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #59c2ff | — |
| entity.other.inherited-class | #39bae6 | — |
| storage.type.function | #ff8f40 | — |
| source.java storage.type.primitive | #39bae6 | — |
| entity.name.function | #ffb454 | — |
| variable.parameter, meta.parameter | #d2a6ff | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #ffb454 | — |
| support.function, support.macro | #f07178 | — |
| entity.name.import, entity.name.package | #aad94c | — |
| entity.name | #59c2ff | — |
| entity.name.tag, meta.tag.sgml | #39bae6 | — |
| support.class.component | #59c2ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #39bae680 | — |
| entity.other.attribute-name | #ffb454 | — |
| support.constant | #f29668 | italic |
| support.type, support.class, source.go storage.type | #39bae6 | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #e6b673 | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #ffb454 | — |
| 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 | #59c2ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #acb6bf8c | — |
| support.type.property-name | #39bae6 | normal |
| constant.numeric.line-number.find-in-files - match | #acb6bf8c | — |
| constant.numeric.line-number.match | #ff8f40 | — |
| entity.name.filename.find-in-files | #aad94c | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #aad94c | bold |
| markup.underline.link, string.other.link | #39bae6 | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #acb6bf8c | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffb454 | — |
| markup.inserted | #87d96c | — |
| markup.changed | #80bfff | — |
| markup.deleted | #f27983 | — |
| markup.strike | #e6b673 | — |
| markup.table | #39bae6 | — |
| text.html.markdown markup.inline.raw | #f29668 | — |
| text.html.markdown meta.dummy.line-break | #acb6bf8c | — |
| punctuation.definition.markdown | #acb6bf8c | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...