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#e0e6ee
- activityBar.foreground#2277cc
- activityBar.inactiveForeground#8899bb
- button.background#5b968b
- button.foreground#fff
- button.hoverBackground#69afa2
- diffEditor.border#c0d0e0
- diffEditor.diagonalFill#e0e6ee
- diffEditor.insertedLineBackground#86f4ce22
- diffEditor.insertedTextBackground#0a9a5033
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#f48bc522
- diffEditor.removedTextBackground#c8306033
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedRegionBackground#eaeff4
- diffEditor.unchangedRegionForeground#8898a8
- diffEditorGutter.insertedLineBackground#88d8b8
- diffEditorGutter.removedLineBackground#e8a8c8
- diffEditorOverview.insertedForeground#0a9a50
- diffEditorOverview.removedForeground#c83060
- dropdown.background#ffffff
- dropdown.border#b0c4d4
- dropdown.foreground#3d4a5c
- editor.background#f5f7fa
- editor.findMatchBackground#22cc5540
- editor.findMatchBorder#14964b
- editor.findMatchHighlightBackground#0000
- editor.findMatchHighlightBorder#2a9a34
- editor.findRangeHighlightBackground#22cc5518
- editor.foreground#3d4a5c
- editor.hoverHighlightBackground#d0dff0
- editor.inactiveSelectionBackground#d0dff0
- editor.lineHighlightBackground#e8ecf2
- editor.rangeHighlightBackground#22cc5520
- editor.selectionBackground#0099dd30
- editor.selectionHighlightBackground#0099dd18
- editor.selectionHighlightBorder#0099dd40
- editor.wordHighlightBackground#0000
- editor.wordHighlightBorder#4a9ad4
- editor.wordHighlightStrongBackground#0000
- editor.wordHighlightStrongBorder#9070c0
- editorBracketMatch.background#0af2
- editorBracketMatch.border#0000
- editorCursor.foreground#3d4a5c
- editorError.foreground#d42020
- editorGroup.dropBackground#d0dff0
- editorGroupHeader.tabsBackground#e8ecf2
- editorGutter.addedBackground#0a9a50
- editorGutter.deletedBackground#c83060
- editorGutter.modifiedBackground#2288cc
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#c0cee0
- editorIndentGuide.background#c5cdd8
- editorInfo.foreground#2070cc
- editorInlayHint.background#e8ecf2
- editorInlayHint.foreground#8fa1bf
- editorLineNumber.activeForeground#3366aa
- editorLineNumber.foreground#9aa8be
- editorLink.activeForeground#0e8fa5
- editorOverviewRuler.addedForeground#0a9a50
- editorOverviewRuler.bracketMatchForeground#0af6
- editorOverviewRuler.commonContentForeground#5a8a5a
- editorOverviewRuler.currentContentForeground#22999f
- editorOverviewRuler.deletedForeground#c83060
- editorOverviewRuler.findMatchForeground#14964baa
- editorOverviewRuler.incomingContentForeground#5555cc
- editorOverviewRuler.modifiedForeground#2288cc
- editorOverviewRuler.wordHighlightForeground#1882ccaa
- editorOverviewRuler.wordHighlightStrongForeground#6d3dbfaa
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#c0cee0
- editorSuggestWidget.highlightForeground#2266aa
- editorSuggestWidget.selectedBackground#d8e4f0
- editorSuggestWidget.selectedForeground#1a2030
- editorUnnecessary.foreground#a0a0cc
- editorWarning.foreground#b89500
- editorWhitespace.foreground#c5cdd8
- editorWidget.background#f5f7fa
- focusBorder#2970cc
- foreground#3d4a5c
- gitDecoration.conflictingResourceForeground#7744aa
- gitDecoration.deletedResourceForeground#aa4466
- gitDecoration.ignoredResourceForeground#99aabb
- gitDecoration.modifiedResourceForeground#2288aa
- inlineChat.background#ffffff
- inlineChat.border#b0c4d4
- inlineChat.shadow#00000018
- inlineChatDiff.inserted#b8e8d8
- inlineChatDiff.removed#e8d0e0
- inlineChatInput.background#f8fafc
- inlineChatInput.border#b0c4d4
- inlineChatInput.focusBorder#2970cc
- inlineChatInput.placeholderForeground#8898a8
- input.background#ffffff
- input.border#b0c4d4
- inputOption.activeBorder#2970cc
- list.activeSelectionBackground#c8d6e8
- list.activeSelectionForeground#1a2030
- list.dropBackground#d0dff0
- list.errorForeground#d42020
- list.focusBackground#d8e0ea
- list.hoverBackground#e4e9f0
- list.inactiveSelectionBackground#d8e0ea
- list.warningForeground#b89500
- menu.background#ffffff
- menu.selectionBackground#c8d6e8
- menu.separatorBackground#c8d6e8
- menubar.selectionBackground#d0dff0
- merge.border#a8b8d0
- merge.commonContentBackground#e8f5e8
- merge.commonHeaderBackground#d0e0d0
- merge.currentContentBackground#d8f5f5
- merge.currentHeaderBackground#b8e8e8
- merge.incomingContentBackground#e0e0f8
- merge.incomingHeaderBackground#c8c8f0
- minimap.findMatchHighlight#4aaf50
- scrollbarSlider.activeBackground#6666
- scrollbarSlider.background#8882
- scrollbarSlider.hoverBackground#8884
- sideBar.background#eef1f5
- sideBarSectionHeader.background#e0e6ee
- statusBar.background#2e6391
- statusBar.debuggingBackground#2d917d
- tab.border#d0d8e4
- tab.inactiveBackground#e8ecf2
- titleBar.activeBackground#e0e6ee
- titleBar.activeForeground#334466
- titleBar.inactiveBackground#eef1f5
- titleBar.inactiveForeground#8899aa
- widget.shadow#00000018
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| token | #3d4a5c | — |
| meta.property-list | #3d4a5c | — |
| comment | #8898b0 | — |
| punctuation.definition.comment | #8898b0 | — |
| string | #0fb1fc | — |
| meta.attribute-selector | #0fb1fc | — |
| punctuation.definition.string | #54c8ff | — |
| string.regexp punctuation.definition.string | #7080a0 | — |
| constant.numeric | #03a572 | — |
| keyword.operator.quantifier | #03a572 | — |
| keyword.other.unit | #1a6050 | — |
| punctuation | #8fa1bf | — |
| meta.brace.round | #8fa1bf | — |
| meta.brace.square | #8fa1bf | — |
| keyword.operator.type.annotation | #8fa1bf | — |
| keyword.operator.type | #8fa1bf | — |
| keyword.control.as | #8fa1bf | — |
| keyword.operator | #8fa1bf | — |
| meta.at-rule.each.scss, meta.tag.xml, meta.tag.preprocessor.xml | #8fa1bf | — |
| meta.type.tuple punctuation.separator.label | #8fa1bf | — |
| constant.language, support.type.primitive, support.type.builtin | #0060cc | — |
| support.constant.property-value | #0060cc | — |
| constant.character, constant.other | #0060cc | — |
| source variable | #455a66 | — |
| source support.variable | #0a7ab0 | — |
| source variable.other.constant | #06537c | — |
| property | #6f65ce | — |
| support.variable.property | #6f65ce | — |
| support.type.property-name, meta.object-literal.key string, meta.type.tuple entity.name.label | #6f65ce | — |
| punctuation.support.type.property-name, meta.object-literal.key punctuation.definition.string | #5068a8 | — |
| support.type.vendored.property-name | #3060b0 | — |
| variable.parameter | #6f65ce | — |
| variable.other.property | #6f65ce | — |
| variable.object.property | #6f65ce | — |
| variable.other.object.property | #6f65ce | — |
| variable.other.jsdoc | #6f65ce | — |
| meta.object-literal.key | #6f65ce | — |
| variable.other.enummember | #6f65ce | — |
| entity.other.attribute-name | #6f65ce | — |
| entity.other.attribute-name.class | #3050d0 | — |
| entity.other.attribute-name.class punctuation | #3050d0 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation | #2060cc | — |
| entity.name.label | #2060cc | — |
| punctuation.separator.label | #1a50a0 | — |
| keyword.control, keyword.control punctuation, keyword.other | #0091aa | — |
| keyword.other.important | #0091aa | — |
| storage | #8599ad | |
| variable.language.this | #06537c | — |
| variable.language.super | #06537c | — |
| storage.type | #8599ad | |
| keyword.operator.new | #8599ad | — |
| entity.name.tag.reference | #8599ad | — |
| entity.name.class | #1a7860 | — |
| entity.name.type | #1a7860 | — |
| entity.other.inherited-class | #1a7860 | — |
| support.class.builtin | #1a7860 | — |
| support.class | #1a8868 | — |
| source.css | #8fa1bf | — |
| entity.name.tag | #1a7860 | — |
| entity.name.type.module | #1a6050 | — |
| entity.name.scope-resolution | #1a6050 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation | #1a6050 | — |
| entity.name.function | #0074a3 | — |
| meta.decorator variable, storage.type.annotation | #0074a3 | — |
| punctuation.decorator, punctuation.definition.annotation | #0074a3 | — |
| storage.type.class.jsdoc | #0074a3 | — |
| punctuation.definition.block.tag.jsdoc | #0074a3 | — |
| keyword.command | #0074a3 | — |
| support.function | #0e7080 | |
| keyword.operator.expression | #0e7080 | |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation | #0074a3 | — |
| meta.at-rule.keyframes entity.other.attribute-name | #0074a3 | — |
| support.constant | #8599ad | |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| source.diff | #8898a8 | — |
| markup.inserted | #0a9a50 | — |
| markup.deleted | #c83060 | — |
| meta.diff.range, punctuation.definition.range.diff | #c4aa00 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...