One Dark Evo
Publisher: Stepan ZastupovThemes in package: 1
Evolution of the iconic One 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#2f333d
- activityBar.foreground#d7dae0
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#f8fafd
- badge.background#282c34
- button.background#4d78cc
- button.foreground#f8fafd
- debugToolBar.background#21252b
- diffEditor.insertedTextBackground#a2ff6430
- diffEditor.removedTextBackground#FF708F30
- dropdown.background#1d1f23
- dropdown.border#181a1f
- editor.background#282c34
- editor.findMatchHighlightBackground#314365d4
- editor.foreground#f2f0e8
- editor.lineHighlightBackground#383e4a
- editor.selectionBackground#484e5b
- editor.selectionHighlightBackground#484e5bd4
- editor.wordHighlightBackground#484e5bd4
- editor.wordHighlightStrongBackground#abb2bf26
- editorBracketHighlight.foreground1#f2f0e8
- editorBracketHighlight.foreground2#ffd063
- editorBracketHighlight.foreground3#FF708F
- editorBracketHighlight.foreground4#00000000
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorCursor.foreground#f8f8f0
- editorError.foreground#FF708F
- editorGroup.border#181a1f
- editorGroupHeader.tabsBackground#21252b
- editorGutter.addedBackground#a2ff64c0
- editorGutter.deletedBackground#FF708Fc0
- editorGutter.modifiedBackground#56b5c2c0
- editorHoverWidget.background#21252b
- editorHoverWidget.border#181a1f
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#21252b
- editorOverviewRuler.addedForeground#a2ff6480
- editorOverviewRuler.deletedForeground#FF708F80
- editorOverviewRuler.modifiedForeground#56b5c280
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252b
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3b4048
- editorWidget.background#21252b
- gitDecoration.addedResourceForeground#a2ff64c0
- gitDecoration.deletedResourceForeground#FF708F
- gitDecoration.modifiedResourceForeground#56b5c2
- gitDecoration.untrackedResourceForeground#a2ff64
- input.background#1d1f23
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.errorForeground#FF708F
- list.focusBackground#383e4a
- list.highlightForeground#c5c5c5
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- list.warningForeground#ffd063
- peekViewEditor.background#21252b
- peekViewEditor.matchHighlightBackground#314365
- peekViewResult.background#21252b
- peekViewResult.matchHighlightBackground#314365
- scrollbarSlider.activeBackground#747d9180
- scrollbarSlider.background#4e566680
- scrollbarSlider.hoverBackground#5a637580
- sideBar.background#21252b
- sideBar.foreground#f2f0e8
- sideBarSectionHeader.background#282c34
- statusBar.background#21252b
- statusBar.debuggingBackground#21252b
- statusBar.foreground#f2f0e8
- statusBar.noFolderBackground#21252b
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#2c313a
- tab.border#181a1f
- tab.inactiveBackground#21252b
- terminal.ansiBlack#2D3139
- terminal.ansiBlue#87cdff
- terminal.ansiGreen#a2ff64
- terminal.ansiRed#FF708F
- terminal.ansiYellow#ffd063
- terminal.foreground#f2f0e8
- titleBar.activeBackground#282c34
- titleBar.activeForeground#f2f0e8
- titleBar.inactiveBackground#282c34
- titleBar.inactiveForeground#6b717d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F848E | italic |
| comment | #7F848E | italic |
| string.quoted.docstring.multi.python | #7F848E | — |
| comment markup.link | #7F848E | — |
| markup.inserted.diff | #a2ff64 | — |
| markup.deleted.diff | #FF708F | — |
| variable.language.super.js | #87cdff | — |
| keyword.operator.expression.import | #87cdff | — |
| storage.type.annotation.java | #ffd063 | — |
| storage.modifier.import.java,storage.type.java | #ffd063 | — |
| meta.definition.variable.name.java | #FF708F | — |
| support.constant.property-value.scss,support.constant.property-value.css | #ffd063 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #ffd063 | — |
| punctuation.separator.list.comma.css | #b9c0ca | — |
| support.constant.color.w3c-standard-color-name.css | #ffd063 | — |
| punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end | #FF708F | — |
| support.module.node,support.type.object.module,support.module.node | #ffd063 | — |
| support.constant.json | #ffd063 | — |
| keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.ternary | #F187FF | — |
| support.variable.property.process | #ffd063 | — |
| support.type.posix-reserved.c | #57adb8 | — |
| punctuation.definition.comment | #7F848E | — |
| none | #A6B2C0 | — |
| keyword | #F187FF | — |
| import.storage.java | #ffd063 | — |
| token.package.keyword | #F187FF | — |
| entity.name.function, meta.function-call, support.type.python, support.type.exception.python | #87cdff | — |
| meta.function-call.arguments | #f2f0e8 | — |
| variable.other.object | #f2f0e8 | — |
| entity.name.type.class | #87CDFF | — |
| entity.name.class.identifier.namespace.type, support.class.php | #ffd063 | — |
| entity.name.class | #87cdff | — |
| entity.name.type, support.type | #ffd063 | — |
| keyword.control | #F187FF | — |
| control.elements, keyword.operator.less | #ffd063 | — |
| keyword.other.special-method | #87cdff | — |
| storage | #F187FF | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #F187FF | — |
| token.storage.type.java | #ffd063 | — |
| string | #a2ff64 | — |
| constant | #ffd063 | — |
| constant.other.caps.python | #f2f0e8 | — |
| entity.name.tag | #FF708F | — |
| entity.other.attribute-name | #FFB76D | — |
| entity.other.attribute-name.class.css | #ffd063 | — |
| meta.selector | #F187FF | — |
| none | #D2945D | — |
| markup.heading | — | bold |
| markup.heading punctuation.definition.heading, entity.name.section | — | — |
| keyword.other.unit | #ffd063 | — |
| markup.bold,todo.bold | — | bold |
| emphasis md | #F187FF | — |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.fenced_code.block | #a2ff64 | — |
| beginning.punctuation.definition.list.markdown | #FF708F | — |
| markup.quote.markdown | #7F848E | italic |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| string.other.link.destination, string.other.link.title, markup.underline.link | #87cdff | — |
| constant.character.escape | #ffd063 | — |
| invalid.illegal | #FFFFFF | — |
| invalid.broken | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | — |
| invalid.unimplemented | #FFFFFF | — |
| 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 | #a2ff64 | — |
| entity.name.function.decorator.python,meta.function.decorator.python | #87cdff | — |
| support.type.property-name | #FF708F | — |
| var.this,variable.language.this.js,variable.language.this.ts,variable.language.this.jsx,variable.language.this.tsx | #F187FF | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.other.normal.shell, variable.other.positional.shell | #FF708F | — |