Dimex
Publisher: vladbelozertsevThemes in package: 1
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#1d2530
- activityBar.foreground#a9b0ba
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#a9b0ba
- badge.background#528BFF
- badge.foreground#d9d9d9
- button.background#2d3545
- button.foreground#a7b6cc
- debugExceptionWidget.background#101014
- debugExceptionWidget.border#963c47
- debugTokenExpression.boolean#e0976c
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#bfb993
- debugTokenExpression.number#e0976c
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#9aa5ce
- debugToolBar.background#1e232b
- debugView.stateLabelBackground#14141b
- debugView.stateLabelForeground#787c99
- debugView.valueChangedHighlight#3d59a1aa
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#181f29
- dropdown.border#2d3645
- dropdown.foreground#959ca6
- editor.background#181f29
- editor.findMatchHighlightBackground#314365
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foreground#a1a7ad
- editor.lineHighlightBackground#1f2630
- editor.selectionBackground#343845
- editor.selectionHighlightBackground#181f29
- editor.selectionHighlightBorder#a9a9a9
- editor.stackFrameHighlightBackground#202c3d
- editor.wordHighlightBackground#414959
- editor.wordHighlightStrongBackground#1d2530
- editorBracketHighlight.foreground1#74adad
- editorBracketHighlight.foreground2#a88383
- editorBracketHighlight.foreground3#9194c9
- editorBracketHighlight.foreground4#b0aa70
- editorBracketHighlight.foreground5#7aa17d
- editorBracketHighlight.foreground6#a381a3
- editorBracketHighlight.unexpectedBracket.foreground#FF5555
- editorBracketMatch.border#8f969c
- editorCursor.foreground#828b94
- editorError.foreground#c24038
- editorGroup.border#1d2530
- editorGroup.emptyBackground#181f29
- editorGroupHeader.border#1d2530
- editorGroupHeader.tabsBackground#181f29
- editorGroupHeader.tabsBorder#1d2530
- editorHoverWidget.background#181f29
- editorHoverWidget.border#2d3645
- editorIndentGuide.background1#1d2530
- editorLineNumber.activeForeground#6c7894
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#181f29
- editorOverviewRuler.border#1d2530
- editorRuler.foreground#1d2530
- editorSuggestWidget.background#181f29
- editorSuggestWidget.border#1d2530
- editorSuggestWidget.selectedBackground#222833
- editorWhitespace.foreground#1d2530
- editorWidget.background#181f29
- editorWidget.resizeBorder#272f42
- foreground#959ca6
- icon.foreground#787c99
- input.background#1d2530
- input.border#1d2530
- list.activeSelectionBackground#202936
- list.activeSelectionForeground#bcc3cc
- list.focusBackground#202936
- list.highlightForeground#b1b1b1
- list.hoverBackground#1d2530
- list.hoverForeground#a7b6cc
- list.inactiveSelectionBackground#21242b
- list.inactiveSelectionForeground#b1b1b1
- menu.foreground#959ca6
- menubar.selectionBackground#181f29
- panel.border#1d2530
- panelTitle.activeBorder#959ca6
- panelTitle.activeForeground#959ca6
- panelTitle.inactiveForeground#959ca6
- peekViewEditor.background#131a24
- peekViewEditor.matchHighlightBackground#3d59a166
- peekViewResult.background#181f29
- peekViewResult.fileForeground#808fa6
- peekViewResult.lineForeground#93c993
- peekViewResult.matchHighlightBackground#3d59a166
- peekViewResult.selectionBackground#3d59a133
- peekViewResult.selectionForeground#a9b1d6
- peekViewTitle.background#181f29
- peekViewTitleDescription.foreground#787c99
- peekViewTitleLabel.foreground#a9b1d6
- quickInputList.focusBackground#202330
- scrollbarSlider.activeBackground#747d9180
- scrollbarSlider.background#4e566680
- scrollbarSlider.hoverBackground#5a637580
- settings.headerForeground#52a362
- sideBar.background#181f29
- sideBar.border#1d2530
- sideBar.foreground#959ca6
- sideBarSectionHeader.background#1d2530
- sideBarSectionHeader.border#181f29
- statusBar.background#1d2530
- statusBar.debuggingBackground#1d2530
- statusBar.debuggingForeground#d1a660
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#1d2129
- statusBarItem.hoverBackground#181f29
- tab.activeBackground#1d2530
- tab.activeBorder#6ab07d
- tab.activeForeground#959ca6
- tab.border#1d2530
- tab.inactiveBackground#181f29
- terminal.ansiBlack#232833
- terminal.ansiBlue#2e8ccf
- terminal.ansiBrightWhite#959ca6
- terminal.ansiGreen#98c379
- terminal.ansiWhite#959ca6
- terminal.ansiYellow#b4881d
- terminal.foreground#959ca6
- terminalCursor.foreground#828b94
- titleBar.activeBackground#1d2530
- titleBar.activeForeground#959ca6
- titleBar.inactiveBackground#1d2530
- titleBar.inactiveForeground#6b717d
- tree.indentGuidesStroke#434b5e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7f7f7f | — |
| variable.language | #c5a5c5 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #74a8db | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #E15A60 | — |
| variable-meta.export.default, variable.parameter, variable.other.readwrite-meta.export.default, variable, entity.name.variable | #ababab | — |
| keyword-meta.tag.attributes, keyword.operator.new, storage.type, storage.modifier, keyword.control | #c5a5c5 | — |
| constant.other.color, meta.tag - meta.tag.without-attributes, keyword.other.template, keyword.other.substitution | #74adad | — |
| meta.tag.attributes - meta.embedded.expression | #cecece | — |
| punctuation - punctuation.definition.string.begin, punctuation.separator.key-value-punctuation.separator.key-value.css, punctuation.definition.block, punctuation.definition.parameters, punctuation.terminator.statement, punctuation.separator.comma, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, punctuation.separator.inheritance.php | #74adad | — |
| keyword.operator - keyword.operator.assignment | #c5a5c5 | — |
| keyword.operator.assignment - meta.tag.attributes, keyword.operator.arithmetic, punctuation.separator.key-value.css | #a1a7ad | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #e6939c | — |
| entity.name.function, support.function, variable.function, keyword.other.special-method, meta.block-level | #74a8db | — |
| meta.object-literal.key | #a1a7ad | — |
| meta.function-call.js - support.variable.dom.js | #74a8db | — |
| support.variable.dom.js | #ababab | — |
| support.other.variable, string.other.link | #F2777A | — |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #8abf8d | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E15A60 | — |
| entity.name.method.js | #D8DEE9 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #D8DEE9 | — |
| entity.other.attribute-name | #c5a5c5 | — |
| markup.inserted | #8abf8d | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| string.regexp | #74adad | — |
| constant.character.escape | #74adad | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #8abf8d | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| meta.brace.round | #74adad | — |
| meta.definition.variable-entity.name.function | #ababab | — |
| constant.numeric, constant.language, support.constant, constant.character, keyword.other.unit | #96b8d4 | — |
| variable.other.object | #9fb4c4 | — |
| meta.export.default | #9fb4c4 | — |
| meta.function-call.js - support.variable.dom.js | #9fb4c4 | — |
| support.function.dom.js | #9fb4c4 | — |
| text.html | #a1a7ad | — |
| meta.tag.without-attributes, meta.embedded.expression, meta.jsx.children | #a1a7ad | — |
| variable.other.object.property, support.variable.property.dom | #93b7f5 | — |
| entity.name.class, entity.other.inherited-class, entity.name.type, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter | #bfbf97 | — |
| support.class.component, support.variable.property.dom | #d1b28c | — |
| keyword.operator | #c2b68d | — |
| keyword.operator.assignment | #a1a7ad | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace, meta.embedded, string.unquoted.heredoc.ruby | #a1a7ad | — |