MicroMike
SNIPPETThisTheThe

MicroMike

Micro Mike: Obsidian's smoothest theme. Ergonomics balanced with informational density.

CSSAny theme
![](microMike.png)

Micro Mike: The *smoothest* Obsidian Theme. 

Micro Mike is a high-density retro-style interface with a focus on mouse & eye ergonomics. Try it out and see if you like any of the changes I've made. Only dark mode is supported.

Intended to be used with [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) (found in Community Plugins). 

Want a feature but not the whole thing? Check out the [snippets](https://github.com/ThisTheThe/MicroMike/tree/main/Snippets).

![](https://i.imgur.com/jSTlpRI.png)

With many unique styles accumulated over 2 years of development: 

![cmoppiledSSet](https://github.com/user-attachments/assets/fbe2e8af-ee70-41ad-b85c-c0a174a41f29)

Features:

* Zoomed out, high-density view for:
	* File browser
 	* Outline
 	* Tags
 	* Backlinks/Outlinks

* No more padding gaps! No more missed clicks! Buttons are generally larger, and they take up all the space they can.

![25-03-12_23-40-09-867](https://github.com/user-attachments/assets/30e5f090-0e2a-48e9-9daf-d7069cee1ab7)

* Settings menu boasts many new features:	
	* Left aligned controls make it clear which control belongs to which
	* Higher density layout
	* Fully configurable positioning
   	* Quickly preview how your changes make obsidian look with "Settings Hover Preview".

<img src="https://i.imgur.com/IWuTIBf.png" alt="Image description" width="300" height="200">

* Prompt menu has higher density.

<img src="https://i.imgur.com/q9MROkd.png" alt="Image description" width="300" height="200">

* Automatically generated "toplinks" section (re LYT/Ideaverse), modified from the "Show backlinks at the bottom of notes".

![Image 1](https://i.imgur.com/NXGEkgz.png)

* Accumulating layered background for file browser, to help create a sense of depth.

![Image 1](https://i.imgur.com/O7VtO3m.png)

* Dense Blender-styled right-click dropdown menu.

![Image 1](https://i.imgur.com/za1tIrI.png)

* Optional Windows 7 window frame.
* Also demonstrated: If you resize the window width down enough, Obsidian enters "notepad" mode, shedding the sidebars and status bar for convenient space-efficient notetaking.

![Obsidian_25-03-12_11PM-58-09_429](https://github.com/user-attachments/assets/7b91fa49-e90d-43a0-b807-335519775c98)

* File browser supports word wrapping on titles.

![Obsidian_25-03-13_12AM-06-28_091](https://github.com/user-attachments/assets/4327d2f5-db41-4458-a304-412294b79bea)

* Visually distinctive, colorful skeuomorphic icons.
* Left-aligned readable line length for eye movement convenience. Size can be configured.
* Consistent line size in editor.
* Larger sidebar resize bars (configurable).
* You can click buttons on the edge of the window when fullscreen (with some exceptions).
* Scroll-free options (unless you have > 25ish plugins).
* Clear indication of whether you are in preview / editor mode.
* Generous window drag regions.
* Extensive Style Settings integration with many unique options.

It natively supports:
* All internal plugins
* Community
	* Quick Explorer
	* Recent Files
	* QuickAdd
 	* Quiet Outline

If you would like support added for another plugin, feel free to file an issue. 

Portions of the code are derived from:
* https://khang-nd.github.io/7.css/
* https://github.com/XYZenix/DTM-08

Older versions of this theme are derived from:
* https://github.com/SMUsamaShah/Obsidian-Win98-Edition
* https://github.com/zcysxy/Obsidian-Terminal-Theme
* https://github.com/chetachiezikeuzor/Yin-and-Yang-Theme
* https://github.com/Dmytro-Shulha/obsidian-css-snippets

Icon credits:
* Windows XP
* Windows Longhorn
* Windows Vista
* iconshock.com

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

16

Forks

1

License

MIT

Last updated 1mo ago

Categories