AndroMatt Theme Dark
Publisher: Alejandro MatíasThemes in package: 1
Un tema oscuro inspirado en Vira Carbon.
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#040404
- activityBar.border#00000000
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#abb2bf
- button.background#528bff
- button.foreground#ffffff
- button.hoverBackground#3a66d9
- button.secondaryBackground#3b4048
- button.secondaryForeground#ffffff
- checkbox.background#090a10
- checkbox.border#3b4048
- checkbox.foreground#ffffff
- checkbox.selectBackground#090a10
- checkbox.selectBorder#c678dd
- dropdown.background#090a10
- dropdown.border#00000000
- dropdown.foreground#ffffff
- dropdown.listBackground#040404
- editor.background#040404
- editor.foldBackground#00000000
- editor.foreground#abb2bf
- editor.lineHighlightBackground#1a1c23
- editor.selectionBackground#56b6c230
- editor.selectionHighlightBackground#56b6c220
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#56b6c210
- editor.wordHighlightStrongBackground#c678dd10
- editorCursor.foreground#528bff
- editorGroup.emptyBackground#0b0c10
- editorGroupHeader.tabsBackground#040404
- editorHoverWidget.background#090a10
- editorHoverWidget.border#1a1c23
- editorHoverWidget.foreground#abb2bf
- editorWhitespace.foreground#3b4048
- editorWidget.background#090a10
- editorWidget.border#1a1c23
- editorWidget.foreground#abb2bf
- editorWidget.resizeBorder#528bff
- focusBorder#4d5157
- foreground#abb2bf
- input.background#090a10
- input.border#1a1c23
- input.foreground#ffffff
- inputOption.activeBorder#528bff
- list.activeSelectionBackground#56b6c230
- list.activeSelectionForeground#ffffff
- list.hoverBackground#56b6c210
- list.inactiveSelectionBackground#56b6c215
- menu.background#040404
- menu.border#00000000
- menu.foreground#abb2bf
- menu.selectionBackground#1a1c23
- menu.selectionForeground#ffffff
- menu.separatorBackground#3b4048
- menubar.selectionForeground#ffffff
- pickerGroup.border#3b4048
- pickerGroup.foreground#c678dd
- quickInput.background#090a10
- quickInput.foreground#abb2bf
- quickInputList.focusBackground#56b6c230
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#56b6c2
- quickInputTitle.background#090a10
- selection.background#56b6c230
- settings.checkboxBackground#090a10
- settings.dropdownBackground#090a10
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#528bff
- settings.textInputBackground#090a10
- sideBar.background#040404
- sideBar.border#00000000
- sideBar.foreground#7d8799
- sideBarSectionHeader.background#040404
- statusBar.background#040404
- statusBar.border#00000000
- statusBar.debuggingBackground#040404
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#040404
- tab.activeBackground#040404
- tab.activeForeground#ffffff
- tab.border#040404
- tab.inactiveBackground#040404
- tab.inactiveForeground#5c6370
- titleBar.activeBackground#040404
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#040404
- titleBar.inactiveForeground#5c6370
- widget.border#1a1c23
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c6370 | italic |
| variable, string constant.other.placeholder, source | #abb2bf | — |
| keyword, keyword.control | #c678dd | italic |
| storage, storage.type, storage.modifier | #c678dd | — |
| keyword.operator, punctuation, meta.brace | #56b6c2 | — |
| string | #98c379 | — |
| entity.name.function, support.function | #61afef | — |
| entity.name.type, entity.name.class, support.class, support.type | #e5c07b | — |
| constant.numeric, constant.language, constant.character, constant.escape | #d19a66 | — |
| variable.language, variable.language.this | #56b6c2 | italic |
| entity.name.tag, meta.tag.sgml | #e06c75 | — |
| entity.other.attribute-name | #d19a66 | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #e5c07b | — |
| support.type.property-name | #abb2bf | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #e06c75 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d19a66 | — |
| 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 | #e5c07b | — |
| 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 | #98c379 | — |
| 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 | #56b6c2 | — |
| markup.heading, entity.name.section.markdown | #e06c75 | bold |
| punctuation.definition.list_item.markdown | #e5c07b | — |
| markup.bold, markup.bold string | #d19a66 | bold |
| markup.italic | #c678dd | italic |
| markup.raw.block.markdown, markup.inline.raw.string.markdown | #98c379 | — |
| string.other.link.title.markdown | #61afef | — |
| invalid, invalid.illegal | #ffffff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...