Durgonix Dark Theme
Publisher: i8o8iThemes in package: 1
A High-Contrast Dark Theme With Neon Hacker-Green Accents.
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#00FF41
- activityBar.activeFocusBorder#00FF41
- activityBar.background#0A0A0A
- activityBar.foreground#DCDCDC
- activityBarBadge.background#007A2E
- activityBarBadge.foreground#FFFFFF
- badge.background#007A2E
- badge.foreground#FFFFFF
- breadcrumb.background#121315
- breadcrumb.focusForeground#00FF41
- breadcrumb.foreground#CFCFCF
- breadcrumbPicker.background#1B1B1D
- button.background#007A2E
- button.foreground#FFFFFF
- button.hoverBackground#00994A
- checkbox.border#00FF41
- checkbox.foreground#00FF41
- diffEditor.insertedTextBackground#66F0C213
- dropdown.background#202124
- dropdown.border#00FF41
- dropdown.foreground#EEEEEE
- editor.background#0B0C0E
- editor.findMatchBorder#00FF41
- editor.foldBackground#0B0C0E
- editor.foreground#CFCFCF
- editor.lineHighlightBackground#00391222
- editor.selectionBackground#00FF4111
- editor.selectionHighlightBackground#47474754
- editor.wordHighlightBackground#2F363F
- editorCursor.foreground#00FF41
- editorGroupHeader.tabsBackground#0B0C0E
- editorGroupHeader.tabsBorder#1E1E1E44
- editorGutter.addedBackground#00FF41
- editorGutter.modifiedBackground#938464
- editorHoverWidget.background#17181A
- editorHoverWidget.foreground#CFCFCF
- editorIndentGuide.background#97A7C826
- editorLineNumber.activeForeground#CFCFCFF8
- editorLineNumber.foreground#94949460
- editorSuggestWidget.background#212224
- editorSuggestWidget.border#585858
- editorSuggestWidget.foreground#CFCFCF
- editorSuggestWidget.highlightForeground#00FF41
- editorSuggestWidget.selectedBackground#003912C5
- editorWhitespace.foreground#3B3A32
- editorWidget.background#17181A
- focusBorder#535353
- foreground#CFCFCF
- gitDecoration.ignoredResourceForeground#6F7782
- gitDecoration.modifiedResourceForeground#C9A86A
- gitDecoration.untrackedResourceForeground#5AA67A
- input.background#202124
- input.border#DFDFDF23
- input.foreground#CFCFCF
- input.placeholderForeground#BFBFBF
- inputOption.activeBorder#00FF41
- inputOption.activeForeground#CFCFCF
- list.activeSelectionBackground#E6E6E609
- list.activeSelectionForeground#CFCFCF
- list.deemphasizedForeground#00FF41
- list.focusBackground#06110A
- list.focusForeground#CFCFCF
- list.focusOutline#C0C0C06E
- list.highlightForeground#00FF41
- list.hoverBackground#07120A
- list.inactiveSelectionBackground#E6E6E609
- list.inactiveSelectionForeground#BFC7CF
- menu.selectionForeground#00FF41
- menubar.selectionForeground#00FF41
- notification.foreground#FFFFFF
- notificationButton.background#007A2E
- notificationButton.foreground#FFFFFF
- notificationButton.hoverBackground#00994A
- notificationLink.foreground#CFCFCF
- notifications.foreground#FFFFFF
- panel.background#07120A
- panel.border#06210B
- panel.dropBorder#003912
- panelInput.border#00FF41
- panelTitle.activeBorder#00FF41
- panelTitle.activeForeground#CFCFCF
- panelTitleBadge.background#004A1F
- panelTitleBadge.foreground#FFFFFF
- pickerGroup.foreground#00FF41
- progressBar.background#007A2E
- scrollbarSlider.activeBackground#00FF4170
- scrollbarSlider.background#06210B
- scrollbarSlider.hoverBackground#083117
- settings.dropdownBorder#00FF41
- settings.headerForeground#00FF41
- settings.modifiedItemIndicator#00FF41
- sideBar.background#0A0E0B
- sideBarSectionHeader.background#06150C
- sideBarSectionHeader.border#07210B
- sideBarSectionHeader.foreground#00FF41
- sideBarTitle.foreground#00FF41
- statusBar.background#050505
- statusBar.border#050505
- statusBar.foreground#BFBFBF
- statusBar.noFolderBackground#050505
- statusBar.noFolderBorder#050505
- statusBarItem.activeBackground#007A2E
- statusBarItem.activeForeground#FFFFFF
- statusBarItem.foreground#FFFFFF
- statusBarItem.hoverBackground#CFCFCF06
- statusBarItem.hoverForeground#FFFFFF
- tab.activeBackground#1A1919B4
- tab.hoverBackground#161515B4
- tab.inactiveBackground#0B0C0EC9
- tab.inactiveForeground#CFCFCF
- tab.unfocusedInactiveForeground#00FF41
- terminal.ansiBlack#090300
- terminal.ansiBlue#01A0E4
- terminal.ansiBrightBlack#F39C12
- terminal.ansiBrightBlue#01A0E4
- terminal.ansiBrightCyan#FF0FF3
- terminal.ansiBrightGreen#00FF41
- terminal.ansiBrightMagenta#EB64CB
- terminal.ansiBrightRed#0A37FF
- terminal.ansiBrightWhite#240EE2
- terminal.ansiBrightYellow#FED604
- terminal.ansiCyan#0BA9DD
- terminal.ansiGreen#00FF41
- terminal.ansiMagenta#A16A94
- terminal.ansiRed#DB2D20
- terminal.ansiWhite#F37676
- terminal.ansiYellow#FED604
- terminal.background#17181A
- terminal.border#474646
- terminalCursor.background#DB2D20
- textLink.foreground#00FF41
- titleBar.activeBackground#060606
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.tag | #01A0E4 | — |
| entity.other.attribute-name | #FED404EA | — |
| entity.other.attribute-name.class.css | #C34EF1C7 | bold |
| entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.css | #37E7AC | — |
| variable.parameter.keyframe-list.css | #FED604 | — |
| support.type.property-name.media.css | #F39C12 | — |
| support.function.misc.css | #F39C12 | — |
| support.function.calc.css | #F39C12 | — |
| support.function.gradient.css | #F39C12 | — |
| variable.css | #F15A4C | — |
| variable.argument.css | #F15A4C | — |
| meta.at-rule.media.header.css | #F15A4C | — |
| entity.other.attribute-name.pseudo-class.css | #D63384 | — |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #01A0E4 | — |
| text.html.derivative | #C5C5C5 | — |
| meta.tag.metadata.meta.void.html,punctuation.separator.key-value.html | #FED604 | — |
| meta.attribute.border.html | #FED604 | — |
| entity.other.attribute-name.id.html | #F64AB475 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #0587C4 | — |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #37E7AC | — |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | — |
| meta.toc-list.id | #88F2AF | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.handlebars | #37E7AC | — |
| support.type.property-name.css | #37E7AC | — |
| meta.property-list.css | #FED604 | — |
| entity.other.attribute-name.id.css | #CC6699 | bold |
| punctuation.separator.list.comma.css | #C5C5C5 | — |
| keyword.other.unit | #FED604 | — |
| entity.name.tag.css, meta.selector.css | #01A0E4 | bold |
| keyword.control.at-rule.media.css | #AB54FD | — |
| constant.other.color.rgb-value.hex.css | #FED604 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #FED604 | — |
| support.constant.color.current.css | #FED604 | — |
| constant.numeric.css | #FED604 | — |
| punctuation.definition.string.begin.css,string.quoted.double.css,punctuation.definition.string.end.css,string.quoted.double.css | #FED604 | — |
| entity.other.attribute-name.css | #37E7AC | — |
| keyword.operator.pattern.css | #37E7AC | — |
| string.quoted.double.json | #00FF41 | — |
| support.type.property-name.json | #FED604 | — |
| punctuation.definition.string.end.json,punctuation.definition.string.begin.json | #00FF41 | — |
| constant.language.json | #F533DB | — |
| constant.numeric.json | #F15A4C | — |
| constant.numeric.json | #F15A4C | — |
| source.shell | #F15A4C | — |
| string.unquoted.plain.out.yaml | #F15A4C | — |
| constant.language.boolean.yaml | #FED604 | — |
| constant.numeric.integer.yaml | #F39C12 | — |
| source.ignore | #F39C12 | — |
| string.quoted.single.js,punctuation.definition.string.end.js,punctuation.definition.string.begin.js | #00FF41 | — |
| string.quoted.double.js | #00FF41 | — |
| meta.object-literal.key.js | #F15A4C | — |
| keyword.control.default.js | #F15A4C | — |
| switch-block.expr.js | #F15A4C | — |
| meta.object.member.js | #E2E2E2EC | — |
| punctuation.separator.parameter.js | #E2E2E2EC | — |
| punctuation.definition.section.case-statement.js | #E2E2E2EC | — |
| storage.modifier.async.js,constant.language.null.js,constant.language.undefined.js | #2493FA | bold |
| constant.language.boolean.true.js | #00FF41 | — |
| constant.language.boolean.false.js | #EE1F18 | — |
| support.type.object.module.js | #F39C12 | — |
| punctuation.terminator.statement.js,punctuation.separator.comma.js | #AAA8A8EC | — |
| variable.other.readwrite.js,meta.definition.variable.js,meta.var-single-variable.expr.js | #00FFD9 | bold |
| variable.language.this.js, variable.language.this.ts | #F859B1 | bold |
| entity.other.inherited-class.js | #F859B1 | underline bold |
| support.class.builtin.js | #F859B1 | bold |
| variable.other.readwrite.alias.js,meta.var.expr.js | #FED604 | bold |
| variable.parameter.js | #00FFD9 | — |
| string.template.js,punctuation.definition.string.template.begin.js,punctuation.definition.string.template.end.js | #00FF41 | bold |
| meta.template.expression.js,punctuation.definition.template-expression.begin.js | #00FF41 | bold |
| comment.block.js, comment.line.double-slash.js | #6B7478 | italic |
| punctuation.definition.template-expression.begin.js | #00FF41 | bold |
| keyword.control.import.js,meta.import.js, keyword.control.from.js | — | bold |
| punctuation.definition.template-expression.end.js | #4D595F | — |
| punctuation.definition.template-expression.begin.js | #4D595F | — |
| meta.embedded.line.js | #00FFD9 | — |
| meta.function-call.js,variable.other.object.js | #F39C12 | bold |
| entity.name.function.js,support.variable.property.js,variable.other.property.js | #FED604 | bold |
| storage.type.js,storage.type.function.js,storage.type.class.js,storage.type.function.arrow.js,torage.modifier.js,meta.class.js | #B267E6 | bold |
| entity.name.type.class.js | #F859B1 | — |
| constant.numeric.decimal.js | #F39C12 | — |
| punctuation.section.embedded.begin.php | #AA95F7 | bold |
| punctuation.section.embedded.end.php | #AA95F7 | bold |
| punctuation.definition.variable | #E26674 | bold |
| variable.other.php,variable.other.global.php,variable.other.property.php | #E26674 | bold |
| constant.numeric.decimal.php | #F39C12 | — |
| support.function.construct.output.php,meta.function-call.php,support.class.php | #F39C12 | bold |
| string.quoted.single.php,string.quoted.double.php | #00FFD9 | — |
| constant.language.php | #FED604 | bold |
| storage.type.function.php,storage.type.php,storage.type.php,meta.function.parameter.typehinted.php,storage.type.class.php,storage.modifier.php,storage.modifier.extends.php,storage.type.trait.php,storage.modifier.final.php | #B267E6 | bold |
| entity.name.function.php,support.function.constructor.php,support.function.magic.php,support.class.builtin.php | #FED604 | bold |
| storage.modifier.implements.php | #B267E6 | bold |
| entity.name.type.class.php,variable.language.this.php,entity.name.type.trait.php | #F859B1 | bold |
| entity.other.inherited-class.php | #F859B1 | bold underline |
| entity.other.alias.php | #F859B1 | bold |
| support.class.php,meta.use.php | #F859B1 | bold |
| variable.other.global.safer.php | #E26674 | bold |
| variable.other.class.php | #E26674 | bold |
| support.function.construct.php, meta.array.php | #F39C12 | bold |
| constant.other.class.php | #F39C12 | bold |
| constant.other.php | #F39C12 | bold |
| support.other.namespace.php | #F39C12 | |
| entity.name.type.namespace.php | #F39C12 | |
| keyword.other.sql, keyword | #B267E6 | — |
| support.function.table.sql, source.sql | #37E7AC | — |
| keyword.operator.comparison.sql, source.sql | #0C88FF | — |
| keyword.other.DML.sql | #FED604 | — |
| source.sql | #F44747 | — |
| storage.modifier.sql | #0C88FF | — |
| variable.scss | #CC6699 | — |
| meta.definition.variable.scss | #E26662 | — |
| source.css.scss | #CC6699 | — |
| punctuation.separator.key-value.scss,punctuation.terminator.rule.scss,punctuation.terminator.rule.css | #C8C8C8 | — |
| punctuation.definition.string.begin.scss,punctuation.definition.string.end.scss | #37E7AC | — |
| keyword.control.at-rule.include.scss | #B267E6 | — |
| keyword.control.at-rule.mixin.scss | #B267E6 | — |
| keyword.control.at-rule.use.scss | #B267E6 | — |
| entity.name.function.scss | #B267E6 | — |
| punctuation.section.property-list.begin.bracket.curly.scss,punctuation.section.property-list.end.bracket.curly.scss | #C8C8C8 | — |
| punctuation.definition.heading.markdown, markup.heading.markdown | #0C88FF | bold |
| markup.italic.markdown | #EB0CFF | italic |
| punctuation.definition.bold.markdown,markup.bold.markdown | #DB1C75 | bold |
| markup.quote.markdown | #41AEEC | — |
| markup.underline.link.markdown,meta.link.inline.markdown | #1F22FA | — |
| markup.underline.link.markdown,meta.link.inline.markdown | #B267E6 | — |
| markup.list.unnumbered.markdown | #FED604 | — |
| markup.list.numbered.markdown | #D3AA25 | — |
| markup.inline.raw.string.markdown | #EB6632 | — |
| comment | #6B7478 | italic |
| markup.fenced_code.block.markdown | #B267E6 | — |
| punctuation.separator.key-value.css | #C2C2C2 | — |
| markup.raw.block.markdown | #6B7478 | italic |
| entity.name.function.mongodb | #F39C12 | — |
| variable.other.object.property.mongodb | #F39C12 | — |
| string.quoted.single.mongodb,string.quoted.double.mongodb | #00FF41 | — |
| variable.other.object.mongodb,meta.function-call.mongodb,support.function.mongodb | #FED604 | — |
| variable.other.property.mongodb, constant.numeric.decimal.mongodb | #F39C12 | — |
| variable.other.constant.object.property.mongodb | #F39C12 | — |
| variable.other.readwrite.mongodb,meta.object-literal.key.mongodb | #F44747 | — |
| punctuation.accessor.mongodb | #E6F0EE | — |
| string.quoted.single.ts,punctuation.definition.string.end.ts,punctuation.definition.string.begin.ts | #00FF41 | — |
| string.quoted.double.ts | #00FF41 | — |
| meta.object-literal.key.ts | #F15A4C | — |
| keyword.control.default.ts | #F15A4C | — |
| switch-block.expr.ts | #F15A4C | — |
| meta.object.member.ts | #E2E2E2EC | — |
| punctuation.separator.parameter.ts | #E2E2E2EC | — |
| punctuation.definition.section.case-statement.ts | #E2E2E2EC | — |
| constant.language.undefined.ts,storage.modifier.async.ts,constant.language.null.ts,constant.language.undefined.ts | #2493FA | bold |
| constant.language.boolean.true.ts | #00FF41 | — |
| constant.language.boolean.false.ts | #EE1F18 | — |
| support.type.object.module.ts | #F39C12 | — |
| punctuation.separator.parameter.ts,punctuation.terminator.statement.ts,punctuation.separator.comma.ts | #AAA8A8EC | — |
| variable.other.readwrite.ts,meta.definition.variable.ts,meta.var-single-variable.expr.ts | #00FFD9 | bold |
| variable.language.this.ts, variable.language.this.ts | #F859B1 | bold |
| entity.other.inherited-class.ts | #F859B1 | underline bold |
| support.class.builtin.ts | #F859B1 | bold |
| variable.other.readwrite.alias.ts,meta.var.expr.ts | #FED604 | bold |
| variable.parameter.ts | #00FFD9 | — |
| string.template.ts,punctuation.definition.string.template.begin.ts,punctuation.definition.string.template.end.ts | #00FF41 | bold |
| meta.template.expression.ts,punctuation.definition.template-expression.begin.ts | #00FF41 | bold |
| comment.block.ts, comment.line.double-slash.ts | #6B7478 | italic |
| punctuation.definition.template-expression.begin.ts | #00FF41 | bold |
| keyword.control.import.ts,meta.import.ts, keyword.control.from.ts | — | bold |
| punctuation.definition.template-expression.end.ts | #4D595F | — |
| punctuation.definition.template-expression.begin.ts | #4D595F | — |
| meta.embedded.line.ts | #00FFD9 | — |
| meta.function-call.ts,variable.other.object.ts | #F39C12 | bold |
| variable.other.enummember.ts,variable.object.property.ts,entity.name.function.ts,support.variable.property.ts,variable.other.property.ts | #FED604 | bold |
| punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.ts, storage.modifier.ts, storage.type.ts,storage.type.function.ts,storage.type.class.ts,storage.type.function.arrow.ts,torage.modifier.ts,meta.class.ts, storage.type.interface.ts | #B267E6 | bold |
| entity.name.type.enum.ts,entity.name.type.class.ts, entity.name.type.interface.ts | #F859B1 | — |
| constant.numeric.decimal.ts | #F39C12 | — |
| storage.type.enum.ts, entity.name.type.ts,support.type.primitive.ts, support.type.builtin.ts,entity.name.type.ts | #F15A4C | — |
| punctuation.definition.tag.directive.ts, | #0587C4 | — |
| variable.other.env | #FED604 | — |
| constant.language.env,source.env | #00FF41 | — |
| keyword.operator.assignment.env | #00FFD9 | — |
| constant.numeric.env | #F39C12 | — |
| comment.line.double-slash.js, comment.line.number-sign.python | #6B7478 | italic |
| source.python | #00FFD9 | — |
| constant.numeric.dec.python | #F39C12 | — |
| constant.numeric.float.python | #FED604 | — |
| string.quoted.single.python | #00FF41 | — |
| support.function.builtin.python, meta.function-call.python, entity.name.function.python, support.function.magic.python | #FED604 | — |
| punctuation.separator.dict.python, punctuation.separator.element.python | #B267E6 | — |
| keyword.control.flow.python, storage.type.function.python, storage.type.class.python | #B267E6 | — |
| entity.name.type.class.python | #F859B1 | — |
| keyword.operator.comparison.python, keyword.operator.bitwise.python | #2493FA | — |
| meta.function-call.arguments.python | #00FFD9 | — |
| meta.attribute.python | #F15A4C | — |
| constant.language.python | #F15A4C | — |
| punctuation.separator.colon.python, punctuation.separator.arguments.python | #B267E6 | — |