Skip to content

Instantly share code, notes, and snippets.

@bloodstiller
Created January 30, 2026 07:50
Show Gist options
  • Select an option

  • Save bloodstiller/bdd66ca506c9c0213730bfd13b2d5a29 to your computer and use it in GitHub Desktop.

Select an option

Save bloodstiller/bdd66ca506c9c0213730bfd13b2d5a29 to your computer and use it in GitHub Desktop.

Doom One Monochrome Theme for Obsidian

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.

Philosophy

  • 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.

Key Features

  • 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

Typography

  • Monospaced by default (JetBrains Mono / Iosevka recommended)
  • Tuned line height and font sizes for writing, not dashboards

Installation

  1. Copy the CSS into:

    .obsidian/snippets/doom-one-monochrome.css
    
  2. Enable the snippet in: Settings → Appearance → CSS Snippets

Recommended Pairings

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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment