OLED Dark Modern Theme
Publisher: Enrique MotaThemes in package: 1
A pure black OLED-optimized dark theme based on VS Code Dark Modern
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#000000
- activityBar.border#1a1a1a
- activityBar.foreground#b0b0b0
- activityBar.inactiveForeground#555555
- activityBarBadge.background#3a7dd8
- dropdown.background#0a0a0a
- dropdown.border#252525
- editor.background#000000
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#1a1a2acc
- editor.lineHighlightBackground#0a0a0a
- editor.lineHighlightBorder#1a1a1a
- editor.selectionBackground#1c2d40
- editor.wordHighlightBackground#1a1a2e88
- editorCursor.foreground#d4d4d4
- editorGroup.border#1a1a1a
- editorGroupHeader.tabsBackground#000000
- editorIndentGuide.activeBackground1#333333
- editorIndentGuide.background1#1a1a1a
- editorLineNumber.activeForeground#8a8a8a
- editorLineNumber.foreground#3a3a3a
- editorWidget.background#0a0a0a
- editorWidget.border#252525
- focusBorder#2a5a8a
- gitDecoration.ignoredResourceForeground#484848
- gitDecoration.modifiedResourceForeground#62b9ff
- gitDecoration.stageModifiedResourceForeground#62b9ff
- gitDecoration.untrackedResourceForeground#73c991
- input.background#0a0a0a
- input.border#252525
- input.foreground#cccccc
- input.placeholderForeground#5a5a5a
- list.activeSelectionBackground#1a2a3a
- list.activeSelectionForeground#e0e0e0
- list.deemphasizedForeground#5a5a5a
- list.hoverBackground#111111
- list.inactiveSelectionBackground#141418
- panel.background#000000
- panel.border#1a1a1a
- peekView.border#2a5a8a
- scrollbarSlider.activeBackground#3a3a3a88
- scrollbarSlider.background#2a2a2a55
- scrollbarSlider.hoverBackground#3a3a3a66
- sideBar.background#000000
- sideBar.border#1a1a1a
- sideBar.foreground#b0b0b0
- sideBarSectionHeader.background#0a0a0a
- sideBarTitle.foreground#c0c0c0
- statusBar.background#000000
- statusBar.border#1a1a1a
- statusBar.foreground#808080
- tab.activeBackground#000000
- tab.activeBorderTop#3a7dd8
- tab.activeForeground#e0e0e0
- tab.border#141414
- tab.inactiveBackground#050505
- tab.inactiveForeground#6a6a6a
- terminal.background#000000
- titleBar.activeBackground#000000
- titleBar.activeForeground#b0b0b0
- titleBar.border#1a1a1a
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#606060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line.double-slash, comment.block.documentation | #64ad42 | — |
| constant.numeric | #B5CEA8 | — |
| constant.language | #569CD6 | — |
| constant.character, constant.other | #D4D4D4 | — |
| variable | #76cfff | — |
| variable.other.constant | #2bb5ff | — |
| variable.language | #569CD6 | — |
| keyword | #569CD6 | — |
| keyword.control | #be6fb8 | — |
| keyword.operator | #D4D4D4 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #569CD6 | — |
| keyword.other.unit | #B5CEA8 | — |
| punctuation.definition.template-expression | #569CD6 | — |
| storage | #569CD6 | — |
| storage.type | #338dd6 | — |
| storage.modifier | #569CD6 | — |
| string | #cf8365 | — |
| string.tag | #CE9178 | — |
| string.value | #CE9178 | — |
| string.regexp | #D16969 | — |
| string.escape | #D7BA7D | — |
| entity.name.type, entity.name.class | #00cba2 | — |
| entity.name.function | #d8d885 | — |
| entity.name.tag | #569CD6 | — |
| entity.other.attribute-name | #9CDCFE | — |
| entity.other.inherited-class | #4EC9B0 | — |
| support.type, support.class | #4EC9B0 | — |
| support.function | #DCDCAA | — |
| support.constant | #4FC1FF | — |
| support.variable | #9CDCFE | — |
| meta.function-call | #DCDCAA | — |
| meta.definition.variable | #9CDCFE | — |
| invalid | #F44747 | — |
| invalid.deprecated | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| markup.underline | — | underline |
| markup.bold | #569CD6 | bold |
| markup.heading | #569CD6 | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| markup.inline.raw | #CE9178 | — |
| punctuation.definition.tag | #808080 | — |