One Dark Minimal
Publisher: MrRevillodThemes in package: 3
A modern and minimal color theme
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.activeBackground#e1e4e8
- activityBar.background#f6f8fa
- activityBar.border#e1e4e8
- activityBar.foreground#24292f
- activityBar.inactiveForeground#656d76
- activityBarBadge.background#0969da
- activityBarBadge.foreground#ffffff
- badge.background#1f883d
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#24292f
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#24292f
- breadcrumb.foreground#656d76
- button.background#1f883d
- button.foreground#ffffff
- button.hoverBackground#1a7f37
- button.secondaryBackground#f3f4f6
- button.secondaryForeground#24292f
- button.secondaryHoverBackground#e1e4e8
- checkbox.background#ffffff
- checkbox.border#d1d9e0
- checkbox.foreground#24292f
- debugExceptionWidget.background#ffffff
- debugExceptionWidget.border#e1e4e8
- debugToolBar.background#ffffff
- debugToolBar.border#e1e4e8
- diffEditor.border#e1e4e8
- diffEditor.insertedTextBackground#1f883d26
- diffEditor.insertedTextBorder#1f883d40
- diffEditor.removedTextBackground#d1242f26
- diffEditor.removedTextBorder#d1242f40
- dropdown.background#ffffff
- dropdown.border#d1d9e0
- dropdown.foreground#24292f
- editor.background#ffffff
- editor.findMatchBackground#ffdf5d
- editor.findMatchBorder#ffd33d
- editor.findMatchHighlightBackground#ffeb9c
- editor.findMatchHighlightBorder#ffd33d40
- editor.findRangeHighlightBackground#ffd33d26
- editor.findRangeHighlightBorder#ffd33d00
- editor.foldBackground#6e768166
- editor.foreground#24292f
- editor.hoverHighlightBackground#b3d4fc40
- editor.inactiveSelectionBackground#e1e4e8
- editor.lineHighlightBackground#f6f8fa
- editor.lineHighlightBorder#e1e4e8
- editor.rangeHighlightBackground#ffd33d15
- editor.rangeHighlightBorder#ffd33d00
- editor.selectionBackground#b3d4fc
- editor.selectionHighlightBackground#ffd33d40
- editor.selectionHighlightBorder#ffd33d60
- editor.wordHighlightBackground#ffd33d40
- editor.wordHighlightBorder#ffd33d
- editor.wordHighlightStrongBackground#b3d4fc60
- editor.wordHighlightStrongBorder#0969da
- editorBracketMatch.background#1f883d26
- editorBracketMatch.border#1f883d
- editorCodeLens.foreground#656d76
- editorCursor.background#ffffff
- editorCursor.foreground#24292f
- editorError.background#ffebe900
- editorError.border#ffffff00
- editorError.foreground#d1242f
- editorGroup.border#e1e4e8
- editorGroup.emptyBackground#ffffff
- editorGroupHeader.border#e1e4e8
- editorGroupHeader.tabsBackground#f6f8fa
- editorGroupHeader.tabsBorder#e1e4e8
- editorGutter.addedBackground#1f883d
- editorGutter.background#ffffff
- editorGutter.commentRangeForeground#8c959f
- editorGutter.deletedBackground#d1242f
- editorGutter.foldingControlForeground#8c959f
- editorGutter.modifiedBackground#0969da
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#e1e4e8
- editorHoverWidget.foreground#24292f
- editorIndentGuide.activeBackground1#8c959f
- editorIndentGuide.background1#e1e4e8
- editorInfo.background#dbeafe00
- editorInfo.border#dbeafe00
- editorInfo.foreground#0969da
- editorLineNumber.activeForeground#24292f
- editorLineNumber.foreground#8c959f
- editorLink.activeForeground#0969da
- editorMarkerNavigation.background#f6f8fa
- editorMarkerNavigationError.background#ffebe9
- editorMarkerNavigationInfo.background#dbeafe
- editorMarkerNavigationWarning.background#fff8c5
- editorOverviewRuler.background#ffffff
- editorOverviewRuler.border#e1e4e8
- editorRuler.foreground#d1d9e0
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#e1e4e8
- editorSuggestWidget.foreground#24292f
- editorSuggestWidget.highlightForeground#0969da
- editorSuggestWidget.selectedBackground#dbeafe
- editorWarning.background#fff8c500
- editorWarning.border#ffffff00
- editorWarning.foreground#bf8700
- editorWhitespace.foreground#d1d9e0
- editorWidget.background#f6f8fa
- editorWidget.foreground#24292f
- editorWidget.resizeBorder#e1e4e8
- focusBorder#d0d7de
- foreground#383a42
- gitDecoration.addedResourceForeground#1f883d
- gitDecoration.conflictingResourceForeground#8250df
- gitDecoration.deletedResourceForeground#d1242f
- gitDecoration.ignoredResourceForeground#8c959f
- gitDecoration.modifiedResourceForeground#bf8700
- gitDecoration.stageDeletedResourceForeground#d1242f
- gitDecoration.stageModifiedResourceForeground#bf8700
- gitDecoration.submoduleResourceForeground#0969da
- gitDecoration.untrackedResourceForeground#1f883d
- icon.foreground#656d76
- input.background#ffffff
- input.border#d1d9e0
- input.foreground#24292f
- input.placeholderForeground#656d76
- inputOption.activeBackground#dbeafe
- inputOption.activeBorder#0969da
- inputOption.activeForeground#0969da
- list.activeSelectionBackground#dbeafe
- list.activeSelectionForeground#24292f
- list.dropBackground#dbeafe
- list.focusBackground#b3d4fc
- list.focusForeground#24292f
- list.highlightForeground#0969da
- list.hoverBackground#f3f4f6
- list.hoverForeground#24292f
- list.inactiveSelectionBackground#e1e4e8
- list.inactiveSelectionForeground#24292f
- listFilterWidget.background#0969da
- listFilterWidget.noMatchesOutline#d1242f
- listFilterWidget.outline#0969da
- menu.background#ffffff
- menu.border#e1e4e8
- menu.foreground#24292f
- menu.selectionBackground#dbeafe
- menu.selectionBorder#0969da
- menu.selectionForeground#24292f
- menu.separatorBackground#d1d9e0
- menubar.selectionBackground#e1e4e8
- menubar.selectionBorder#0969da
- menubar.selectionForeground#24292f
- merge.commonContentBackground#f3f4f6
- merge.commonHeaderBackground#8c959f40
- merge.currentContentBackground#1f883d20
- merge.currentHeaderBackground#1f883d40
- merge.incomingContentBackground#dbeafe40
- merge.incomingHeaderBackground#0969da40
- minimap.background#f6f8fa
- minimap.errorHighlight#d1242f
- minimap.warningHighlight#bf8700
- minimapGutter.addedBackground#1f883d
- minimapGutter.deletedBackground#d1242f
- minimapGutter.modifiedBackground#0969da
- notificationCenter.border#e1e4e8
- notificationCenterHeader.background#e1e4e8
- notificationCenterHeader.foreground#24292f
- notifications.background#f6f8fa
- notifications.border#e1e4e8
- notifications.foreground#24292f
- notificationsErrorIcon.foreground#d1242f
- notificationsInfoIcon.foreground#0969da
- notificationsWarningIcon.foreground#bf8700
- notificationToast.border#e1e4e8
- panel.background#f6f8fa
- panel.border#e1e4e8
- panelSection.border#e1e4e8
- panelTitle.activeBorder#fd7e14
- panelTitle.activeForeground#24292f
- panelTitle.inactiveForeground#656d76
- peekView.border#0969da
- peekViewEditor.background#dbeafe
- peekViewEditor.matchHighlightBackground#ffdf5d
- peekViewEditor.matchHighlightBorder#ffd33d
- peekViewEditorGutter.background#f6f8fa
- peekViewResult.background#f6f8fa
- peekViewResult.fileForeground#24292f
- peekViewResult.lineForeground#656d76
- peekViewResult.matchHighlightBackground#ffeb9c
- peekViewResult.selectionBackground#b3d4fc
- peekViewResult.selectionForeground#24292f
- peekViewTitle.background#e1e4e8
- peekViewTitleDescription.foreground#656d76
- peekViewTitleLabel.foreground#24292f
- pickerGroup.border#e1e4e8
- pickerGroup.foreground#0969da
- progressBar.background#0969da
- scrollbar.shadow#6a737d33
- scrollbarSlider.activeBackground#8c959f60
- scrollbarSlider.background#8c959f20
- scrollbarSlider.hoverBackground#8c959f40
- selection.background#b3d4fc
- settings.focusedRowBackground#f6f8fa
- settings.headerForeground#24292f
- sideBar.background#f6f8fa
- sideBar.border#e1e4e8
- sideBar.dropBackground#dbeafe
- sideBar.foreground#24292f
- sideBarSectionHeader.background#e1e4e8
- sideBarSectionHeader.border#e1e4e8
- sideBarSectionHeader.foreground#24292f
- sideBarTitle.foreground#24292f
- statusBar.background#ffffff
- statusBar.border#e1e4e8
- statusBar.debuggingBackground#ffebe9
- statusBar.debuggingBorder#e1e4e8
- statusBar.debuggingForeground#24292f
- statusBar.foreground#24292f
- statusBar.noFolderBackground#ffffff
- statusBar.noFolderBorder#e1e4e8
- statusBar.noFolderForeground#24292f
- statusBarItem.activeBackground#e1e4e8
- statusBarItem.hoverBackground#f3f4f6
- statusBarItem.remoteBackground#0969da
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorder#e1e4e8
- tab.activeBorderTop#fd7e14
- tab.activeForeground#24292f
- tab.border#e1e4e8
- tab.hoverBackground#e1e4e8
- tab.hoverBorder#e1e4e8
- tab.hoverForeground#24292f
- tab.inactiveBackground#f6f8fa
- tab.inactiveForeground#656d76
- terminal.ansiBlack#24292f
- terminal.ansiBlue#0969da
- terminal.ansiBrightBlack#8c959f
- terminal.ansiBrightBlue#218bff
- terminal.ansiBrightCyan#3192aa
- terminal.ansiBrightGreen#1f883d
- terminal.ansiBrightMagenta#a475f9
- terminal.ansiBrightRed#d1242f
- terminal.ansiBrightWhite#656d76
- terminal.ansiBrightYellow#bf8700
- terminal.ansiCyan#1b7c83
- terminal.ansiGreen#116329
- terminal.ansiMagenta#8250df
- terminal.ansiRed#cf222e
- terminal.ansiWhite#656d76
- terminal.ansiYellow#9a6700
- terminal.border#e1e4e8
- terminal.foreground#24292f
- terminal.selectionBackground#b3d4fc
- terminalCursor.background#ffffff
- terminalCursor.foreground#24292f
- textLink.foreground#0969da
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#24292f
- titleBar.border#e1e4e8
- titleBar.inactiveBackground#f6f8fa
- titleBar.inactiveForeground#656d76
- tree.indentGuidesStroke#d1d9e0
- walkThrough.embeddedEditorBackground#f6f8fa
- widget.shadow#8c959f33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.constant.edge | #e36209 | — |
| constant.other.character-class.regexp | #d1242f | — |
| keyword.operator.quantifier.regexp | #bf8700 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #1f883d | — |
| variable.parameter.function | #656d76 | — |
| comment, punctuation.definition.comment | #8c959f | italic |
| comment markup.link | #6e7681 | — |
| markup.changed.diff | #bf8700 | — |
| meta.diff.header.from-file,punctuation.definition.from-file.diff | #0969da | — |
| markup.inserted.diff | #1f883d | — |
| markup.deleted.diff | #d1242f | — |
| meta.function.c | #d1242f | — |
| keyword.control.cpp | #bf8700 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #24292f | — |
| punctuation.separator.key-value | #24292f | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| keyword.operator.expression.import | #0969da | — |
| support.constant.math | #bf8700 | — |
| support.constant.property.math | #e36209 | — |
| support.other.variable | #d1242f | — |
| meta.object-literal.key | #d1242f | — |
| support.module.node,support.type.object.module,support.module.node | #bf8700 | — |
| entity.name.method.js | #6f42c1 | — |
| meta.class-method.js entity.name.function.js,variable.function.constructor | #6f42c1 | — |
| entity.other.attribute-name | #bf8700 | italic |
| text.html.basic entity.other.attribute-name.html,text.html.basic entity.other.attribute-name | #bf8700 | italic |
| entity.other.attribute-name.class | #bf8700 | — |
| source.sass keyword.control | #6f42c1 | — |
| markup.inserted | #1f883d | — |
| markup.deleted | #d1242f | — |
| markup.changed | #bf8700 | — |
| string.regexp | #032f62 | — |
| constant.character.escape | #032f62 | — |
| *url*,*link*,*uri* | — | underline |
| tag.decorator.js entity.name.tag.js,tag.decorator.js punctuation.definition.tag.js | #6f42c1 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #d1242f | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #6f42c1 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #bf8700 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #e36209 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d1242f | — |
| text.html.markdown,punctuation.definition.list_item.markdown | #24292f | — |
| text.html.markdown markup.inline.raw.markdown | #6f42c1 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #8c959f | — |
| markdown.heading,entity.name.section.markdown | #0969da | bold |
| markup.italic | #24292f | italic |
| markup.bold,markup.bold string | #24292f | bold |
| markup.bold markup.italic,markup.italic markup.bold,markup.quote markup.bold,markup.bold markup.italic string,markup.italic markup.bold string,markup.quote markup.bold string | #24292f | bold |
| markup.underline | #e36209 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #8c959f | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #0969da | — |
| string.other.link.description.title.markdown | #6f42c1 | — |
| constant.other.reference.link.markdown | #bf8700 | — |
| markup.raw.block | #6f42c1 | — |
| markup.raw.block.fenced.markdown | #24292f80 | — |
| punctuation.definition.fenced.markdown | #24292f80 | — |
| markup.raw.block.fenced.markdown,variable.language.fenced.markdown,punctuation.section.class.end | #24292f | — |
| variable.language.fenced.markdown | #8c959f | — |
| meta.separator | #8c959f | bold |
| markup.table | #24292f | — |
| token.info-token | #0969da | — |
| token.warn-token | #bf8700 | — |
| token.error-token | #d1242f | — |
| token.debug-token | #8250df | — |
| string | #1f883d | — |
| keyword | #cf222e | — |
| keyword.operator | #cf222e | — |
| constant.numeric | #0550ae | — |
| entity.name.function,meta.require,support.function,variable.function | #8250df | — |
| support.class,entity.name.class,entity.name.type.class | #bf8700 | — |
| meta.class entity.name.type.class | #bf8700 | — |
| keyword.other.special-method | #8250df | — |
| storage | #cf222e | — |
| support | #bf8700 | — |
| variable | #e36209 | — |
| support.type,entity.name.type | #bf8700 | — |
| source.css support.type.property-name,source.sass support.type.property-name,source.scss support.type.property-name,source.less support.type.property-name,source.stylus support.type.property-name,source.postcss support.type.property-name | #005cc5 | — |
| entity.name.module.js,variable.import.parameter.js,variable.other.class.js | #d1242f | — |
| variable.language | #d1242f | italic |
| entity.name.method.js | #8250df | italic |
| meta.class-method.js entity.name.function.js,variable.function.constructor | #8250df | — |
| entity.other.attribute-name | #bf8700 | — |
| text.html.basic entity.other.attribute-name.html,text.html.basic entity.other.attribute-name | #bf8700 | italic |
| entity.other.attribute-name.class | #bf8700 | — |
| source.sass keyword.control | #8250df | — |
| markup.inserted | #1f883d | — |
| markup.deleted | #d1242f | — |
| markup.changed | #bf8700 | — |
| string.regexp | #032f62 | — |
| constant.character.escape | #032f62 | — |
| *url*,*link*,*uri* | — | underline |
| tag.decorator.js entity.name.tag.js,tag.decorator.js punctuation.definition.tag.js | #8250df | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #d1242f | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #8250df | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #bf8700 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #e36209 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d1242f | — |
| text.html.markdown,punctuation.definition.list_item.markdown | #24292f | — |
| text.html.markdown markup.inline.raw.markdown | #8250df | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #8c959f | — |
| markdown.heading,entity.name.section.markdown | #0969da | bold |
| markup.italic | #24292f | italic |
| markup.bold,markup.bold string | #24292f | bold |
| markup.bold markup.italic,markup.italic markup.bold,markup.quote markup.bold,markup.bold markup.italic string,markup.italic markup.bold string,markup.quote markup.bold string | #24292f | bold |
| markup.underline | #e36209 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #8c959f | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #0969da | — |
| string.other.link.description.title.markdown | #8250df | — |
| constant.other.reference.link.markdown | #bf8700 | — |
| markup.raw.block | #8250df | — |
| markup.raw.block.fenced.markdown | #24292f80 | — |
| punctuation.definition.fenced.markdown | #24292f80 | — |
| markup.raw.block.fenced.markdown,variable.language.fenced.markdown,punctuation.section.class.end | #24292f | — |
| variable.language.fenced.markdown | #8c959f | — |
| meta.separator | #8c959f | bold |
| markup.table | #24292f | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...