DotDev Theme
Publisher: dotdev-dotdevThemes in package: 1
DotDev is a dark theme for Visual Studio Code designed for developer productivity.
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.activeBorder#00FF0000
- activityBar.background#000000
- activityBar.border#00000000
- activityBar.foreground#00FF00
- activityBarBadge.background#CC00FF
- activityBarBadge.foreground#FFFFFF
- badge.background#CC00FF
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#00ff00
- breadcrumb.background#000000
- breadcrumb.focusForeground#00ff00
- breadcrumb.foreground#ffffff
- breadcrumbPicker.background#000000
- button.background#CC00FF
- button.foreground#FFFFFF
- button.hoverBackground#EE00FF
- diffEditor.diagonalFill#00BFFF
- diffEditor.insertedLineBackground#39FF1410
- diffEditor.insertedTextBackground#39FF1410
- diffEditor.removedLineBackground#F4000045
- diffEditor.removedTextBackground#F4000045
- diffEditorOverview.insertedForeground#39FF14
- diffEditorOverview.removedForeground#F40000
- editor.background#000000
- editor.foreground#E6E6E6
- editor.lineHighlightBackground#00FF0008
- editor.lineHighlightBorder#00FF0010
- editor.selectionBackground#00FF0025
- editor.selectionHighlightBackground#00FF0020
- editor.wordHighlightStrongBackground#00FF0015
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorIndentGuide.activeBackground1#00ff00
- editorIndentGuide.activeBackground2#00ff00
- editorIndentGuide.activeBackground3#00ff00
- editorIndentGuide.activeBackground4#00ff00
- editorIndentGuide.activeBackground5#00ff00
- editorIndentGuide.activeBackground6#00ff00
- editorIndentGuide.background1#010
- editorIndentGuide.background2#333
- editorIndentGuide.background3#666
- editorIndentGuide.background4#999
- editorIndentGuide.background5#ccc
- editorIndentGuide.background6#fff
- editorLineNumber.activeForeground#00FF00
- focusBorder#00FF00
- list.activeSelectionBackground#00FF0030
- list.activeSelectionForeground#00FF00
- list.filterMatchBackground#00FF0030
- list.filterMatchBorder#00FF00
- list.focusBackground#00FF0025
- list.focusForeground#00FF00
- list.highlightForeground#00FF00
- list.hoverBackground#00FF0020
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#00FF0010
- list.inactiveSelectionBackground#00FF0015
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#ff5370
- listFilterWidget.background#000000
- listFilterWidget.noMatchesOutline#FF0000
- listFilterWidget.outline#00FF00
- panel.border#000000
- panelTitle.activeBorder#000000
- panelTitle.inactiveForeground#ffffff
- selection.background#00FF0030
- sideBar.background#000000
- sideBar.foreground#FFFFFF
- sideBarSectionHeader.background#00FF0008
- sideBarSectionHeader.border#00FF0010
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#FFFFFF
- statusBar.background#000000
- statusBar.border#000000
- statusBar.debuggingBorder#000000
- statusBar.foreground#FFFFFF
- statusBar.noFolderBorder#000000
- statusBar.prominentBackground#000000
- statusBar.prominentForeground#ffffff
- statusBar.prominentHoverBackground#000000
- statusBarItem.errorForeground#FF0000
- statusBarItem.prominentBackground#000000
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#000000
- tab.activeBackground#333333
- tab.activeBorder#00FF00
- tab.activeForeground#00FF00
- tab.hoverBackground#555555
- tab.hoverForeground#00FF00
- tab.inactiveBackground#000000
- tab.unfocusedActiveForeground#00FF00
- textLink.activeForeground#EE00FF
- textLink.foreground#EE00FF
- tree.inactiveIndentGuidesStroke#333333
- tree.indentGuidesStroke#333333
- tree.tableColumnsBorder#00FF0020
- tree.tableOddRowsBackground#00FF0008
- widget.shadow#00000080
- window.activeBorder#000000
- window.inactiveBorder#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #CCCCCC | italic |
| string, string.quoted.double, string.quoted.single | #00FF00 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof | #BB66FF | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #CCCCCC | — |
| entity.name.function, meta.function-call, support.function, variable.function | #FFFF00 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.class, support.type | #BB66FF | — |
| variable, variable.other, variable.other.readwrite, variable.other.constant | #99DDFF | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #B3B3FF | — |
| constant.numeric, constant.language, constant.character, constant.other | #00FFCC | — |
| punctuation.definition.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #00FFCC | — |
| storage, storage.type, storage.modifier | #BB66FF | — |
| support.constant, support.variable | #00CCFF | — |
| invalid, invalid.illegal | #FF00FF | — |
| entity.other.attribute-name | #BB66FF | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #BB66FF | — |
| entity.other.attribute-name.html, entity.other.attribute-name.id.html, entity.other.attribute-name.class.html | #BB66FF | — |
| support.type.property-name, support.type.vendored.property-name | #BB66FF | — |
| support.constant.property-value | #00FF00 | — |
| keyword.other.unit | #FFFF00 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.scss | #00CCFF | — |
| source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json | #F0DDFF | — |
| source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json | #E0BBFF | — |
| source.json meta.structure.dictionary.value.json support.type.property-name.json | #D099FF | — |
| source.json support.type.property-name.json | #BB66FF | — |
| string.quoted.double.json | #00FF00 | — |
| markup.heading, entity.name.section.markdown, heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading.markdown, punctuation.definition.heading.markdown | #BB66FF | bold |
| markup.bold | #99DDFF | bold |
| markup.italic | #E6E6E6 | italic |
| markup.underline.link, string.other.link.markdown | #00CCFF | — |
| markup.inline.raw, markup.raw.block | #00FF00 | — |
| markup.quote | #CCCCCC | italic |
| string.regexp | #FFCC00 | — |
| constant.character.escape | #FF00FF | — |
| punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end | #FF00FF | — |
| variable.parameter | #00CCFF | italic |
| constant.language.null, constant.language.undefined, constant.language.boolean | #BB66FF | — |
| meta.decorator, meta.decorator punctuation.decorator | #EE00FF | italic |
| markup.inserted | #00CC00 | — |
| markup.deleted | #FF0099 | — |
| markup.changed | #FFCC00 | — |
| variable.other.php, punctuation.definition.variable.php | #BB66FF | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #EE00FF | italic |
| string.quoted.docstring.multi.python | #CCCCCC | italic |
| string.template | #00FF00 | — |
| meta.embedded.line.js punctuation.section.embedded, meta.embedded.line.js punctuation.section.embedded.begin, meta.embedded.line.js punctuation.section.embedded.end, string.template meta.embedded.line punctuation.section.embedded, string.template punctuation.section.embedded, string.template.js punctuation.definition.template-expression, string.template.js punctuation.definition.template-expression.begin, string.template.js punctuation.definition.template-expression.end, meta.template.expression punctuation.definition.template-expression, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #FF00FF | — |
| punctuation.definition.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, meta.template.expression.js | #FF00FF | — |
| entity.name.type.ts, entity.name.type.tsx, support.type.primitive.ts, support.type.primitive.tsx | #BB66FF | — |
| entity.name.tag.tsx, entity.name.tag.jsx | #BB66FF | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #BB66FF | — |
| punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue | #BB66FF | — |
| entity.name.tag.yaml | #BB66FF | — |
| support.type.property-name.toml | #BB66FF | — |
| variable.other.shell | #BB66FF | — |
| keyword.other.sql, keyword.other.DDL.sql, keyword.other.DML.sql | #BB66FF | — |
| support.function.aggregate.sql | #00CCFF | — |