vscode-zodiac
Publisher: Astral-o7Themes in package: 1
sleek dark mode theme for vscode
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#080114
- activityBar.border#100424
- activityBar.dropBorder#612d6bee
- activityBar.foreground#7d659e
- activityBarBadge.background#26133b
- activityBarBadge.foreground#91759e
- badge.background#1a0935
- badge.foreground#493d5c
- button.background#2a174b
- button.foreground#CECBE1
- button.hoverBackground#3e374b
- debugExceptionWidget.background#15152b
- descriptionForeground#58419e
- dropdown.background#100326
- dropdown.border#5f4b77
- dropdown.foreground#e7d4ff
- editor.background#080114
- editor.findMatchBackground#20103a
- editor.findMatchBorder#0a081f
- editor.findMatchForeground#d8d4f8
- editor.foreground#938bc0
- editor.hoverHighlightBackground#25173a6b
- editor.inactiveSelectionBackground#2917796b
- editor.selectionBackground#353a85
- editor.selectionForeground#a7caff
- editor.selectionHighlightBackground#4c44999c
- editor.selectionHighlightBorder#3f387c85
- editorBracketHighlight.foreground1#1b1fff
- editorBracketHighlight.foreground2#1e78df
- editorCodeLens.foreground#6f94cc
- editorCursor.background#9691db
- editorCursor.foreground#9f91a8
- editorError.background#ec13134b
- editorError.foreground#ff5555
- editorGroup.border#d6a6e2
- editorGroup.emptyBackground#34263f
- editorGroupHeader.tabsBackground#0a0414
- editorGutter.addedBackground#68608b
- editorIndentGuide.background1#5c5291
- editorLineNumber.activeForeground#aca4d4
- editorLineNumber.dimmedForeground#aca4d46c
- editorLineNumber.foreground#776ac2
- editorLink.activeForeground#4e6cce
- editorMultiCursor.primary.background#804bb3
- editorMultiCursor.primary.foreground#3f1858
- editorOverviewRuler.background#120725
- editorOverviewRuler.errorForeground#960606
- editorOverviewRuler.warningForeground#dbc924
- editorSuggestWidget.background#201827
- editorSuggestWidget.border#12091b
- editorWarning.background#ecdd134b
- editorWidget.background#0d0420
- editorWidget.border#27114e
- editorWidget.foreground#b8b1dd
- errorForeground#1b0207
- focusBorder#261d8c
- foreground#A29CC6
- input.background#2A174A
- input.border#3d3252
- input.foreground#b5aee0
- input.placeholderForeground#e5d6f7
- inputOption.activeBackground#160730
- inputOption.activeBorder#d6bcf5fb
- inputValidation.errorBackground#61101d
- inputValidation.errorBorder#831729
- inputValidation.errorForeground#ffe9e9
- list.activeSelectionBackground#21153665
- list.activeSelectionForeground#4e355f
- list.activeSelectionIconForeground#5d4168
- list.deemphasizedForeground#807888
- list.errorForeground#ff6673
- list.focusBackground#1e192a
- list.focusForeground#302549
- list.focusOutline#0e051b
- list.highlightForeground#d5a3da
- list.hoverBackground#22183a
- list.hoverForeground#f5deff
- list.inactiveSelectionBackground#211230
- list.warningForeground#ebda3ed3
- notificationCenter.border#160d25
- notificationCenterHeader.background#140d25
- notificationCenterHeader.foreground#d6b6fa
- notificationLink.foreground#a98cbd
- notifications.background#120a22
- notifications.border#13041f
- notifications.foreground#A29CC6
- notificationsErrorIcon.foreground#61101d
- notificationToast.border#3d2c4d
- panel.border#12041f
- panel.dropBorder#350968
- panelTitle.activeBorder#6412a7
- peekView.border#0a021d
- peekViewEditor.background#15152b
- peekViewEditor.matchHighlightBackgrounddefault
- peekViewEditor.matchHighlightBorder#15071b
- peekViewEditorGutter.background#281935
- peekViewEditorStickyScroll.background#15152b
- progressBar.background#ad7eff
- selection.background#6c5ed1
- sideBar.background#080114
- sideBar.border#101521
- sideBar.foreground#b8b0b0
- sideBarTitle.foreground#bbbbbb
- statusBar.background#4134ff
- statusBar.border#15152b
- statusBar.debuggingBackground#fae900
- statusBar.debuggingBorder#261d8c
- tab.activeBackground#12032cb7
- tab.activeBorder#07010fe1
- tab.hoverBackground#402b64
- tab.inactiveBackground#1a0e36
- tab.unfocusedActiveBackground#342838
- titleBar.activeBackground#0a0316
- titleBar.activeForeground#776ac2
- widget.border#574070
- widget.shadow#3a2552
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A8BAC2 | italic |
| variable, string constant.other.placeholder | #48bcd3 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #d958dd | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #6db7d4 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #c267ff | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #5c90e4 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #A6B2F7 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #3b9ee0 | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #2dd7ff | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |