A pure black, minimalist theme for VS Code and VS Code-based editors.
Fluent OLED strips the editor down to what matters — your code. Every surface is #000000 pure black, designed for OLED and AMOLED displays where true black means pixels are completely off. The result is a distraction-free, power-efficient coding experience with zero visual noise.
Syntax highlighting follows the GitHub Dark palette — familiar, readable, and battle-tested by millions of developers.
-
⬛ True OLED Black —
#000000across the entire workbench: editor, sidebar, tabs, activity bar, status bar, terminal, and panels -
🔘 Monochrome UI — white and gray accents only, keeping the chrome invisible so your code takes center stage
-
🎨 GitHub Syntax Highlighting — the proven GitHub Dark token palette with semantic highlighting support for TypeScript, JavaScript, and more
-
✨ Ultra-Subtle Borders — hairline
#111111separators that vanish on OLED screens, creating a seamless canvas -
🌗 Power Efficient — true black pixels are turned off on OLED/AMOLED displays, saving battery on laptops
-
🔌 Universal Compatibility — works on VS Code, Cursor, Windsurf, Antigravity, and any VS Code-based editor
-
🧭 Zed Extension (in progress) — aiming to provide a dedicated Zed extension: https://github.com/fermeridamagni/fluent-oled-for-zed
- Open Extensions (
Ctrl+Shift+X/Cmd+Shift+X) - Search for Fluent OLED
- Click Install
- Open Preferences → Color Theme → select Fluent OLED
Or install via the command line:
code --install-extension fermeridamagni.fluent-oledAvailable on Open VSX for editors that use the Open VSX registry.
git clone https://github.com/fermeridamagni/fluent-oled.git
cd fluent-oledThen symlink or copy the folder into your editor's extensions directory and restart.
| Element | Hex | Usage |
|---|---|---|
| Background | #000000 |
Editor, sidebar, tabs, panels, terminal |
| Surface | #0a0a0a |
Widgets, dropdowns, hover states |
| Border | #111111 |
Panel dividers, section separators |
| Elevated | #161616 |
Active selections, focused items |
| Foreground | #c9d1d9 |
Primary text, active elements |
| Secondary | #8b949e |
Descriptions, status bar text |
| Muted | #6e7681 |
Inactive tabs, breadcrumbs, placeholders |
| Token | Hex | Example |
|---|---|---|
| Keywords | #ff7b72 |
import const return if export |
| Functions | #d2a8ff |
useState handleClick fetchData |
| Strings | #a5d6ff |
"hello world" 'path/to/file' |
| Constants | #79c0ff |
true null 42 Math.PI |
| Types / Classes | #ffa657 |
string HTMLElement Promise |
| Tags | #7ee787 |
<div> <Button> <section> |
| Comments | #8b949e |
// descriptive comment |
| Variables | #c9d1d9 |
data index result |
For the best experience, pair Fluent OLED with these editor settings:
Contributions are welcome. Please read the Contributing Guide before submitting a pull request.
This project is licensed under the MIT License.
{ // Hide unnecessary chrome "editor.minimap.enabled": false, "editor.scrollbar.vertical": "hidden", "editor.overviewRulerBorder": false, "editor.hideCursorInOverviewRuler": true, "editor.renderLineHighlight": "gutter", // Clean up the workbench "workbench.activityBar.location": "top", "workbench.layoutControl.enabled": false, "breadcrumbs.enabled": false, "window.commandCenter": true, // Smooth editing "editor.cursorBlinking": "smooth", "editor.cursorSmoothCaretAnimation": "on", "editor.smoothScrolling": true, "workbench.list.smoothScrolling": true }