README file from
GithubMia is a lightweight Obsidian theme for macOS and iOS that builds on the default theme, with an emphasis on a clean, distraction-free experience.
Features
- Light mode and Dark mode
- System fonts with spacing, headings, link styling designed for usability and readability1
- A true Source view for working with markdown:
- monospace font
- headings hang in margin
- formatting noise (e.g., url in a link) is muted
- Images are centered by default
- Image alt tags:
- Images
float-leftandfloat-right - Images
invert-darkandinvert-lightdepending on the theme - Constrain aspect ration to 16 / 10 with
screen,wallpaper,wp
- Images
- Images are slightly dimmed in dark mode (configurable)
- Checkbox style for cancelled tasks
[-] - CSS class
readerfor reading in serif (similar to Safari reader) - CSS class
math-leftfor left-aligned math blocks - PDF export at 12pt with black text
- Style Settings support for some of the more opinionated choices
Style settings
Install the Style Settings plugin to fine-tune the Mia theme's settings.
Reader view
Use reader in a cssclasses property to use a serif font for reading view.
cssclasses: reader
Image alt classes
Example:
I introduced Fern to FMHY this morning.![[Blackbeard.webp|float-right|150]]
| alt tag | effect |
|---|---|
| float-left | image is left-aligned, and content wraps around it |
| float-right | image is right-aligned, and content wraps around it |
| invert-dark | image will be inverted when using the dark theme |
| invert-light | image will be inverted when using the light theme |
| banner-top-250 | image is restricted to 250px tall, cropped to the top of the image |
| screen, wp, wallpaper | image aspect ratio is constrained to 16 / 10 |
Footnotes
-
"SF Mono" font must be installed on desktop, otherwise default monospace font is "Menlo". See: Fonts - Apple Developer ↩
