Fokus

by ike-v
Screenshot of the Fokus Obsidian theme
5
4
3
2
1

Description

This theme supports Dark Mode
This theme supports Light Mode

README file from

Github

Fokus

Fokus

Fokus is a borderless Obsidian theme for people who'd rather see their notes than the app around them. It comes with more than 20 color schemes, each with a light and dark version, and the Fokus window that leaves just you and your work with as little friction as possible.

Writing in the Fokus window

The Themes

Fokus across color schemes

No divider lines anywhere. Carefully curated recreations of popular colorways, with some personally created for this release. Menus, dialogs and the command palette are all themed to match the main theme.

  • More than 20 color schemes. Every one has a light and dark version and is checked against WCAG AA contrast, so text stays readable in all of them. An AMOLED Black setting gives pure black backgrounds in dark mode.
  • Your accent color. Each scheme starts with its own curated accent color. Pick a different one in Settings → Appearance → Accent color and links, buttons, tags and highlights all follow it.
  • Rounded corners. One slider in Style Settings controls the corner radius, with a comfy 25px default.
  • Colored headings and colored bold/italic. Choose between the current theme's text color or Obsidian's built-in colored headings.
  • Adjustable line length for the text column (with Readable line length turned on).

Fokus works on macOS, Windows, Linux, iOS and Android. On phones, the title bar shows just the note name, because there's no room for the folder path.

Fokus Window

Fokus window across color schemes

With the companion plugin Fokus Window Mode installed, one hotkey or the ⌃ chevron in the tab bar turns Obsidian into a single page of writing.

  • Everything else steps aside: the ribbon, tab bar, title bar and status bar all hide. Want to keep any of them? Choose in Style Settings → Fokus Style Settings.
  • Sidebars stay put until you leave, so a stray shortcut can't slide one over your text. When you come back, they're exactly how you left them.
  • No scrollbars. You can still scroll; the bar just isn't there.
  • It's still a normal window. You can drag it by the top edge, shake it around a bit, if so inclined.
  • Leaving is the same hotkey again, or the ⌄ chevron in the top-right corner. If you'd rather use only the hotkey, turn on Hide Chevron Buttons.
  • Nothing gets rearranged. Your workspace and settings are left alone; it's a simple on/off switch.

The hotkey isn't set by default. Turn on ⌘+\ (Ctrl+\ on Windows and Linux) in Settings → Fokus Window Mode, or pick any key you like in Settings → Hotkeys.

Companion plugins

Both are optional. Without them, Fokus uses its default scheme and settings.

Plugin What it adds
Fokus Window Mode The Fokus window (desktop)
Style Settings The settings below: color scheme, AMOLED black, line length, corners, colors, and what the Fokus window hides

Install

In Obsidian, go to Settings → Appearance → Themes → Manage, search for "Fokus", then choose Install and use.

To install it manually, copy theme.css and manifest.json into .obsidian/themes/Fokus/ inside your vault.

Settings

These appear under Style Settings → Fokus Style Settings.

Fokus Style Settings

Setting What it does
Color Scheme Ayu, Catppuccin, Dracula, Everforest, Flexoki, Fokus (default), Fokus (muted), Gruvbox, Kanagawa, Night Owl, Nightfox, Nord, One, Paper, Placidity, Primer, Rosé Pine, Solarized, Tokyo Night, Violentz, Vitesse
AMOLED Black Pure black backgrounds in dark mode
Line Length How wide the text column is (needs Readable line length on)
Corner Radius 0–40 px
Colored Headings On or off
Colored Bold & Italic On or off
Hide Ribbon / Tab Bar / Title Bar / Status Bar What the Fokus window hides
Hide Chevron Buttons Use only the hotkey to enter and leave

Credits

Many of the schemes are unofficial ports of these open-source palettes, all MIT licensed. A few colors were adjusted so text meets contrast guidelines.

Scheme Palette Author
Ayu ayu Konstantin Pschera
Catppuccin Catppuccin Catppuccin
Dracula Dracula Zeno Rocha
Everforest Everforest sainnhe
Flexoki Flexoki Steph Ango
Gruvbox gruvbox Pavel Pertsev
Kanagawa kanagawa.nvim Tommaso Laurenzi
Night Owl Night Owl Sarah Drasner
Nightfox nightfox.nvim EdenEast
Nord Nord Sven Greb
One One Dark / One Light Atom
Placidity Tailwind CSS Tailwind Labs
Primer Primer GitHub
Rosé Pine Rosé Pine Rosé Pine
Solarized Solarized Ethan Schoonover
Tokyo Night Tokyo Night enkia
Vitesse Vitesse Anthony Fu

Feedback

Fokus is tested on macOS, Windows and Linux. If something looks off, please open an issue.

License

MIT