Fluent OLED
Publisher: fermeridamagniThemes in package: 1
A pure black, minimalist theme designed for OLED displays. Zero distractions, GitHub syntax highlighting.
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.activeBorder#c9d1d9
- activityBar.background#000000
- activityBar.border#111111
- activityBar.foreground#c9d1d9
- activityBar.inactiveForeground#4a4a4a
- activityBarBadge.background#c9d1d9
- activityBarBadge.foreground#000000
- badge.background#c9d1d9
- badge.foreground#000000
- banner.background#0a0a0a
- banner.foreground#c9d1d9
- banner.iconForeground#c9d1d9
- breadcrumb.activeSelectionForeground#c9d1d9
- breadcrumb.background#000000
- breadcrumb.focusForeground#c9d1d9
- breadcrumb.foreground#6e7681
- breadcrumbPicker.background#0a0a0a
- button.background#c9d1d9
- button.foreground#000000
- button.hoverBackground#e6edf3
- button.secondaryBackground#1b1b1b
- button.secondaryForeground#c9d1d9
- button.secondaryHoverBackground#2a2a2a
- charts.blue#58a6ff
- charts.foreground#c9d1d9
- charts.green#3fb950
- charts.lines#c9d1d9
- charts.orange#ffa657
- charts.purple#bc8cff
- charts.red#ff7b72
- charts.yellow#d29922
- checkbox.background#0a0a0a
- checkbox.border#1b1b1b
- checkbox.foreground#c9d1d9
- commandCenter.activeBackground#161616
- commandCenter.activeForeground#c9d1d9
- commandCenter.background#0a0a0a
- commandCenter.border#1b1b1b
- commandCenter.foreground#8b949e
- debugIcon.breakpointForeground#f85149
- debugIcon.pauseForeground#d29922
- debugIcon.restartForeground#3fb950
- debugIcon.startForeground#3fb950
- debugIcon.stepIntoForeground#c9d1d9
- debugIcon.stepOutForeground#c9d1d9
- debugIcon.stepOverForeground#c9d1d9
- debugIcon.stopForeground#f85149
- debugToolBar.background#0a0a0a
- debugToolBar.border#161616
- descriptionForeground#8b949e
- diffEditor.insertedLineBackground#23863615
- diffEditor.insertedTextBackground#23863622
- diffEditor.removedLineBackground#da363315
- diffEditor.removedTextBackground#da363322
- dropdown.background#0a0a0a
- dropdown.border#1b1b1b
- dropdown.foreground#c9d1d9
- editor.background#000000
- editor.findMatchBackground#9e6a03aa
- editor.findMatchBorder#9e6a03
- editor.findMatchHighlightBackground#f2cc6044
- editor.foreground#c9d1d9
- editor.hoverHighlightBackground#c9d1d912
- editor.inactiveSelectionBackground#c9d1d910
- editor.lineHighlightBackground#0a0a0a
- editor.lineHighlightBorder#0a0a0a
- editor.rangeHighlightBackground#c9d1d910
- editor.selectionBackground#c9d1d920
- editor.selectionHighlightBackground#3fb95020
- editor.wordHighlightBackground#c9d1d918
- editor.wordHighlightStrongBackground#c9d1d928
- editorBracketHighlight.foreground1#79c0ff
- editorBracketHighlight.foreground2#ffa657
- editorBracketHighlight.foreground3#d2a8ff
- editorBracketHighlight.foreground4#79c0ff
- editorBracketHighlight.foreground5#ffa657
- editorBracketHighlight.foreground6#d2a8ff
- editorBracketMatch.background#c9d1d918
- editorBracketMatch.border#c9d1d930
- editorCursor.foreground#c9d1d9
- editorError.foreground#f85149
- editorGroup.border#111111
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#111111
- editorGutter.addedBackground#238636
- editorGutter.deletedBackground#da3633
- editorGutter.modifiedBackground#2f81f7
- editorHoverWidget.background#0a0a0a
- editorHoverWidget.border#161616
- editorIndentGuide.activeBackground1#2a2a2a
- editorIndentGuide.background1#161616
- editorInfo.foreground#8b949e
- editorInlayHint.background#161616
- editorInlayHint.foreground#6e7681
- editorLineNumber.activeForeground#e6edf3
- editorLineNumber.foreground#3a3a3a
- editorOverviewRuler.border#00000000
- editorRuler.foreground#161616
- editorStickyScroll.background#000000
- editorStickyScrollHover.background#0a0a0a
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.border#161616
- editorSuggestWidget.foreground#c9d1d9
- editorSuggestWidget.highlightForeground#e6edf3
- editorSuggestWidget.selectedBackground#161616
- editorWarning.foreground#d29922
- editorWhitespace.foreground#1e1e1e
- editorWidget.background#0a0a0a
- editorWidget.border#161616
- editorWidget.foreground#c9d1d9
- errorForeground#f85149
- focusBorder#3a3a3a
- foreground#c9d1d9
- gitDecoration.addedResourceForeground#3fb950
- gitDecoration.conflictingResourceForeground#d29922
- gitDecoration.deletedResourceForeground#f85149
- gitDecoration.ignoredResourceForeground#484f58
- gitDecoration.modifiedResourceForeground#d29922
- gitDecoration.renamedResourceForeground#3fb950
- gitDecoration.stageDeletedResourceForeground#f85149
- gitDecoration.stageModifiedResourceForeground#d29922
- gitDecoration.untrackedResourceForeground#3fb950
- icon.foreground#c9d1d9
- input.background#0a0a0a
- input.border#1b1b1b
- input.foreground#c9d1d9
- input.placeholderForeground#484f58
- inputOption.activeBackground#c9d1d920
- inputOption.activeBorder#c9d1d900
- inputOption.activeForeground#e6edf3
- inputValidation.errorBackground#000000
- inputValidation.errorBorder#f85149
- inputValidation.infoBackground#000000
- inputValidation.infoBorder#8b949e
- inputValidation.warningBackground#000000
- inputValidation.warningBorder#d29922
- keybindingLabel.background#161616
- keybindingLabel.border#2a2a2a
- keybindingLabel.bottomBorder#2a2a2a
- keybindingLabel.foreground#c9d1d9
- list.activeSelectionBackground#161616
- list.activeSelectionForeground#c9d1d9
- list.dropBackground#161616
- list.errorForeground#f85149
- list.focusBackground#161616
- list.focusForeground#c9d1d9
- list.highlightForeground#e6edf3
- list.hoverBackground#0a0a0a
- list.hoverForeground#c9d1d9
- list.inactiveSelectionBackground#0d0d0d
- list.inactiveSelectionForeground#c9d1d9
- list.warningForeground#d29922
- menu.background#0a0a0a
- menu.border#161616
- menu.foreground#c9d1d9
- menu.selectionBackground#161616
- menu.selectionForeground#c9d1d9
- menu.separatorBackground#1b1b1b
- menubar.selectionBackground#161616
- menubar.selectionForeground#c9d1d9
- merge.commonContentBackground#3a3a3a22
- merge.commonHeaderBackground#3a3a3a44
- merge.currentContentBackground#23863622
- merge.currentHeaderBackground#23863644
- merge.incomingContentBackground#58a6ff22
- merge.incomingHeaderBackground#58a6ff44
- minimap.background#000000
- minimap.findMatchHighlight#f2cc6044
- minimap.selectionHighlight#c9d1d920
- minimapGutter.addedBackground#238636
- minimapGutter.deletedBackground#da3633
- minimapGutter.modifiedBackground#2f81f7
- notifications.background#0a0a0a
- notifications.border#161616
- notifications.foreground#c9d1d9
- notificationsErrorIcon.foreground#f85149
- notificationsInfoIcon.foreground#8b949e
- notificationsWarningIcon.foreground#d29922
- panel.background#000000
- panel.border#111111
- panelTitle.activeBorder#c9d1d9
- panelTitle.activeForeground#c9d1d9
- panelTitle.inactiveForeground#6e7681
- peekView.border#3a3a3a
- peekViewEditor.background#060606
- peekViewEditor.matchHighlightBackground#f2cc6044
- peekViewResult.background#060606
- peekViewResult.fileForeground#c9d1d9
- peekViewResult.lineForeground#8b949e
- peekViewResult.matchHighlightBackground#f2cc6044
- peekViewResult.selectionBackground#161616
- peekViewResult.selectionForeground#c9d1d9
- peekViewTitle.background#0a0a0a
- peekViewTitleDescription.foreground#8b949e
- peekViewTitleLabel.foreground#c9d1d9
- progressBar.background#c9d1d9
- quickInput.background#0a0a0a
- quickInput.foreground#c9d1d9
- quickInputList.focusBackground#161616
- quickInputList.focusForeground#c9d1d9
- quickInputTitle.background#0a0a0a
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#c9d1d935
- scrollbarSlider.background#c9d1d915
- scrollbarSlider.hoverBackground#c9d1d925
- selection.background#c9d1d920
- settings.headerForeground#c9d1d9
- settings.modifiedItemIndicator#c9d1d9
- sideBar.background#000000
- sideBar.border#111111
- sideBar.foreground#c9d1d9
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#111111
- sideBarSectionHeader.foreground#c9d1d9
- sideBarTitle.foreground#c9d1d9
- statusBar.background#000000
- statusBar.border#111111
- statusBar.debuggingBackground#da3633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#8b949e
- statusBar.noFolderBackground#000000
- statusBarItem.activeBackground#161616
- statusBarItem.hoverBackground#0a0a0a
- statusBarItem.prominentBackground#0a0a0a
- statusBarItem.remoteBackground#238636
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#000000
- tab.activeBorder#00000000
- tab.activeBorderTop#c9d1d9
- tab.activeForeground#c9d1d9
- tab.border#00000000
- tab.hoverBackground#0a0a0a
- tab.inactiveBackground#000000
- tab.inactiveForeground#6e7681
- tab.lastPinnedBorder#1b1b1b
- tab.unfocusedActiveBorderTop#3a3a3a
- terminal.ansiBlack#0d1117
- terminal.ansiBlue#58a6ff
- terminal.ansiBrightBlack#6e7681
- terminal.ansiBrightBlue#79c0ff
- terminal.ansiBrightCyan#56d4dd
- terminal.ansiBrightGreen#56d364
- terminal.ansiBrightMagenta#d2a8ff
- terminal.ansiBrightRed#ffa198
- terminal.ansiBrightWhite#f0f6fc
- terminal.ansiBrightYellow#e3b341
- terminal.ansiCyan#39d2c0
- terminal.ansiGreen#3fb950
- terminal.ansiMagenta#bc8cff
- terminal.ansiRed#ff7b72
- terminal.ansiWhite#c9d1d9
- terminal.ansiYellow#d29922
- terminal.background#000000
- terminal.foreground#c9d1d9
- testing.iconErrored#f85149
- testing.iconFailed#f85149
- testing.iconPassed#3fb950
- testing.iconQueued#d29922
- testing.iconSkipped#8b949e
- testing.iconUnset#8b949e
- textBlockQuote.background#000000
- textBlockQuote.border#1b1b1b
- textLink.activeForeground#e6edf3
- textLink.foreground#c9d1d9
- textPreformat.foreground#c9d1d9
- textSeparator.foreground#1b1b1b
- titleBar.activeBackground#000000
- titleBar.activeForeground#c9d1d9
- titleBar.border#111111
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#6e7681
- tree.indentGuidesStroke#1b1b1b
- walkThrough.embeddedEditorBackground#000000
- welcomePage.progress.foreground#c9d1d9
- welcomePage.tileBackground#0a0a0a
- welcomePage.tileBorder#161616
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8b949e | italic |
| variable, string constant.other.placeholder | #c9d1d9 | — |
| constant.other.color | #79c0ff | — |
| invalid, invalid.illegal | #f85149 | — |
| keyword, storage.type, storage.modifier | #ff7b72 | — |
| keyword.control, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ff7b72 | — |
| punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #c9d1d9 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #7ee787 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #d2a8ff | — |
| meta.block variable.other | #ffa657 | — |
| support.other.variable, string.other.link | #ffa657 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #79c0ff | — |
| variable.parameter | #c9d1d9 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #a5d6ff | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ffa657 | — |
| support.type | #ffa657 | — |
| 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 | #79c0ff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #f85149 | — |
| variable.language | #f85149 | italic |
| entity.name.method.js | #d2a8ff | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #d2a8ff | — |
| entity.other.attribute-name | #79c0ff | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #79c0ff | italic |
| entity.other.attribute-name.class | #7ee787 | — |
| source.sass keyword.control | #d2a8ff | — |
| markup.inserted | #3fb950 | — |
| markup.deleted | #f85149 | — |
| markup.changed | #d29922 | — |
| string.regexp | #7ee787 | — |
| constant.character.escape | #79c0ff | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #d2a8ff | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #f85149 | italic |
| support.type.property-name.json | #79c0ff | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #c9d1d9 | — |
| text.html.markdown markup.inline.raw.markdown | #79c0ff | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #6e7681 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #79c0ff | bold |
| markup.italic | #c9d1d9 | italic |
| markup.bold, markup.bold string | #c9d1d9 | 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 | #c9d1d9 | bold italic |
| markup.underline | #ffa657 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #6e7681 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #c9d1d9 | — |
| string.other.link.description.title.markdown | #d2a8ff | — |
| constant.other.reference.link.markdown | #ffa657 | — |
| markup.raw.block | #d2a8ff | — |
| markup.raw.block.fenced.markdown | #6e768150 | — |
| punctuation.definition.fenced.markdown | #6e768150 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #c9d1d9 | — |
| variable.language.fenced.markdown | #6e7681 | — |
| meta.separator | #6e7681 | bold |
| markup.table | #c9d1d9 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...