Dark Future
Publisher: Sasha PetrenkoThemes in package: 11
A collection of dark VSCode themes inspired by the Dark Future of Cyberpunk fiction.
Color themes
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.
- activityBarBadge.background#007acc
- editor.background#16171D
- editor.foreground#eeffff
- editorIndentGuide.activeBackground1#007acc64
- editorIndentGuide.background1#3B4048
- editorRuler.foreground#007acc
- foreground#eeffff
- sideBar.background#12161a
- sideBarTitle.foreground#bbbbbb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546E7A | italic |
| variable, string constant.other.placeholder | #EEFFFF | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, constant.other.color, punctuation, meta.tag, 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 | #89DDFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #82AAFF | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #F78C6C | — |
| 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 | #C3E88D | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #B2CCD6 | — |
| 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 | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| 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 | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.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 support.type.property-name.json | #FFCB6B | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| 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 | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| 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 |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| 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 | — |
| source.julia meta.bracket | #FF8F3F | — |
| source.julia entity.name.function, source.julia keyword.operator.boolean | #AE81FF | — |
| source.julia keyword.operator | #FF3F4F | |
| source.julia keyword.operator.isa, source.julia keyword.operator.relation.in | #FF3F4F | italic |
| source.julia variable.interpolation | #F8F8F0FF | — |
| source.julia constant.language, source.julia constant.other, source.julia constant.numeric, source.julia constant.character, source.julia support.function.macro, source.julia support.type | #00AAFF | — |
| source.julia constant.other.symbol | #FD5FF0 | — |
| source.julia keyword.control.using, source.julia keyword.control.import | #81F900 | — |
| source.julia meta.array.julia | #25E1ED | — |
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#272822
- activityBar.foreground#f8f8f2
- badge.background#75715E
- badge.foreground#f8f8f2
- button.background#75715E
- debugToolBar.background#1e1f1c
- diffEditor.insertedTextBackground#4b661680
- diffEditor.removedTextBackground#90274A70
- dropdown.background#414339
- dropdown.listBackground#1e1f1c
- editor.background#272822
- editor.foreground#f8f8f2
- editor.lineHighlightBackground#3e3d32
- editor.selectionBackground#878b9180
- editor.selectionHighlightBackground#575b6180
- editor.wordHighlightBackground#4a4a7680
- editor.wordHighlightStrongBackground#6a6a9680
- editorCursor.foreground#f8f8f0
- editorGroup.border#34352f
- editorGroup.dropBackground#41433980
- editorGroupHeader.tabsBackground#1e1f1c
- editorHoverWidget.background#414339
- editorHoverWidget.border#75715E
- editorIndentGuide.activeBackground1#767771
- editorIndentGuide.background1#464741
- editorLineNumber.activeForeground#c2c2bf
- editorLineNumber.foreground#90908a
- editorSuggestWidget.background#272822
- editorSuggestWidget.border#75715E
- editorWhitespace.foreground#464741
- editorWidget.background#1e1f1c
- focusBorder#75715E
- input.background#414339
- inputOption.activeBorder#75715E
- inputValidation.errorBackground#90274A
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#819aff
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#e2e22e
- list.activeSelectionBackground#75715E
- list.dropBackground#414339
- list.focusBackground#414339
- list.highlightForeground#f8f8f2
- list.hoverBackground#3e3d32
- list.inactiveSelectionBackground#414339
- menu.background#1e1f1c
- menu.foreground#cccccc
- minimap.selectionHighlight#878b9180
- panel.border#414339
- panelTitle.activeBorder#75715E
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#75715E
- peekView.border#75715E
- peekViewEditor.background#272822
- peekViewEditor.matchHighlightBackground#75715E
- peekViewResult.background#1e1f1c
- peekViewResult.matchHighlightBackground#75715E
- peekViewResult.selectionBackground#414339
- peekViewTitle.background#1e1f1c
- pickerGroup.foreground#75715E
- progressBar.background#75715E
- selection.background#ccccc7
- settings.numberInputBackground#32342d
- settings.textInputBackground#32342d
- sideBar.background#1e1f1c
- sideBarSectionHeader.background#272822
- statusBar.background#414339
- statusBar.debuggingBackground#75715E
- statusBar.noFolderBackground#414339
- statusBarItem.remoteBackground#AC6218
- tab.border#1e1f1c
- tab.inactiveBackground#34352f
- tab.inactiveForeground#ccccc7
- terminal.ansiBlack#333333
- terminal.ansiBlue#6A7EC8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#819aff
- terminal.ansiBrightCyan#66D9EF
- terminal.ansiBrightGreen#A6E22E
- terminal.ansiBrightMagenta#AE81FF
- terminal.ansiBrightRed#f92672
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#e2e22e
- terminal.ansiCyan#56ADBC
- terminal.ansiGreen#86B42B
- terminal.ansiMagenta#8C6BC8
- terminal.ansiRed#C4265E
- terminal.ansiWhite#e3e3dd
- terminal.ansiYellow#B3B42B
- titleBar.activeBackground#1e1f1c
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #88846f | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #f8f8f2 | — |
| punctuation.definition.list.begin.markdown | #A6E22E | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #FD971F | — |
| source.python meta.function-call.generic, source.python keyword.control.import | #66D9EF | — |
| source.python meta.function-call support.type | #66D9EF | |
| source.python punctuation | #FD971F | — |
| source.python punctuation.separator.period, source.python punctuation.section, source.python punctuation.separator.colon, source.python punctuation.separator.dict, source.python punctuation.definition.decorator, source.python meta.function.decorator entity.name.function | #F92672 | — |
| source.python meta.function.decorator support.type | #F92672 | |
| source.python punctuation.definition.comment, source.python punctuation.definition.string, source.python storage.type.string, source.python meta.fstring punctuation.definition.string string.interpolated string | #88846f | — |
| source.python keyword.operator.arithmetic, source.python support.type, source.python meta.function-call meta.function-call.arguments support.type | #A6E22E | — |
| source.python variable.parameter.function.language.special.self, source.python variable.language, source.python constant.other.caps | #FF00FF | — |
| source.python variable.parameter, source.python variable.parameter.function-call | #AA4926 | — |
| source.julia punctuation.definition.string | #88846f | — |
| source.julia meta.bracket | #FD971F | |
| source.julia keyword.control.end | #6b0329 | — |
| source.julia keyword.operator.boolean | #A6E22E | — |
| source.julia constant.other.symbol | #A6E22E | — |
| source.julia support.type, source.julia support.class | #fd5ff0 | italic |
| source.julia support.function.macro | #A6E22E | — |
| source.julia keyword.control.using, source.julia keyword.control.import | #66D9EF | — |
| source.julia meta.array.julia | #25E1ED | — |
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#16171D
- activityBar.foreground#D7DAE0
- activityBarBadge.background#528bff
- activityBarBadge.foreground#F8FAFD
- button.background#528bff
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#1d1f23
- dropdown.border#181A11
- editor.background#16171D
- editor.findMatchBackground#42557B
- editor.findMatchHighlightBackground#314365d9
- editor.foreground#f8f8f0
- editor.lineHighlightBackground#1F2328
- editor.selectionBackground#3E4451
- editorCursor.foreground#f8f8f0
- editorError.foreground#c24038
- editorGroup.border#181A1F
- editorGroup.emptyBackground#181A1F
- editorGroupHeader.tabsBackground#21252B
- editorHoverWidget.background#21252B
- editorHoverWidget.border#181A1F
- editorIndentGuide.activeBackground1#007acc64
- editorIndentGuide.background1#3B4048
- editorLineNumber.foreground#495162
- editorRuler.foreground#484848
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#484a50
- editorWidget.background#21252B
- input.background#1d1f23
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#383E4A
- list.highlightForeground#C5C5C5
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- notifications.background#21252b
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- sideBar.background#191B20
- sideBarSectionHeader.background#282c34
- statusBar.background#16171D
- statusBar.debuggingBackground#21252B
- statusBar.foreground#fff
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#2c313a
- tab.border#181A1F
- tab.inactiveBackground#21252B
- titleBar.activeBackground#282c34
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#282C34
- titleBar.inactiveForeground#6B717D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #5c6370 | italic |
| string | #FFD945 | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.end.ts | #FF3F4F | — |
| string.template.js | #E5A422 | — |
| meta.template.expression.js | #f8f8f0 | — |
| constant.numeric | #E373CE | — |
| string.embedded.begin, string.embedded.end | #E373CE | — |
| string.embedded | #98c379 | — |
| constant.language | #19D1E5 | — |
| constant.character, constant.other | #19D1E5 | — |
| variable.language | #FF3F4F | italic |
| variable.readwrite, variable.readwrite.other.block | #61afef | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #FF3F4F | italic |
| keyword.operator | #FF3F4F | italic |
| storage | #FF3F4F | italic |
| storage.type | #19D1E5 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #61afef | — |
| variable.other.object | #61afef | — |
| variable.other.property, variable.other.block | #f8f8f0 | — |
| entity.other.inherited-class | #81F900 | — |
| entity.name.function, support.function | #81F900 | — |
| variable.parameter | #FF9700 | italic |
| entity.name.function-call | #f8f8f0 | — |
| function.support.builtin, function.support.core | #81F900 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #FF3F4F | — |
| entity.name.tag.class, entity.name.tag.id | #19D1E5 | — |
| entity.other.attribute-name | #81F900 | — |
| support.constant | #19D1E5 | — |
| support.type, support.variable | #19D1E5 | — |
| support.dictionary.json | #19D1E5 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #6AEBF7 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #98c379 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less, constant.numeric.sass | #E373CE | — |
| function.css, function.scss, function.less, function.sass | #56b6c2 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| structure.dictionary.property-name.json | #56b6c2 | — |
| string.detected-link | #61afef | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #E542FF | — |
| markup.inserted | #e5c07b | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #696969 | |
| markup.underline.link.markdown | #61afef | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #919191 | |
| markup.heading.markdown | #FF3F4F | bold |
| punctuation.definition.heading.markdown | #919191 | |
| markup.quote.markdown | #6FD80D | — |
| meta.separator.markdown | #E542FF | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| source.julia meta.bracket | #FF8F3F | — |
| source.julia entity.name.function, source.julia keyword.operator.boolean | #AE81FF | — |
| source.julia keyword.operator | #FF3F4F | |
| source.julia keyword.operator.isa, source.julia keyword.operator.relation.in | #FF3F4F | italic |
| source.julia variable.interpolation | #F8F8F0FF | — |
| source.julia constant.language, source.julia constant.other, source.julia constant.numeric, source.julia constant.character, source.julia support.function.macro, source.julia support.type | #00AAFF | — |
| source.julia constant.other.symbol | #FD5FF0 | — |
| source.julia keyword.control.using, source.julia keyword.control.import | #81F900 | — |
| source.julia meta.array.julia | #25E1ED | — |
| source.python storage.type, source.python constant.language, source.python constant.numeric, source.python constant.character | #00AAFF | — |
| source.python entity.name.function, source.python meta.function support.function | #AE81FF | — |
| source.python entity.name.type | #AE81FF | underline |
| source.python meta.function-call.generic, source.python meta.function-call support.type, source.python keyword.control.import | #81F900 | — |
| source.python punctuation | #5C6370 | — |
| source.python punctuation.separator.period, source.python punctuation.section, source.python punctuation.separator.colon, source.python punctuation.separator.dict, source.python punctuation.definition.decorator, source.python meta.function.decorator support.type, source.python meta.function.decorator entity.name.function | #FF3F4F | — |
| source.python punctuation.definition.string, source.python support.type, source.python meta.function-call meta.function-call.arguments support.type | #FFD945 | — |
| source.python keyword.operator.arithmetic | — | |
| source.python variable.parameter.function.language.special.self, source.python variable.language, source.python constant.other.caps | #FF00FF | — |
| source.python variable.parameter, source.python variable.parameter.function-call | #FF8F3F | — |
| source.python support.variable | #F8F8F0 | — |
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#0B1018
- activityBar.border#D7FF3F22
- activityBar.foreground#DFF5FF
- activityBarBadge.background#FF6F3C
- activityBarBadge.foreground#091019
- badge.background#12202D
- badge.foreground#D7FF3F
- breadcrumb.activeSelectionForeground#D7FF3F
- breadcrumb.background#0B1018
- breadcrumb.focusForeground#35E0FF
- breadcrumb.foreground#8CA0B8
- breadcrumbPicker.background#101925
- button.background#D7FF3F
- button.foreground#091019
- button.hoverBackground#E6FF72
- contrastBorder#D7FF3F44
- debugIcon.breakpointForeground#FF5D7A
- debugIcon.continueForeground#00C7A3
- debugIcon.pauseForeground#35E0FF
- debugToolBar.background#101925
- diffEditor.insertedTextBackground#00C7A320
- diffEditor.removedTextBackground#FF5D7A20
- dropdown.background#101925
- dropdown.border#253446
- editor.background#0B1018
- editor.findMatchBackground#FF6F3C44
- editor.findMatchBorder#FF6F3C
- editor.findMatchHighlightBackground#D7FF3F24
- editor.findMatchHighlightBorder#D7FF3F55
- editor.foreground#DFF5FF
- editor.lineHighlightBackground#131D2A
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#1C3144
- editor.selectionHighlightBackground#D7FF3F1F
- editor.selectionHighlightBorder#D7FF3F3F
- editor.wordHighlightBackground#35E0FF18
- editor.wordHighlightBorder#35E0FF3A
- editor.wordHighlightStrongBackground#FF5DB118
- editor.wordHighlightStrongBorder#FF5DB13A
- editorBracketHighlight.foreground1#D7FF3F
- editorBracketHighlight.foreground2#35E0FF
- editorBracketHighlight.foreground3#FF6F3C
- editorBracketHighlight.foreground4#FF5DB1
- editorBracketMatch.background#131D2A
- editorBracketMatch.border#35E0FF66
- editorCursor.foreground#D7FF3F
- editorError.foreground#FF5D7A
- editorGroup.border#1A2635
- editorGroupHeader.tabsBackground#0E151F
- editorGutter.addedBackground#00C7A3
- editorGutter.deletedBackground#FF5D7A
- editorGutter.modifiedBackground#35E0FF
- editorHoverWidget.background#101925
- editorHoverWidget.border#253446
- editorIndentGuide.activeBackground1#35516A
- editorIndentGuide.background1#233547
- editorInfo.foreground#35E0FF
- editorLineNumber.activeForeground#D7FF3F
- editorLineNumber.foreground#61758C
- editorLink.activeForeground#35E0FF
- editorMarkerNavigation.background#101925
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF5D7A88
- editorOverviewRuler.findMatchForeground#FF6F3C
- editorOverviewRuler.infoForeground#35E0FF88
- editorOverviewRuler.warningForeground#D7FF3F88
- editorRuler.foreground#213242
- editorSuggestWidget.background#101925
- editorSuggestWidget.border#253446
- editorSuggestWidget.foreground#DFF5FF
- editorSuggestWidget.highlightForeground#D7FF3F
- editorSuggestWidget.selectedBackground#1A2735
- editorWarning.foreground#D7FF3F
- editorWhitespace.foreground#3B4B5E
- editorWidget.background#101925
- editorWidget.border#35E0FF44
- editorWidget.resizeBorder#FF6F3C
- extensionButton.prominentBackground#00C7A3
- extensionButton.prominentForeground#091019
- extensionButton.prominentHoverBackground#2BD9B8
- focusBorder#35E0FF66
- foreground#DFF5FF
- gitDecoration.addedResourceForeground#00C7A3
- gitDecoration.conflictingResourceForeground#FF6F3C
- gitDecoration.deletedResourceForeground#FF5D7A
- gitDecoration.ignoredResourceForeground#61758C
- gitDecoration.modifiedResourceForeground#35E0FF
- gitDecoration.untrackedResourceForeground#D7FF3F
- input.background#121D29
- input.border#253446
- input.foreground#DFF5FF
- input.placeholderForeground#708399
- inputOption.activeBackground#D7FF3F1A
- inputOption.activeBorder#D7FF3F66
- inputValidation.errorBorder#FF5D7A88
- inputValidation.infoBorder#35E0FF88
- inputValidation.warningBorder#D7FF3F88
- list.activeSelectionBackground#182433
- list.activeSelectionForeground#DFF5FF
- list.focusBackground#182433
- list.focusForeground#DFF5FF
- list.highlightForeground#D7FF3F
- list.hoverBackground#131D2A
- list.hoverForeground#DFF5FF
- list.inactiveSelectionBackground#131D2A
- list.inactiveSelectionForeground#B7CBDD
- list.warningForeground#FF6F3C
- listFilterWidget.background#101925
- listFilterWidget.noMatchesOutline#FF5D7A66
- listFilterWidget.outline#35E0FF44
- menu.background#101925
- menu.border#253446
- menu.foreground#DFF5FF
- menu.selectionBackground#182433
- menu.selectionBorder#00000000
- menu.selectionForeground#DFF5FF
- menu.separatorBackground#223344
- menubar.selectionBackground#182433
- menubar.selectionBorder#35E0FF22
- menubar.selectionForeground#DFF5FF
- minimap.background#0B1018
- minimapGutter.addedBackground#00C7A3
- minimapGutter.deletedBackground#FF5D7A
- minimapGutter.modifiedBackground#35E0FF
- minimapSlider.activeBackground#D7FF3F55
- minimapSlider.background#8CA0B844
- minimapSlider.hoverBackground#D7FF3F77
- notificationLink.foreground#35E0FF
- notifications.background#101925
- notifications.foreground#DFF5FF
- panel.background#0E151F
- panel.border#1A2635
- panelTitle.activeBorder#FF6F3C
- panelTitle.activeForeground#DFF5FF
- panelTitle.inactiveForeground#8CA0B8
- peekView.border#35E0FF44
- peekViewEditor.background#0E151F
- peekViewEditor.matchHighlightBackground#D7FF3F22
- peekViewEditorGutter.background#0E151F
- peekViewResult.background#101925
- peekViewResult.matchHighlightBackground#FF6F3C22
- peekViewResult.selectionBackground#182433
- peekViewTitle.background#131D2A
- peekViewTitleDescription.foreground#8CA0B8
- pickerGroup.foreground#D7FF3F
- progressBar.background#FF6F3C
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#D7FF3F66
- scrollbarSlider.background#8CA0B855
- scrollbarSlider.hoverBackground#D7FF3F88
- selection.background#22384C
- settings.checkboxBackground#101925
- settings.checkboxForeground#DFF5FF
- settings.dropdownBackground#101925
- settings.dropdownForeground#DFF5FF
- settings.headerForeground#D7FF3F
- settings.modifiedItemIndicator#FF6F3C
- settings.numberInputBackground#101925
- settings.numberInputForeground#DFF5FF
- settings.textInputBackground#101925
- settings.textInputForeground#DFF5FF
- sideBar.background#0E151F
- sideBar.border#1A2635
- sideBar.foreground#C9DCEC
- sideBarSectionHeader.background#101925
- sideBarSectionHeader.border#1A2635
- sideBarSectionHeader.foreground#DFF5FF
- sideBarTitle.foreground#D7FF3F
- statusBar.background#101925
- statusBar.border#1A2635
- statusBar.debuggingBackground#FF6F3C
- statusBar.debuggingForeground#091019
- statusBar.foreground#DFF5FF
- statusBar.noFolderBackground#0B1018
- statusBarItem.hoverBackground#182433
- statusBarItem.remoteBackground#D7FF3F
- statusBarItem.remoteForeground#091019
- tab.activeBackground#131D2A
- tab.activeBorder#FF6F3C
- tab.activeForeground#DFF5FF
- tab.activeModifiedBorder#D7FF3F
- tab.border#1A2635
- tab.inactiveBackground#0E151F
- tab.inactiveForeground#8294A8
- tab.unfocusedActiveBackground#131D2A
- tab.unfocusedActiveBorder#253446
- tab.unfocusedActiveForeground#C9DCEC
- tab.unfocusedInactiveBackground#0E151F
- tab.unfocusedInactiveForeground#708399
- terminal.ansiBlack#0B1018
- terminal.ansiBlue#35E0FF
- terminal.ansiBrightBlack#61758C
- terminal.ansiBrightBlue#7DEBFF
- terminal.ansiBrightCyan#8DEBFF
- terminal.ansiBrightGreen#2BD9B8
- terminal.ansiBrightMagenta#FF84C8
- terminal.ansiBrightRed#FF7E92
- terminal.ansiBrightWhite#F2FBFF
- terminal.ansiBrightYellow#E6FF72
- terminal.ansiCyan#00C7A3
- terminal.ansiGreen#00C7A3
- terminal.ansiMagenta#FF5DB1
- terminal.ansiRed#FF5D7A
- terminal.ansiWhite#DFF5FF
- terminal.ansiYellow#D7FF3F
- terminal.background#0B1018
- terminal.foreground#DFF5FF
- terminalCursor.background#0B1018
- terminalCursor.foreground#D7FF3F
- textLink.activeForeground#8DEBFF
- textLink.foreground#35E0FF
- titleBar.activeBackground#0B1018
- titleBar.activeForeground#DFF5FF
- titleBar.border#1A2635
- titleBar.inactiveBackground#0B1018
- titleBar.inactiveForeground#8294A8
- tree.indentGuidesStroke#213242
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5E6D81 | italic |
| keyword, storage, storage.modifier, storage.type | #D7FF3F | — |
| keyword.operator, keyword.control.import, keyword.control.from, keyword.control.as | #FF6F3C | — |
| variable.language, support.variable.magic, support.variable, variable.parameter.function.language.special | #35E0FF | — |
| variable.parameter, meta.parameter, meta.function.parameters variable | #FF9A6A | — |
| variable, meta.definition.variable, meta.definition.variable.name | #DFF5FF | — |
| entity.name.function, support.function, meta.function-call, variable.function | #FF5DB1 | — |
| entity.name.method, meta.method-call, support.function.method | #FF74BE | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.class, support.type | #35E0FF | — |
| entity.name.namespace, entity.name.module, support.namespace | #95A6FF | — |
| constant, constant.language, constant.character.escape, constant.numeric, constant.character | #35E0FF | — |
| string, meta.embedded.assembly string | #FFB38E | — |
| string.regexp, constant.other.symbol, constant.other.reference.link | #95A6FF | — |
| constant.other.color, entity.other.attribute-name, meta.object-literal.key, support.type.property-name, variable.other.property | #00C7A3 | — |
| meta.decorator, entity.name.function.decorator, punctuation.definition.decorator, storage.type.annotation, meta.annotation | #FF6F3C | — |
| punctuation, meta.brace, meta.delimiter | #7F91A7 | — |
| invalid, invalid.illegal | #091019 | — |
| markup.heading, entity.name.section | #D7FF3F | bold |
| markup.bold | #DFF5FF | bold |
| markup.italic, markup.quote | #95A6FF | italic |
| markup.inline.raw, markup.raw.block, fenced_code.block | #00C7A3 | — |
| markup.list, punctuation.definition.list.begin.markdown | #FF6F3C | — |
| markup.link, string.other.link.title, string.other.link.description | #35E0FF | underline |
| source.python keyword, source.python storage.type | #D7FF3F | — |
| source.python support.type.exception, source.python support.class, source.python entity.name.type.class | #35E0FF | — |
| source.python entity.name.function, source.python meta.function-call.generic, source.python support.function.builtin | #FF5DB1 | — |
| source.python variable.parameter, source.python variable.parameter.function-call | #FF9A6A | — |
| source.python variable.language.special.self, source.python variable.language.special.cls, source.python constant.other.caps | #35E0FF | — |
| source.python meta.function.decorator, source.python punctuation.definition.decorator | #FF6F3C | — |
| source.python string, source.python punctuation.definition.string | #FFB38E | — |
| source.python constant.numeric, source.python constant.language | #35E0FF | — |
| source.julia keyword, source.julia storage.type, source.julia keyword.control | #D7FF3F | — |
| source.julia entity.name.function, source.julia support.function, source.julia meta.function-call | #FF5DB1 | — |
| source.julia entity.name.type, source.julia support.type, source.julia support.class | #35E0FF | — |
| source.julia variable.parameter, source.julia meta.parameters variable | #FF9A6A | — |
| source.julia meta.macro, source.julia entity.name.function.macro, source.julia punctuation.definition.macro | #FF6F3C | — |
| source.julia constant.numeric, source.julia constant.language, source.julia constant.character | #35E0FF | — |
| source.julia string | #FFB38E | — |