A Doom Emacs “Doom One”–inspired monochrome theme for Obsidian, designed for people who want their notes to feel like Org mode inside Doom.
This is not a flashy theme. It’s intentionally restrained, semantic, and editor-first.
- Monochrome-first UI with a single primary accent (Doom Blue)
- Semantic colour usage, not rainbow syntax
- Org-mode–style emphasis, where formatting conveys meaning
- Reduced UI noise for long writing and thinking sessions
If you like Doom Emacs because it gets out of your way, this theme aims to do the same.
-
Authentic Doom One palette
-
Single accent colour for headings, links, and UI focus
-
Separate code accent to keep prose readable
-
Org-style emphasis mapping: (these are my mappings, I would change if I were you)
- Bold → strong off-white
- Italic → Doom blue
Inline code→ Doom purple- ==Verbatim / highlight== → Doom yellow
Strikethrough→ Doom red emphasis
-
No underlined links (Doom-style)
-
Subtle hierarchy for headings, tables, blockquotes, and UI chrome
- Monospaced by default (JetBrains Mono / Iosevka recommended)
- Tuned line height and font sizes for writing, not dashboards
-
Copy the CSS into:
.obsidian/snippets/doom-one-monochrome.css -
Enable the snippet in: Settings → Appearance → CSS Snippets
This theme pairs especially well with:
- Obsidian Vim mode
- Doom-style keybindings
- Zen / Stille / Focus modes
- Org-like note structures
Built for Doom users who now live in Obsidian, but refuse to give up taste.
/* =========================================================
Doom One – Full Monochrome Obsidian Config
========================================================= */
/* -----------------------------
Core Doom Palette
----------------------------- */
:root {
/* Doom One colours */
--doom-bg: #282c34;
--doom-bg-alt: #21242b;
--doom-fg: #bbc2cf;
--doom-fg-dim: #5b6268;
/* Primary accent (UI, headings, links) */
--doom-accent: #51afef; /* Doom Blue */
/* Code-only accent */
--doom-code-accent: #98be65; /* Doom Green */
/* Borders */
--doom-border: #1c1f24;
/* Fonts */
--doom-font-mono: "JetBrains Mono", "Iosevka", monospace;
}
/* -----------------------------
Obsidian Theme Variables
----------------------------- */
body {
--background-primary: var(--doom-bg);
--background-secondary: var(--doom-bg-alt);
--background-modifier-border: var(--doom-border);
--text-normal: var(--doom-fg);
--text-muted: var(--doom-fg-dim);
--text-faint: var(--doom-fg-dim);
--interactive-accent: var(--doom-accent);
--interactive-accent-hover: var(--doom-accent);
--link-color: var(--doom-accent);
--link-color-hover: var(--doom-accent);
font-family: var(--doom-font-mono);
}
/* =========================================================
Editor (Live Preview + Reading)
========================================================= */
.cm-content,
.markdown-preview-view {
font-family: var(--doom-font-mono);
font-size: 14px;
line-height: 1.6;
}
/* Cursor */
.cm-content {
caret-color: var(--doom-accent);
}
/* =========================================================
Org-Mode-Like Headings
========================================================= */
.cm-header,
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
color: var(--doom-accent);
font-weight: 600;
letter-spacing: 0.02em;
}
/* Subtle hierarchy (org-like) */
.markdown-preview-view h1 { font-size: 1.6em; }
.markdown-preview-view h2 { font-size: 1.4em; }
.markdown-preview-view h3 { font-size: 1.25em; }
.markdown-preview-view h4 { font-size: 1.15em; }
/* =========================================================
Code Blocks & Inline Code (Different Accent)
========================================================= */
.cm-inline-code,
.markdown-preview-view code {
color: var(--doom-code-accent);
background: var(--doom-bg-alt);
padding: 0.15em 0.35em;
border-radius: 4px;
font-size: 0.95em;
}
pre,
.markdown-preview-view pre {
background: var(--doom-bg-alt);
border: 1px solid var(--doom-border);
padding: 1em;
border-radius: 6px;
}
/* =========================================================
Emphasis (Bold / Italic)
========================================================= */
.cm-strong,
.markdown-preview-view strong {
color: var(--doom-accent);
font-weight: 600;
}
.cm-em,
.markdown-preview-view em {
color: var(--doom-accent);
}
/* =========================================================
Doom-Style Links (No Underline)
========================================================= */
a {
color: var(--doom-accent);
text-decoration: none;
}
a:hover {
text-decoration: none;
opacity: 0.85;
}
/* =========================================================
UI Noise Reduction
========================================================= */
.workspace-ribbon,
.titlebar {
opacity: 0.85;
}
/* Active tab */
.workspace-tab-header.is-active {
color: var(--doom-accent);
}
/* File explorer */
.nav-file-title.is-active {
color: var(--doom-accent);
font-weight: 600;
}
/* Status bar */
.status-bar {
background: var(--doom-bg-alt);
color: var(--doom-fg-dim);
border-top: 1px solid var(--doom-border);
}
/* =========================================================
Selection
========================================================= */
::selection {
background: rgba(81, 175, 239, 0.25);
}
/* =========================================================
Tables (Clean & Minimal)
========================================================= */
.markdown-preview-view table {
border-collapse: collapse;
}
.markdown-preview-view th,
.markdown-preview-view td {
border: 1px solid var(--doom-border);
padding: 0.4em 0.6em;
}
/* =========================================================
Blockquotes (Org-style subtle)
========================================================= */
.markdown-preview-view blockquote {
border-left: 3px solid var(--doom-accent);
padding-left: 1em;
color: var(--doom-fg-dim);
background: transparent;
}
/* =========================================================
Doom Org-Style Emphasis Mapping
========================================================= */
/* *bold* → off-white, heavy */
.cm-strong,
.markdown-preview-view strong {
color: #DFDFDF;
font-weight: 800;
}
/* _italic_ → doom blue */
.cm-em,
.markdown-preview-view em {
color: #51afef;
font-style: italic;
}
/* =verbatim= → doom yellow, underlined */
.cm-highlight,
.markdown-preview-view mark {
color: #ECBE7B;
background: transparent;
text-decoration: underline;
font-weight: 700;
}
/* ~code~ → doom purple */
.cm-inline-code,
.markdown-preview-view code {
color: #c678dd;
background: var(--doom-bg-alt);
}
/* +underline bold italic+ → doom red */
.cm-strikethrough,
.markdown-preview-view del {
color: #ff6c6b;
text-decoration: underline;
font-weight: 700;
font-style: italic;
}