JetBrains Dark (New UI)
Publisher: zxchhhThemes in package: 2
Endeavor to replicate the default dark theme from new versions of JetBrains IDEs (like PyCharm and WebStorm)
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.
- activityBar.background#2b2d30
- activityBar.border#1e1f22
- activityBar.foreground#cacbd1
- editor.background#1e1f22
- editor.findMatchBackground#ffffff00
- editor.findMatchHighlightBackground#373b39b6
- editor.foreground#bcbec4
- editorLineNumber.foreground#4b5059
- editorSuggestWidget.background#2b2d30
- editorSuggestWidget.highlightForeground#548af7
- editorSuggestWidget.selectedBackground#43454a
- focusBorder#00000000
- gitDecoration.ignoredResourceForeground#c69568
- gitDecoration.modifiedResourceForeground#699ce2
- selection.background#2e436e
- sideBar.background#2b2d30
- sideBar.foreground#bcbec4
- sideBarTitle.foreground#bbbbbb
- statusBar.background#2b2d30
- statusBar.foreground#a8abb0
- titleBar.activeBackground#2b2d30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #bcbec4 | — |
| string.quoted, string.template, markup.inline.raw.string | #6aab73 | — |
| string.quoted.docstring | #5f826b | italic |
| comment | #7a7e85 | — |
| keyword.control, keyword.other, keyword.operator.logical, keyword.operator.new, keyword.storage, keyword.default | #cf8e6d | — |
| constant.numeric | #2aacb8 | — |
| constant.language | #cf8e6d | — |
| entity.name.function.decorator, meta.function.decorator.python support.type.python | #b3ae60 | — |
| support.function.builtin, support.type | #8888c6 | — |
| constant.character.escape | #cf8e6d | — |
| meta.fstring.python constant.character.format.placeholder | #cf8e6d | — |
| punctuation.section.embedded | #cf8e6d | — |
| meta.embedded.line | #bcbec4 | — |
| storage.type.function | #cf8e6d | — |
| entity.name.function | #56a8f5 | — |
| entity.name.function.call | #bcbec4 | — |
| entity.name.function.zig | #bcbec4 | — |
| variable.parameter.function-call, variable.parameter.class | #aa4926 | — |
| variable.other.readwrite.alias | #56a8f5 | — |
| storage.type, storage.modifier | #cf8e6d | — |
| storage.type.string | #6aab73 | — |
| meta.object-literal.key | #c77dbb | — |
| variable.other.object.property, variable.other.property, variable.object.property | #c77dbb | — |
| storage.type.function.arrow | #bcbec4 | — |
| meta.template.expression | #bcbec4 | — |
| entity.name.tag, punctuation.definition.tag | #d5b778 | — |
| entity.name.tag.toml, punctuation.definition.tag | #cf8e6d | — |
| entity.other.attribute-name | #c77dbb | — |
| support.class.component | #2fbaa3 | — |
| entity.name.section.markdown, punctuation.definition.heading, meta.separator, punctuation.definition.list.begin.markdown | #cf8e6d | — |
| punctuation.definition.link, string.other.link, markup.underline.link, meta.link | #56a8f5 | — |
| entity.name.tag.yaml | #cf8e6d | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.cls.python | #94558d | — |
| support.function.magic.python | #b200b2 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...