diVision Group Dark Theme
Publisher: diVision GroupThemes in package: 1
The vscode dark theme by diVision Group
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.activeBackground#BB3186
- activityBar.activeBorder#BB3186
- activityBar.background#ff66c4
- activityBar.border#bb3186
- activityBar.dropBorder#1D0259
- activityBar.foreground#0d0126
- activityBar.inactiveForeground#0d0126
- activityBarBadge.background#BB3186
- activityBarBadge.foreground#f2f2f2
- badge.background#BB3186
- badge.foreground#f2f2f2
- breadcrumb.activeSelectionForeground#ff66c4
- breadcrumb.background#120136
- breadcrumb.focusForeground#f2f2f2
- breadcrumb.foreground#B3B3B3
- breadcrumbPicker.background#120136
- button.background#ff66c4
- button.border#FF66C4
- button.foreground#f2f2f2
- button.hoverBackground#BB3186
- button.secondaryBackground#BB3186
- button.secondaryHoverBackground#710b4a
- commandCenter.activeBackground#0d0126
- commandCenter.activeBorder#bb3186
- commandCenter.activeForeground#f2f2f2
- commandCenter.background#0d0126
- commandCenter.border#120136
- commandCenter.foreground#f2f2f2
- debugToolBar.background#1D0259
- diffEditor.insertedLineBackground#1f571188
- diffEditor.insertedTextBackground#1F5711
- diffEditor.insertedTextBorder#1F571188
- diffEditor.removedLineBackground#691c2974
- diffEditor.removedTextBackground#691C29
- diffEditor.removedTextBorder#691C2974
- diffEditorGutter.insertedLineBackground#1F5711
- diffEditorGutter.removedLineBackground#691C29
- diffEditorOverview.insertedForeground#1F5711
- diffEditorOverview.removedForeground#691C29
- dropdown.background#1D0259
- dropdown.listBackground#1D0259
- editor.background#0D0126
- editor.findMatchHighlightBackground#1f5711
- editor.findMatchHighlightBorder#1f5711
- editor.foldBackground#2c2c2c
- editor.foreground#f2f2f2
- editor.inactiveSelectionBackground#2c2c2c
- editor.selectionBackground#1D0259
- editorCursor.background#59D9D9
- editorCursor.foreground#59D9D9
- editorError.foreground#A82D42
- editorGhostText.foreground#b3b3b3
- editorGroup.border#1D0259
- editorGroup.dropBackground#1e0259b4
- editorGroupHeader.tabsBackground#1D0259
- editorGutter.addedBackground#1F5711
- editorGutter.background#0D0126
- editorGutter.deletedBackground#691C29
- editorGutter.modifiedBackground#FF8C00
- editorIndentGuide.background1#1D0259
- editorLightBulb.foreground#FF8C00
- editorLineNumber.activeForeground#f2f2f2
- editorLink.activeForeground#59D9D9
- editorUnnecessaryCode.opacity#59d9d980
- editorWidget.background#120136
- editorWidget.border#1D0259
- editorWidget.resizeBorder#59D9D9
- errorForeground#E83F5B
- extensionButton.background#ff66c4
- extensionButton.hoverBackground#BB3186
- extensionButton.prominentBackground#BB3186
- extensionIcon.verifiedForeground#4cd62b
- inlineChatDiff.inserted#1F5711
- inlineChatDiff.removed#691C29
- input.background#0D0126
- list.activeSelectionBackground#1D0259
- list.dropBackground#1e0259b4
- list.errorForeground#E83F5B
- list.hoverBackground#1D0259
- list.inactiveSelectionBackground#0d0126
- list.warningForeground#FF8C00
- menu.background#1D0259
- menu.border#0D0126
- menu.selectionBackground#1D0259
- menu.separatorBackground#1D0259
- menubar.selectionBackground#1D0259
- menubar.selectionBorder#1D0259
- merge.border#0D0126
- merge.commonContentBackground#1D0259
- merge.commonHeaderBackground#1D0259
- merge.currentContentBackground#1f571188
- merge.currentHeaderBackground#1F5711
- merge.incomingContentBackground#1e0259b4
- merge.incomingHeaderBackground#1e0259
- mergeEditor.change.background#1D0259
- mergeEditor.change.word.background#1D0259
- mergeEditor.changeBase.background#1D0259
- mergeEditor.changeBase.word.background#1D0259
- mergeEditor.conflict.handled.minimapOverViewRuler#1D0259
- mergeEditor.conflict.handledFocused.border#1D0259
- mergeEditor.conflict.handledUnfocused.border#1D0259
- mergeEditor.conflict.input1.background#1D0259
- mergeEditor.conflict.input2.background#1D0259
- mergeEditor.conflict.unhandled.minimapOverViewRuler#1D0259
- mergeEditor.conflict.unhandledFocused.border#1D0259
- mergeEditor.conflict.unhandledUnfocused.border#1D0259
- mergeEditor.conflictingLines.background#1D0259
- panel.background#120136
- panel.border#1D0259
- panel.dropBorder#1D0259
- panelInput.border#0D0126
- panelSection.border#0D0126
- panelSection.dropBackground#1e0259b4
- panelSectionHeader.background#1D0259
- panelSectionHeader.border#0D0126
- panelTitle.activeBorder#bb3186
- panelTitle.activeForeground#f2f2f2
- panelTitle.inactiveForeground#f2f2f280
- pickerGroup.border#78d1e1
- pickerGroup.foreground#988bc7
- progressBar.background#f7c0bd
- scrollbarSlider.activeBackground#bb3186
- scrollbarSlider.background#ff66c4
- scrollbarSlider.hoverBackground#bb3186
- selection.background#78d1e1
- settings.checkboxBackground#ff66c4
- settings.checkboxBorder#ff66c4
- settings.checkboxForeground#f2f2f2
- settings.dropdownBackground#1D0259
- settings.dropdownBorder#0f0027
- settings.dropdownForeground#f2f2f2
- settings.focusedRowBackground#120136
- settings.focusedRowBorder#120136
- settings.headerForeground#f2f2f2
- settings.modifiedItemIndicator#FF8C00
- settings.numberInputBackground#1D0259
- settings.numberInputBorder#0f0027
- settings.numberInputForeground#f2f2f2
- settings.rowHoverBackground#120136
- settings.settingsHeaderHoverForeground#f2f2f2
- settings.textInputBackground#1D0259
- settings.textInputBorder#0f0027
- settings.textInputForeground#f2f2f2
- sideBar.background#120136
- sideBar.border#1D0259
- sideBar.dropBackground#1e0259b4
- sideBarSectionHeader.background#1D0259
- sideBarSectionHeader.border#1D0259
- sideBarSectionHeader.foreground#1679f2
- sideBarTitle.foreground#59D9D9
- statusBar.background#0D0126
- statusBar.debuggingBackground#FF8C00
- statusBar.debuggingForeground#1E1E1E
- statusBar.focusBorder#0D0126
- statusBar.foreground#f2f2f2
- statusBar.noFolderBackground#1D0259
- statusBar.noFolderForeground#f2f2f2
- statusBarItem.activeBackground#1D0259
- statusBarItem.compactHoverBackground#1D0259
- statusBarItem.errorBackground#E83F5B
- statusBarItem.errorHoverBackground#A82D42
- statusBarItem.hoverBackground#1D0259
- statusBarItem.prominentBackground#e83f5b
- statusBarItem.prominentHoverBackground#ff8c00
- statusBarItem.remoteBackground#59D9D9
- statusBarItem.remoteForeground#1E1E1E
- statusBarItem.remoteHoverBackground#1D0259
- statusBarItem.warningBackground#FF8C00
- statusBarItem.warningHoverBackground#BF6900
- tab.activeBackground#120136
- tab.activeBorderTop#bb3186
- tab.activeForeground#1679f2
- tab.activeModifiedBorder#ff8c00
- tab.hoverBackground#1D0259
- tab.hoverForeground#f2f2f2
- tab.inactiveBackground#1D0259
- tab.inactiveForeground#1679f2
- tab.inactiveModifiedBorder#ff8c00
- tab.unfocusedActiveBackground#120136
- tab.unfocusedActiveModifiedBorder#ff8c00
- tab.unfocusedHoverBackground#1D0259
- tab.unfocusedInactiveBackground#1D0259
- terminal.ansiBlack#282c34
- terminal.ansiBlue#1f004e
- terminal.ansiBrightBlack#5a6374
- terminal.ansiBrightBlue#61AFEF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#C678DD
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#DCDFE4
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#4CD62B
- terminal.ansiMagenta#d33682
- terminal.ansiRed#e06c75
- terminal.ansiWhite#DCDFE4
- terminal.ansiYellow#e5c07b
- terminal.background#0D0126
- terminal.border#1d0259
- terminal.dropBackground#1e0259b4
- terminal.foreground#f2f2f2
- terminal.selectionBackground#7447bc45
- terminal.tab.activeBorder#ff66c4
- terminalCursor.background#2c2c2c
- terminalCursor.foreground#59D9D9
- textBlockQuote.background#120136
- textBlockQuote.border#1D0259
- textCodeBlock.background#120136
- textLink.activeForeground#59D9D9
- textLink.foreground#1473E6
- titleBar.activeBackground#1D0259
- titleBar.activeForeground#f2f2f2
- titleBar.inactiveBackground#120136
- titleBar.inactiveForeground#1679f2
- walkThrough.embeddedEditorBackground#0D0126
- welcomePage.progress.background#1D0259
- welcomePage.progress.foreground#59D9D9
- welcomePage.tileBackground#120136
- widget.border#1D0259
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| storage, keyword | #FF66C4 | italic |
| storage.modifier, constant.numeric, keyword.control, entity.name.package, support.class.component, markup.underline.link, entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.percentage.scss, entity.other.keyframe-offset.percentage.less, markup.changed | #FF8C00 | — |
| punctuation.definition.string, string.quoted, string.template, string.unquoted, string.regexp, string, punctuation.definition.string.begin, punctuation.definition.string.end, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #F2f2f2 | italic |
| variable.other.object.property | #59D9D9 | |
| variable.other.property | #FF66C4 | — |
| storage.type.generic, support.constant.color, meta.at-rule.header.css, meta.at-rule.header.scss, meta.at-rule.header.less, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.scss, constant.other.color.rgb-value.hex.less, entity.name.type.instance, source.embedded, entity.name.filename, meta.tag.inline source, entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, punctuation.definition.group.regexp, meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable, meta.selectionset.graphql variable, meta.scope.prerequisites.makefile, meta.attribute-selector.scss | #Faebd7 | — |
| markup.italic, entity.name.directive.restructuredtext, markup.quote, comment.block.documentation variable, entity.other.attribute-name.id, entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, constant.other.date, constant.other.timestamp | #Faebd7 | — |
| variable.parameter | #59D9D9 | italic |
| variable, constant.language, punctuation.definition.link.title, punctuation.definition.link.description, punctuation.definition.metadata, meta.definition, meta.method.body, meta.method-call, meta.group.regexp, meta.property-value, support.constant.property-value, support.constant.font-name, keyword.other.DML.sql, meta.body.function.definition.cpp, variable.other.constant.ts, constant | #59D9D9 | — |
| support.variable | #faebd7 | — |
| meta.object-literal | #59D9D9 | — |
| variable.other.constant, constant.language.import-export-all, constant.other, constant.character, keyword.other.order, keyword.other.LUW, entity.other.inherited-class, string.other, meta.function-call.arguments, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, variable.parameter.keyframe-list.css, variable.parameter.keyframe-list.scss, variable.parameter.keyframe-list.less, keyword.other.sql, storage.type.java, variable.language.this, support.type.property-name.media.css, support.type.property-name.media.scss, support.type.property-name.media.less, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special | #1679F2 | — |
| variable.other.object, entity.name.type | #1679F2 | bold |
| keyword.operator.new | #ff66c4 | — |
| constant.language.boolean, support.class, markup.raw, markup.inline, markup.fenced_code, meta.function-call, keyword.other.DML.II.sql, storage.type.annotation.java, markup.inserted, markup.inline.raw, markup.raw.restructuredtext, fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix, meta.decorator variable.other.object, meta.assertion.look-ahead.regexp | #4CD62B | — |
| constant.language.boolean.true | #4CD62B | italic |
| constant.language.boolean.false, keyword.other, markup.deleted, markup.error, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp, token.error-token | #E83F5B | — |
| constant.language.null, constant.language.undefined, invalid.deprecated | #FFFFFFc0 | — |
| keyword.operator, strong, keyword.control.new, keyword.operator.new | — | — |
| markup.bold | — | — |
| keyword.control.conditional | #FF8C00 | — |
| keyword.control.import, keyword.control.as, keyword.control.default, keyword.control.at-rule, keyword.control.from, keyword.control.new, keyword.other.definition, keyword.other.special-method, keyword.other.object-comments, keyword.other.create, keyword.other.DML, keyword.other.data-integrity, keyword.other.DDL, keyword.control.try, keyword.control.catch, keyword.other.documentation, entity.name.tag, meta.at-rule, keyword.other.package.java, keyword.other.import.java, storage.modifier.java, storage.modifier.implements.java, keyword.control.java, keyword.control.flow.python, meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title, comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class, constant.character.escape, constant.character.string.escape, constant.regexp, entity.other.attribute-name.parent-selector, punctuation.definition.keyword, meta.selector, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation, punctuation.definition.variable.makefile, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, punctuation.definition.group.capture.regexp | #FF66C4 | — |
| support.type.property-name | #ff66c4 | |
| entity.other.attribute-name, support.function, meta.decorator variable.other.readwrite, meta.decorator variable.other.property, variable.other.alias.yaml | #4CD62B | — |
| entity.name.function | #4CD62B | italic |
| entity.name.section.markdown, punctuation.definition.comment, punctuation.definition.heading, meta.link, keyword.other.DDL.create.II.sql, meta.separator, support.type.primitive, fenced_code, meta.function-call punctuation | #bb3186 | italic |
| punctuation | #bb3186 | |
| support.type.object | #bb3186 | italic |
| markup.underline | #bb3186 | — |
| meta.paragraph, meta.jsx, source, text, meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable, meta.selectionset.graphql meta.arguments variable, constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell, punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #F2F2F2 | — |
| meta.import variable.other.readwrite.alias | #faebd7 | — |
| comment | #FFFFFFc0 | italic |
| comment.block | #ffffffc0 | italic |
| support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less, support.constant.font-name.css, support.constant.font-name.scss, support.constant.font-name.less, keyword.expressions-and-types.swift | #59D9D9 | — |
| punctuation.definition.comment.html, comment.block.html | #FFFFFFc0 | — |
| invalid | #E83F5B | — |