two-dark
Publisher: Antonio AbellaThemes in package: 1
Desaturated version of the One Dark theme. Based on Atom's 2-Dark theme.
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#2a2f3b
- activityBar.dropBackground#38414b
- activityBar.foreground#dfe2e8
- activityBar.inactiveForeground#a0c8d3a1
- dropdown.background#38414b
- dropdown.foreground#abb0ba
- editor.background#282c34
- editor.findMatchBackground#5baef244
- editor.findMatchHighlightBackground#5baef222
- editor.findRangeHighlightBackground#5baef222
- editor.foreground#abb0ba
- editor.hoverHighlightBackground#313640
- editor.lineHighlightBackground#2C313AD9
- editor.selectionBackground#313640
- editorCursor.foreground#7aa0f0
- editorGroupHeader.noTabsBackground#1c1f26
- editorGroupHeader.tabsBackground#1c1f26
- editorHoverWidget.background#2a2f3b
- editorIndentGuide.activeBackground#5a5f69f2
- editorIndentGuide.background#424752
- editorLineNumber.activeForeground#abb0ba
- editorLineNumber.foreground#919bab
- editorWhitespace.foreground#5a5f69f2
- editorWidget.background#1c1f26
- editorWidget.border#3a4152
- editorWidget.resizeBorder#2a2f3b
- errorForeground#d9737b
- foreground#abb0ba
- gitDecoration.conflictingResourceForeground#5e81ac
- gitDecoration.deletedResourceForeground#d9737b
- gitDecoration.ignoredResourceForeground#d8dee966
- gitDecoration.modifiedResourceForeground#dfbe81
- gitDecoration.submoduleResourceForeground#8fbcbb
- gitDecoration.untrackedResourceForeground#99bb81
- input.background#3b4252
- input.border#3b4252
- input.foreground#d8dee9
- input.placeholderForeground#d8dee999
- inputOption.activeBorder#88c0d0
- inputValidation.errorBackground#bf616a
- inputValidation.errorBorder#bf616a
- inputValidation.infoBackground#81a1c1
- inputValidation.infoBorder#81a1c1
- inputValidation.warningBackground#c99a6e
- inputValidation.warningBorder#c99a6e
- inputValidation.warningForeground#1c1f26
- list.activeSelectionBackground#3e4657
- list.activeSelectionForeground#d8dee9
- list.dropBackground#88c0d099
- list.errorForeground#d9737b
- list.focusBackground#88c0d07c
- list.focusForeground#d8dee9
- list.highlightForeground#88c0d0
- list.hoverBackground#3b4252
- list.hoverForeground#eceff4
- list.inactiveFocusBackground#434c5ecc
- list.inactiveSelectionBackground#373f4e
- list.inactiveSelectionForeground#d8dee9
- list.warningForeground#dfbe81
- notification.background#3b4252
- notification.buttonBackground#434c5e
- notification.buttonForeground#d8dee9
- notification.buttonHoverBackground#4c566a
- notification.errorBackground#bf616a
- notification.errorForeground#2e3440
- notification.foreground#d8dee9
- notification.infoBackground#88c0d0
- notification.infoForeground#2e3440
- notification.warningBackground#ebcb8b
- notification.warningForeground#2e3440
- notificationCenter.border#3b425200
- notificationCenterHeader.background#2e3440
- notificationCenterHeader.foreground#88c0d0
- notificationLink.foreground#88c0d0
- notifications.background#3b4252
- notifications.border#2e3440
- notifications.foreground#d8dee9
- notificationToast.border#3b425200
- peekView.border#4c566a
- peekViewEditor.background#2e3440
- peekViewEditor.matchHighlightBackground#88c0d04d
- peekViewEditorGutter.background#2e3440
- peekViewResult.background#2e3440
- peekViewResult.fileForeground#88c0d0
- peekViewResult.lineForeground#d8dee966
- peekViewResult.matchHighlightBackground#88c0d0cc
- peekViewResult.selectionBackground#434c5e
- peekViewResult.selectionForeground#d8dee9
- peekViewTitle.background#3b4252
- peekViewTitleDescription.foreground#d8dee9
- peekViewTitleLabel.foreground#88c0d0
- pickerGroup.border#3b4252
- pickerGroup.foreground#88c0d0
- progressBar.background#88c0d0
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#555e758c
- scrollbarSlider.background#555e758c
- scrollbarSlider.hoverBackground#555e758c
- selection.background#88c0d099
- sideBar.background#1c1f26
- sideBar.dropBackground#38414b66
- sideBar.foreground#abb0ba
- sideBarSectionHeader.background#2a2f3b
- sideBarSectionHeader.foreground#919bab
- sideBarTitle.foreground#919bab
- tab.activeBackground#2a2f3b
- tab.inactiveBackground#1c1f26
- tab.unfocusedActiveBackground#2a2f3b
- titleBar.activeBackground#2a2f3b
- titleBar.activeForeground#d8dee9
- titleBar.border#2a2f3b00
- titleBar.inactiveBackground#2a2f3b
- titleBar.inactiveForeground#d8dee966
- walkThrough.embeddedEditorBackground#2e3440
- welcomePage.buttonBackground#434c5e
- welcomePage.buttonHoverBackground#4c566a
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #abb0ba | |
| comment | #5a5f69f2 | — |
| comment markup.link | #5a5f69f2 | — |
| variable.parameter.function | #abb2bf | — |
| none | — | |
| keyword.operator | — | |
| keyword | #b989c7 | — |
| keyword.operator | #abb0ba | — |
| keyword.other.unit | #c99a6e | — |
| variable | #d9737b | — |
| entity.name.function, meta.require, support.function.any-method | #80acd1 | — |
| support.class, entity.name.class, entity.name.type.class | #dfbe81 | — |
| support.type | #7e979a | — |
| meta.class | #dfbe81 | — |
| meta.class.body | #abb0ba | — |
| keyword.other.special-method | #80acd1 | — |
| storage | #b989c7 | — |
| storage.type.annotation, storage.type.primitive | #b989c7 | — |
| storage.modifier.package, storage.modifier.import | #abb0ba | — |
| support.function | #7e979a | — |
| string | #99bb81 | — |
| constant.numeric | #c99a6e | — |
| none | #dfbe81 | — |
| none | #dfbe81 | — |
| constant | #c99a6e | — |
| constant.variable | #c99a6e | — |
| entity.name.tag | #d9737b | — |
| entity.other.attribute-name | #c99a6e | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #80acd1 | — |
| meta.selector | #b989c7 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #80acd1 | |
| markup.bold, punctuation.definition.bold | #c99a6e | — |
| markup.italic, punctuation.definition.italic | #b989c7 | — |
| markup.raw.inline | #99bb81 | — |
| string.other.link, punctuation.definition.string.end.markdown | #d9737b | — |
| meta.link | #c99a6e | — |
| markup.list | — | |
| markup.quote | #c99a6e | — |
| source.c keyword.operator | #b989c7 | — |
| source.cpp keyword.operator | #b989c7 | — |
| source.cs keyword.operator | #b989c7 | — |
| source.css property-name, source.css property-value | #828997 | — |
| source.css property-name.support, source.css property-value.support | #abb0ba | — |
| source.gfm markup | — | — |
| source.gfm link entity | #80acd1 | — |
| source.go storage.type.string | #b989c7 | — |
| source.ini keyword.other.definition.ini | #d9737b | — |
| source.java meta.class.java meta.method.java | #abb0ba | — |
| source.java meta.class.java meta.class.body.java | #abb0ba | — |
| source.js meta.function.js variable.parameter.function.js | #d9737b | — |
| source.js variable.other.readwrite.js | #d9737b | — |
| source.js variable.other.object.js | #abb0ba | — |
| source.js meta.function-call.method.js variable.other.readwrite.js | #d9737b | — |
| source.js meta.block.js variable.other.readwrite.js | #d9737b | — |
| source.js meta.block.js variable.other.object.js | #abb0ba | — |
| source.js meta.block.js meta.function-call.method.js variable.other.readwrite.js | #abb0ba | — |
| source.js meta.function-call.method.js variable.function.js | #abb0ba | — |
| source.js meta.property.object.js entity.name.function.js | #80acd1 | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #d9737b | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #d9737b | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json, source.json meta.structure.array.json > value.json > string.quoted.json, source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation, source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #99bb81 | — |
| source.json meta.structure.dictionary.json > constant.language.json, source.json meta.structure.array.json > constant.language.json | #7e979a | — |
| source.ruby constant.other.symbol > punctuation | inherit | — |
| source.python keyword.operator.logical.python | #b989c7 | — |
| source.python variable.parameter | #c99a6e | — |
| source.js support.constant.prototype.js | #abb0ba | — |
| meta.separator | #abb0ba | — |
| meta.tag | #abb0ba | — |
| underline | — | — |
| markup.inserted | #99bb81 | — |
| markup.deleted | #d9737b | — |
| markup.changed | #b989c7 | — |
| string.regexp | #7e979a | — |
| constant.character.escape | #7e979a | — |
| constant.other.color | #7e979a | — |
| constant.other.symbol | #7e979a | — |
| punctuation.section.embedded, variable.interpolation | #b45850 | — |
| invalid.illegal | #ffffff | — |
| invalid.broken | #abb0ba | — |
| invalid.deprecated | #523d14 | — |
| invalid.unimplemented | #abb0ba | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...