Azurish
Publisher: AarilightThemes in package: 2
Kind of Azure, but more -ish.
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#202835
- activityBar.foreground#44aaff
- activityBar.inactiveForeground#6677aa
- button.background#5b968b
- button.foreground#fff
- button.hoverBackground#69afa2
- diffEditor.border#2a3847
- diffEditor.diagonalFill#1a2432
- diffEditor.insertedLineBackground#1dd97611
- diffEditor.insertedTextBackground#1dd97622
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#d9487911
- diffEditor.removedTextBackground#d9487922
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedRegionBackground#141922
- diffEditor.unchangedRegionForeground#5a6a80
- diffEditorGutter.insertedLineBackground#002813
- diffEditorGutter.removedLineBackground#330026
- diffEditorOverview.insertedForeground#1dd976
- diffEditorOverview.removedForeground#d94879
- dropdown.background#090a0c
- dropdown.border#385768
- dropdown.foreground#afbace
- editor.background#181D26
- editor.findMatchBackground#00ff001a
- editor.findMatchBorder#14964b
- editor.findMatchHighlightBackground#0000
- editor.findMatchHighlightBorder#0F7018
- editor.findRangeHighlightBackground#00ff550a
- editor.foreground#98A6BF
- editor.hoverHighlightBackground#1d2a38
- editor.inactiveSelectionBackground#1d2a38
- editor.lineHighlightBackground#0F1013
- editor.rangeHighlightBackground#00ff001a
- editor.selectionBackground#00c3ff44
- editor.selectionHighlightBackground#46dbff12
- editor.selectionHighlightBorder#46dbff3b
- editor.wordHighlightBackground#0000
- editor.wordHighlightBorder#186092
- editor.wordHighlightStrongBackground#0000
- editor.wordHighlightStrongBorder#4F3A73
- editorBracketMatch.background#5ff2
- editorBracketMatch.border#0000
- editorCursor.foreground#98A6BF
- editorError.foreground#ff5555
- editorGroup.dropBackground#11151c
- editorGroupHeader.tabsBackground#262f3f
- editorGutter.addedBackground#1dd976
- editorGutter.deletedBackground#d94879
- editorGutter.modifiedBackground#5b9ec8
- editorHoverWidget.background#262f3f
- editorHoverWidget.border#334159
- editorIndentGuide.background#2f3847
- editorInfo.foreground#4397f7
- editorInlayHint.background#111520
- editorInlayHint.foreground#47556e
- editorLineNumber.activeForeground#5a7cb7
- editorLineNumber.foreground#414d62
- editorLink.activeForeground#1AC1DE
- editorOverviewRuler.addedForeground#1dd976
- editorOverviewRuler.bracketMatchForeground#5ff6
- editorOverviewRuler.commonContentForeground#6a8a6a
- editorOverviewRuler.currentContentForeground#28afab
- editorOverviewRuler.deletedForeground#d94879
- editorOverviewRuler.findMatchForeground#14964baa
- editorOverviewRuler.incomingContentForeground#7f7fcc
- editorOverviewRuler.modifiedForeground#5b9ec8
- editorOverviewRuler.wordHighlightForeground#1882ccaa
- editorOverviewRuler.wordHighlightStrongForeground#6d3dbfaa
- editorSuggestWidget.background#262f3f
- editorSuggestWidget.border#334159
- editorSuggestWidget.highlightForeground#abd
- editorSuggestWidget.selectedBackground#334159
- editorSuggestWidget.selectedForeground#fff
- editorUnnecessary.foreground#3a3494
- editorWarning.foreground#ffcc00
- editorWhitespace.foreground#2f3847
- editorWidget.background#181D26
- focusBorder#337fdd
- foreground#afbace
- gitDecoration.conflictingResourceForeground#8866aa
- gitDecoration.deletedResourceForeground#cc8899
- gitDecoration.ignoredResourceForeground#778899
- gitDecoration.modifiedResourceForeground#55aacc
- inlineChat.background#1c2532
- inlineChat.border#3a4a5a
- inlineChat.shadow#000000
- inlineChatDiff.inserted#1e343a
- inlineChatDiff.removed#27263d
- inlineChatInput.background#0d1218
- inlineChatInput.border#3a4a5a
- inlineChatInput.focusBorder#5b8ec8
- inlineChatInput.placeholderForeground#5a6a80
- input.background#090a0c
- input.border#385768
- inputOption.activeBorder#385768
- list.activeSelectionBackground#334159
- list.activeSelectionForeground#fff
- list.dropBackground#262f3f
- list.errorForeground#ff5555
- list.focusBackground#262f3f
- list.hoverBackground#262f3f
- list.inactiveSelectionBackground#262f3f
- list.warningForeground#ffcc00
- menu.background#1b2330
- menu.selectionBackground#4b5b79
- menu.separatorBackground#4b5b79
- menubar.selectionBackground#202939
- merge.border#3a4a5a
- merge.commonContentBackground#151a15
- merge.commonHeaderBackground#2a2f2a
- merge.currentContentBackground#0f2028
- merge.currentHeaderBackground#1d3e4a
- merge.incomingContentBackground#1a1a36
- merge.incomingHeaderBackground#2d2e5a
- minimap.findMatchHighlight#09680C
- scrollbarSlider.activeBackground#3586
- scrollbarSlider.background#6ac2
- scrollbarSlider.hoverBackground#6ac4
- sideBar.background#1b2330
- sideBarSectionHeader.background#262f3f
- statusBar.background#2e6391
- statusBar.debuggingBackground#2d917d
- tab.border#262f3f
- tab.inactiveBackground#262f3f
- titleBar.activeBackground#181D26
- titleBar.activeForeground#ccccff
- titleBar.inactiveBackground#262f3f
- titleBar.inactiveForeground#6688aa
- widget.shadow#090a0c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| token | #98A6BF | — |
| meta.property-list | #98A6BF | — |
| comment | #47556e | — |
| punctuation.definition.comment | #47556e | — |
| string | #0fb1fc | — |
| meta.attribute-selector | #0fb1fc | — |
| punctuation.definition.string | #047db5 | — |
| string.regexp punctuation.definition.string | #495c80 | — |
| constant.numeric | #67bfa5 | — |
| keyword.operator.quantifier | #67bfa5 | — |
| keyword.other.unit | #2f7a64 | — |
| punctuation | #495c80 | — |
| meta.brace.round | #495c80 | — |
| meta.brace.square | #495c80 | — |
| keyword.operator.type.annotation | #495c80 | — |
| keyword.operator.type | #495c80 | — |
| keyword.control.as | #495c80 | — |
| keyword.operator | #495c80 | — |
| meta.at-rule.each.scss, meta.tag.xml, meta.tag.preprocessor.xml | #495c80 | — |
| meta.type.tuple punctuation.separator.label | #495c80 | — |
| constant.language, support.type.primitive, support.type.builtin | #0086ff | — |
| support.constant.property-value | #0086ff | — |
| constant.character, constant.other | #0086ff | — |
| source variable | #659fbf | — |
| source support.variable | #64c1f5 | — |
| source variable.other.constant | #549ad6 | — |
| property | #657dbf | — |
| support.variable.property | #657dbf | — |
| support.type.property-name, meta.object-literal.key string, meta.type.tuple entity.name.label | #657dbf | — |
| punctuation.support.type.property-name, meta.object-literal.key punctuation.definition.string | #465e9e | — |
| support.type.vendored.property-name | #537acc | — |
| variable.parameter | #657dbf | — |
| variable.other.property | #657dbf | — |
| variable.object.property | #657dbf | — |
| variable.other.object.property | #657dbf | — |
| variable.other.jsdoc | #657dbf | — |
| meta.object-literal.key | #657dbf | — |
| variable.other.enummember | #657dbf | — |
| entity.other.attribute-name | #657dbf | — |
| entity.other.attribute-name.class | #5c79ff | — |
| entity.other.attribute-name.class punctuation | #5c79ff | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation | #3d8bff | — |
| entity.name.label | #3d8bff | — |
| punctuation.separator.label | #2a6ac9 | — |
| keyword.control, keyword.control punctuation, keyword.other | #309eb3 | — |
| keyword.other.important | #309eb3 | — |
| storage | #52708b | |
| variable.language.this | #549ad6 | — |
| variable.language.super | #549ad6 | — |
| storage.type | #52708b | |
| keyword.operator.new | #52708b | — |
| entity.name.tag.reference | #52708b | — |
| entity.name.class | #5eb593 | — |
| entity.name.type | #5eb593 | — |
| entity.other.inherited-class | #5eb593 | — |
| support.class.builtin | #5eb593 | — |
| support.class | #67dbae | — |
| source.css | #495c80 | — |
| entity.name.tag | #5eb593 | — |
| entity.name.type.module | #2f8273 | — |
| entity.name.scope-resolution | #2f8273 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation | #2f8273 | — |
| entity.name.function | #207698 | — |
| meta.decorator variable, storage.type.annotation | #207698 | — |
| punctuation.decorator, punctuation.definition.annotation | #207698 | — |
| storage.type.class.jsdoc | #207698 | — |
| punctuation.definition.block.tag.jsdoc | #207698 | — |
| keyword.command | #207698 | — |
| support.function | #1d93ab | |
| keyword.operator.expression | #1d93ab | |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation | #207698 | — |
| meta.at-rule.keyframes entity.other.attribute-name | #207698 | — |
| support.constant | #52708b | |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| source.diff | #5a6a80 | — |
| markup.inserted | #1dd976 | — |
| markup.deleted | #d94879 | — |
| meta.diff.range, punctuation.definition.range.diff | #ffdf80 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...