One Dark Darkened
Publisher: Craft LabsThemes in package: 1
A darkened, higher-contrast variant of One Dark, ported from the Zed theme by pavles6.
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#17191d
- activityBar.border#2f323b
- activityBar.foreground#c8ccd4
- activityBar.inactiveForeground#696b77
- activityBarBadge.background#74ade8
- activityBarBadge.foreground#17191d
- badge.background#74ade8
- badge.foreground#17191d
- breadcrumb.activeSelectionForeground#e5e7ea
- breadcrumb.background#17191d
- breadcrumb.foreground#a5a6ad
- breadcrumbPicker.background#1d2127
- button.background#74ade8
- button.foreground#17191d
- button.hoverBackground#85b8ec
- button.secondaryBackground#454a56
- button.secondaryForeground#e5e7ea
- button.secondaryHoverBackground#565c69
- descriptionForeground#b5b8bf
- diffEditor.insertedLineBackground#a1c18114
- diffEditor.insertedTextBackground#a1c1811a
- diffEditor.removedLineBackground#d0727714
- diffEditor.removedTextBackground#d072771a
- dropdown.background#2e343e
- dropdown.border#2f323b
- dropdown.foreground#e5e7ea
- editor.background#17191d
- editor.foreground#bfc4cd
- editor.inactiveSelectionBackground#74ade822
- editor.lineHighlightBackground#2a2f38bf
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#74ade83d
- editor.selectionHighlightBackground#74ade81a
- editor.wordHighlightBackground#74ade81a
- editor.wordHighlightStrongBackground#555a6366
- editorBracketMatch.background#74ade81a
- editorBracketMatch.border#293b5b
- editorCodeLens.foreground#5d636f
- editorCursor.foreground#74ade8
- editorError.foreground#d07277
- editorGroup.border#2f323b
- editorGroupHeader.tabsBackground#1a1e23
- editorGroupHeader.tabsBorder#1a1e23
- editorGutter.addedBackground#a1c181
- editorGutter.background#17191d
- editorGutter.deletedBackground#d07277
- editorGutter.modifiedBackground#dec184
- editorHint.foreground#787c85
- editorHoverWidget.background#1d2127
- editorHoverWidget.border#262b32
- editorIndentGuide.activeBackground1#c8ccd43a
- editorIndentGuide.background1#c8ccd42a
- editorInfo.foreground#74ade8
- editorLineNumber.activeForeground#e5e7ea
- editorLineNumber.foreground#5a5f68
- editorLink.activeForeground#74ade8
- editorRuler.foreground#c8ccd42a
- editorSuggestWidget.background#1d2127
- editorSuggestWidget.border#2f323b
- editorSuggestWidget.foreground#c8ccd4
- editorSuggestWidget.highlightForeground#74ade8
- editorSuggestWidget.selectedBackground#2e343e
- editorWarning.foreground#dec184
- editorWhitespace.foreground#696b77
- editorWidget.background#1d2127
- editorWidget.border#2f323b
- errorForeground#d07277
- extensionButton.prominentBackground#74ade8
- extensionButton.prominentForeground#17191d
- extensionButton.prominentHoverBackground#85b8ec
- focusBorder#293b5b
- foreground#c8ccd4
- gitDecoration.addedResourceForeground#a1c181
- gitDecoration.conflictingResourceForeground#dec184
- gitDecoration.deletedResourceForeground#d07277
- gitDecoration.ignoredResourceForeground#696b77
- gitDecoration.modifiedResourceForeground#dec184
- gitDecoration.untrackedResourceForeground#a1c181
- input.background#2e343e
- input.border#2f323b
- input.foreground#e5e7ea
- input.placeholderForeground#a5a6ad
- inputOption.activeBorder#74ade8
- list.activeSelectionBackground#2e343e
- list.activeSelectionForeground#e5e7ea
- list.errorForeground#d07277
- list.focusBackground#2e343e
- list.highlightForeground#74ade8
- list.hoverBackground#2b3038
- list.inactiveSelectionBackground#262a32
- list.warningForeground#dec184
- menu.background#1d2127
- menu.border#2f323b
- menu.foreground#e5e7ea
- menu.selectionBackground#2e343e
- menu.separatorBackground#2f323b
- notificationCenter.border#2f323b
- notifications.background#1d2127
- notifications.border#2f323b
- notifications.foreground#e5e7ea
- panel.background#1b1e23
- panel.border#2f323b
- panelTitle.activeForeground#e5e7ea
- panelTitle.inactiveForeground#a5a6ad
- peekView.border#293b5b
- peekViewEditor.background#17191d
- peekViewResult.background#1d2127
- peekViewTitle.background#1d2127
- pickerGroup.border#2f323b
- pickerGroup.foreground#74ade8
- quickInput.background#1d2127
- quickInput.foreground#e5e7ea
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#454a56
- scrollbarSlider.background#7173784c
- scrollbarSlider.hoverBackground#2b3038
- selection.background#74ade83d
- sideBar.background#1e2228
- sideBar.border#2f323b
- sideBar.foreground#c8ccd4
- sideBarSectionHeader.background#1d2127
- sideBarSectionHeader.border#262b32
- sideBarTitle.foreground#e5e7ea
- statusBar.background#1e2128
- statusBar.border#2f323b
- statusBar.debuggingBackground#be5046
- statusBar.debuggingForeground#e5e7ea
- statusBar.foreground#c8ccd4
- statusBar.noFolderBackground#1e2128
- statusBarItem.hoverBackground#2b3038
- statusBarItem.remoteBackground#74ade8
- statusBarItem.remoteForeground#17191d
- tab.activeBackground#17191d
- tab.activeBorderTop#74ade8
- tab.activeForeground#e5e7ea
- tab.border#1a1e23
- tab.inactiveBackground#202329
- tab.inactiveForeground#a5a6ad
- terminal.ansiBlack#282c34
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#636d83
- terminal.ansiBrightBlue#85c1ff
- terminal.ansiBrightCyan#6ed5de
- terminal.ansiBrightGreen#aad581
- terminal.ansiBrightMagenta#d398eb
- terminal.ansiBrightRed#ea858b
- terminal.ansiBrightWhite#fafafa
- terminal.ansiBrightYellow#ffd885
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#e5c07b
- terminal.background#17191d
- terminal.foreground#c8ccd4
- titleBar.activeBackground#202329
- titleBar.activeForeground#e5e7ea
- titleBar.border#2f323b
- titleBar.inactiveBackground#1a1e23
- titleBar.inactiveForeground#a5a6ad
- tree.indentGuidesStroke#414754
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #acb2be | — |
| comment, punctuation.definition.comment | #5d636f | italic |
| comment.documentation, comment.block.documentation | #878e98 | italic |
| variable, string constant.other.placeholder | #c8ccd4 | — |
| variable.language, variable.other.special, variable.parameter | #bf956a | — |
| constant, constant.language, constant.numeric, constant.other | #dfc184 | — |
| constant.numeric, variable.other.constant | #bf956a | — |
| string, text.literal | #a1c181 | — |
| constant.character.escape, string.escape | #878e98 | — |
| string.regexp | #bf956a | — |
| keyword, storage.type, storage.modifier | #b477cf | — |
| keyword.operator | #6eb4bf | — |
| entity.name.function, support.function, meta.function-call.generic | #73ade9 | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #6eb4bf | — |
| entity.name.function.constructor, support.class.builtin | #73ade9 | — |
| entity.name.enum, variable.other.enummember | #d07277 | — |
| entity.other.attribute-name, entity.name.tag | #74ade8 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key | #e78284 | — |
| punctuation, meta.brace | #acb2be | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #b2b9c6 | — |
| entity.name.namespace, entity.name.module | #c8ccd4 | — |
| entity.name.label | #74ade8 | — |
| markup.underline.link, string.other.link | #6eb4bf | — |
| markup.heading | #d07277 | bold |
| markup.bold | #bf956a | bold |
| markup.italic | #74ade8 | italic |
| markup.list, punctuation.definition.list.begin | #d07277 | — |
| meta.preprocessor, keyword.control.import, keyword.control.export | #dce0e5 | — |
| invalid, invalid.illegal | #d07277 | — |