@dio.codes-dark
Publisher: diocodeThemes in package: 1
Theme by @dio.codes
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#15191f
- activityBar.border#15191f
- activityBar.dropBackground#4588eb
- activityBarBadge.background#e1594a
- breadcrumb.activeSelectionForeground#87919b
- breadcrumb.focusForeground#87919b
- breadcrumb.foreground#5c656d
- breadcrumbPicker.background#15191f
- editor.background#0f1216
- editor.foreground#eeefff
- editor.inactiveSelectionBackground#4a535c60
- editor.lineHighlightBackground#171b20
- editor.selectionBackground#1289ec60
- editor.selectionHighlightBackground#012f4d
- editorCursor.foreground#6c7dff
- editorError.foreground#f27475
- editorGroupHeader.tabsBackground#20252c
- editorLineNumber.foreground#4e5861
- editorSuggestWidget.background#1d2126
- editorWarning.foreground#e8810e
- editorWidget.background#20252c
- errorForeground#e66768
- focusBorder#15191f
- foreground#eeefff
- gitDecoration.addedResourceForeground#4fbf60
- gitDecoration.untrackedResourceForeground#4fbf60
- icon.foreground#919aa2
- input.background#0f1217
- input.border#0f1216
- input.foreground#919aa2
- input.placeholderForeground#4a535c
- list.activeSelectionBackground#e1594a
- list.dropBackground#e1594a43
- list.errorForeground#ca0d36
- list.hoverBackground#2c3239
- panel.border#272c34
- panelTitle.activeBorder#e1594a
- scrollbar.shadow#d8dce01a
- scrollbarSlider.activeBackground#cbc1da26
- scrollbarSlider.background#cbc1da13
- scrollbarSlider.hoverBackground#cbc1da26
- sideBar.background#15191f
- sideBarSectionHeader.background#15191f
- sideBarSectionHeader.foreground#e1594ad7
- sideBarTitle.foreground#bbb
- statusBar.background#e1594a
- statusBar.foreground#dbeeff
- tab.activeBackground#0f1216
- tab.activeForeground#eeefff
- tab.border#20252c
- tab.inactiveBackground#20252c
- tab.inactiveForeground#778089
- titleBar.activeBackground#20252c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #58606a | |
| variable, string constant.other.placeholder | #eeefff | — |
| constant.other.color | #a5a5a4 | — |
| invalid, invalid.illegal | #ff8679 | — |
| storage, storage.type, storage.type.ts, storage.type.var.ts, storage.type.js, storage.type.var.js, storage.type.const.ts, storage.type.let.ts, storage.type.let.js, storage.type.const.js | #eeefff | bold |
| keyword.control, 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 | #7d848a | — |
| meta.tag | #eeefff | — |
| constant.other.color | #be61fb | — |
| punctuation | #7d848a | — |
| entity.name.tag | #ff5846 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #e1594a | — |
| meta.block variable.other | #eeefff | — |
| support.other.variable, string.other.link | #e9c37d | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ed8276 | — |
| 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 | #eeefff | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #e1594a | — |
| support.type | #b5bbc0 | — |
| 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 | #eeefff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #eeefff | — |
| variable.language | #eeefff | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #fff | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #ff5846 | — |
| source.sass keyword.control | #ff5846 | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #0091ff | bold |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #ff5846 | — |
| source.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 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 | #f76c96 | — |
| 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 | #fa7ba1 | — |
| 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 | #fe9dba | — |
| 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 | #b5bbc0 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| markup.raw, markup.inline.raw, markup.fenced, markup.fenced_code | #778089 | italic |
| markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline | #b5bbc0 | |
| variable.language.makefile, variable.other.makefile | #b5bbc0 | |
| punctuation.definition.heading.md, entity.name.type.md, beginning.punctuation | #b5bbc0 | |
| markup.heading, entity.name.section | #d8dce0 | bold |
| 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 |
| markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline | #568bff | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #b5ea92 | — |
| 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 | — |