Astrobloom
Publisher: AbolfazlThemes in package: 2
A mellow astrobloom color theme which makes you feel good working with it. It is based on high contrast color palettes.
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#191919
- activityBar.foreground#fff
- activityBarBadge.background#00ffc8
- activityBarBadge.foreground#000814
- button.background#89DDFF
- button.foreground#000
- button.hoverBackground#6699FF
- diffEditor.insertedTextBackground#C3E88D40
- diffEditor.removedTextBackground#FF537040
- dropdown.background#222222
- dropdown.foreground#fff
- editor.background#222222
- editor.foreground#fff
- editor.lineHighlightBackground#4949492a
- editor.selectionBackground#746f7757
- editor.selectionHighlightBackground#7C9EFF40
- editorCursor.foreground#dfdfdf
- editorError.foreground#FC644D
- editorGutter.addedBackground#7bd88f
- editorGutter.background#222222
- editorGutter.deletedBackground#FF5370
- editorGutter.modifiedBackground#FFE66D
- editorHint.foreground#8FA8FF
- editorInfo.foreground#89DDFF
- editorSuggestWidget.background#222222
- editorSuggestWidget.border#222222
- editorSuggestWidget.foreground#fff
- editorSuggestWidget.highlightForeground#89DDFF
- editorSuggestWidget.selectedBackground#37373D
- editorWarning.foreground#FFD66D
- errorForeground#FC644D
- focusBorder#1a1a1a
- list.activeSelectionBackground#383838
- list.activeSelectionForeground#fff
- list.hoverBackground#383838
- list.hoverForeground#fff
- minimap.background#222222
- peekViewEditor.background#1f1f1f
- peekViewResult.background#1f1f1f
- peekViewTitle.background#191919
- peekViewTitleLabel.foreground#dfdfdf
- scrollbarSlider.activeBackground#65737EFF
- scrollbarSlider.background#65737E40
- scrollbarSlider.hoverBackground#65737E80
- sideBar.background#191919
- sideBar.foreground#dfdfdf
- sideBarTitle.foreground#dfdfdf
- statusBar.background#00ffc8
- statusBar.debuggingBackground#FF5370
- statusBar.debuggingForeground#dfdfdf
- statusBar.foreground#1a1a1a
- statusBar.noFolderBackground#FFD66D
- tab.activeBackground#1a1a1a
- tab.activeForeground#fff
- tab.inactiveBackground#222222
- tab.inactiveForeground#65737E
- terminal.background#1f1f1f
- terminal.foreground#fff
- titleBar.activeBackground#191919
- titleBar.activeForeground#dfdfdf
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#65737E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #858585 | italic |
| keyword.control, keyword.other.template, keyword.other.substitution | #fc618d | — |
| variable.name, variable | #f0f0f0 | — |
| entity.name.type, meta.type | #89DDFF | — |
| keyword, keyword.operator.new, variable.language.this, variable.language.this.js, variable.language.this.ts | #fc618d | — |
| constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #08CFFF | — |
| string, string.quoted, string.quoted.double, string.quoted.triple, string.quoted.single | #FFE66D | — |
| storage.type | #c74ded | — |
| invalid, invalid.illegal | #fc618d | — |
| meta.tag | #8b888f | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag, meta.tag.sgml | #fc618d | — |
| entity.other.attribute-name, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.html | #89DDFF | italic |
| punctuation.terminator | #89DDFF | — |
| meta.jsx.children, string.unquoted, text.html.basic | #D5CED9 | — |
| punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.section.group.begin, punctuation.section.group.end, variable.parameter | #08CFFF | — |
| variable.other.constant, constant.numeric, constant.numeric.float, constant.numeric.integer, constant.numeric.hex | #08CFFF | — |
| meta.template.expression.js, constant.name.attribute.tag.jade, punctuation.definition.metadata.markdown, punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown | #D5CED9 | — |
| keyword.control.async, keyword.control.await, keyword.control.import, keyword.control.export, storage.modifier | #fc618d | — |
| meta.object-literal.key, support.type.property-name.json, support.type.property-name | #E0F0FF | |
| constant.character, constant.other, meta.number, meta.function-call, meta.class, entity.name.function | #00ffc8 | — |
| entity.name.tag, meta.tag, meta.tag.sgml, markup.tag, punctuation.definition.tag | #fc618d | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #8b888f | — |
| punctuation.accessor.js, support.type.object.module.js, support.type.object.exports.js, punctuation.accessor.js | #fc618d | — |