A minimalistic and opinionated Obsidian theme for the keyboard-centric user.
🏆 Winner Obsidian October 2022 (Category: Theme Update).
- Radical Minimalism: As opposed to a minimalism of colors, this theme focuses on a minimalistic user interface: Buttons and sidebars not relevant for keyboard users are removed. UI elements that require the mouse are still accessible on hover. All hidden UI elements can be permanently re-enabled with the Style Settings Plugin.
- Condensed Display of Information: Unnecessary padding and white-space is removed, which is beneficial for small screens or higher zoom levels.
- High Customizability: Dozens of customization options available via the Style Settings Plugin.
- Emphasis of Pandoc Citations and Footnotes.
- Alt-text of images is used as caption.
- Images can be zoomed in by clicking and holding. You can also toggle between reduced and original size via command (requires Style Settings Plugin).
- Code blocks: Various improvements like disabled wrapping, and line numbers per code block.
- Extensive Styling for the Longform Plugin, including alternative background colors and serif-fonts only for notes in longform projects.
- Vim Mode: Explicit styling of Obsidian's Vim Mode and various style settings for vim mode, such as relative line numbers.
- Tables: Highlighting of active cells, alternating row colors
- Dozens of customization options available via Style Settings Plugin.
- …and more many more.
Note
This theme only supports the Obsidian desktop release. PRs with fixes for mobile are welcome though.
When the Style Settings Plugin is installed, Shimmering Focus adds commands for toggling theme features:
- Toggle folding of URLs (Source Mode)
- Toggle between reduced and original image size (reduced size can be set in the respective style setting)
With Shimmering Focus, you can create your own color scheme with this CSS snippet. You are welcome to share your color scheme.
.theme-light.theme-light {
--bg-hue: 230;
--bg-sat: 25%;
/* `--color-accent-hsl` should have the same values as `--color-accent` */
--color-accent: hsl(184 79% 35%);
--color-accent-hsl: 184, 79%, 35%;
--interactive-accent: hsl(184 79% 30%);
--alt-heading-color: hsl(232 34% 50%);
--secondary-accent: hsl(28 54% 51%);
--hover-accent: hsl(328 100% 54%);
--link-unresolved-color: hsl(101 42% 51%);
}
.theme-dark.theme-dark {
--bg-hue: 230;
--bg-sat: 15%;
/* Note that `--color-accent-hsl` should have the same values as `--color-accent` */
--color-accent: hsl(184 79% 45%);
--color-accent-hsl: 184, 79%, 35%;
--interactive-accent: hsl(184 79% 30%);
--alt-heading-color: hsl(232 50% 70%);
--secondary-accent: hsl(28 63% 61%);
--hover-accent: hsl(328 100% 64%);
--link-unresolved-color: hsl(101 42% 51%);
}
/* Hide the background color settings since they are overwritten by the custom colors above */
.style-settings-container .setting-item:is([data-id="bg-hue-light"],[data-id="bg-hue-dark"]) {
display: none;
}- This theme is licensed under the MIT License.
- The two embedded fonts iA Writer Quattro and Recursive are licensed under the SIL Open Font License.
- The embedded Material Icon font is licensed under the Apache License.
- This theme includes snippets or ideas from: @SlRvb, @Atlas, @CecilaMay, @DamianKorcz, @Mara-Li, @kepano, @jdanielmourao, @deathau, @MelvinTing, @EmrieCandera, @lkadre, @Chetachie, @pryley, and @joelatschool.
- Many theme features are only possible thanks to the Style Settings Plugin by @mgmeyers.
- Thanks for helping me out in my early days of learning CSS: @SlRvb, @javalent, and @NothingIsLost.
In my day job, I am a sociologist studying the social mechanisms underlying the digital economy. For my PhD project, I investigate the governance of the app economy and how software ecosystems manage the tension between innovation and compatibility. If you are interested in this subject, feel free to get in touch.
