# Look and feel

> Themes, fonts, icons, colors, the window and motion

## Theme families

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| Fifteen built-in themes | [✅][l-families] | [✅][o-themes] | [✅][t-themes] | [❌][c-seen] |
| Themes earned by use | [✅][l-earned] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Light and dark each | [✅][l-families] | [✅][o-appearance] | [✅][t-dark] | [✅][c-seen] |
| Family preview pictures | [✅][l-previews] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Online theme gallery | [✅][l-see-all] | [✅][o-themes] | [✅][t-themes] | [❌][c-seen] |
| No faked bold | [✅][l-families] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Packs draw every control | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Cards hold size | [✅][l-choose] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |

## Choosing a look

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| New family each launch | [✅][l-random] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| No repeats before all | [✅][l-random] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Rotation survives restarts | [✅][l-random] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Random card morphs | [✅][l-random] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| System appearance | [✅][l-appearance] | [✅][o-appearance] | [✅][t-dark] | [✅][c-seen] |
| Light appearance | [✅][l-appearance] | [✅][o-appearance] | [✅][t-dark] | [✅][c-seen] |
| Dark appearance | [✅][l-appearance] | [✅][o-appearance] | [✅][t-dark] | [✅][c-seen] |
| Daylight appearance | [✅][l-appearance] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Follows system live | [✅][l-appearance] | [✅][o-appearance] | [✅][t-dark] | [✅][c-seen] |
| Palette bottom sheet | [✅][l-choose] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Cards in own colors | [✅][l-choose] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Current family ringed | [✅][l-choose] | ? | ? | [❌][c-seen] |
| Applies at once | [✅][l-choose] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Four ways to close | [✅][l-choose] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Picker scrolls to family | [✅][l-choose] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |

## Fonts and icons

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| Typeface per family | [✅][l-fonts] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Fonts cached | [✅][l-fonts] | ? | ? | ? |
| GitHub uses system fonts | [✅][l-fonts] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Picker loads fonts briefly | [✅][l-fonts] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| System fallback offline | [✅][l-fonts] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Fonts cached across launches | [✅][l-fonts] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Reading and interface fonts | [✅][l-fonts] | [✅][o-seen] | [❌][t-seen] | [✅][c-seen] |
| Seven icon sets | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Seven named icon packs | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Icons shipped inside | [✅][l-icons] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Missing icons fall back | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Diagram icons shared | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| One bolder weight | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Exports carry icon pack | [✅][l-icons] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |

## Theme colors

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| One token contract | [✅][l-tokens] | [✅][o-seen] | ? | [❌][c-seen] |
| Per-level heading colors | [✅][l-tokens] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Table bands and grid | [✅][l-tokens] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Code and syntax colors | [✅][l-tokens] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Focus and selection colors | [✅][l-tokens] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Readable ink on fills | [✅][l-tokens] | ? | ? | [❌][c-seen] |
| Missing token fails build | [✅][l-tokens] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Transparent hover wash | [✅][l-hover-token] | ? | ? | [❌][c-seen] |
| Goldenrod hovers gold | [✅][l-hover-token] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Boxes in theme surfaces | [✅][l-diagrams] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Arrows in muted ink | [✅][l-diagrams] | ? | ? | [❌][c-seen] |
| Twelve categorical colors | [✅][l-diagrams] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Gantt state colors | [✅][l-diagrams] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Labels in document face | [✅][l-diagrams] | ? | ? | [❌][c-seen] |
| Ink picked per fill | [✅][l-diagrams] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Diagrams redrawn on theme | [✅][l-diagrams] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Diagram contrast gated | [✅][l-diagrams] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |

## Make your own

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| Themes as data files | [✅][l-add-own] | [✅][o-themes] | [✅][t-themes] | [✅][c-seen] |
| Make-your-own link | [✅][l-add-own] | [✅][o-appearance] | [✅][t-themes] | [❌][c-seen] |
| Checked against contract | [✅][l-add-own] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Themes as Markdown tables | [✅][l-add-own] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Light and dark variants | [✅][l-add-own] | [✅][o-seen] | [✅][t-themes] | [❌][c-seen] |
| Per-variant overrides | [✅][l-add-own] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |

## The window

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| Frameless own title bar | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Drag and double-click | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Own window buttons | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [❌][c-seen] |
| Red close hover | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| F11 full screen | [✅][l-windows] | [❌][o-seen] | [✅][t-keys] | [✅][c-seen] |
| See-through Mac strip | [✅][l-macos] | [✅][o-appearance] | ? | ? |
| Theme-colored Mac dots | [✅][l-macos] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Marks on hover | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Dots fold away | [✅][l-macos] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Green dot full screen | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Option-click zoom | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Double-click zooms | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Eight resize edges | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Resize arrows per zone | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Mac minimum size held | [✅][l-macos] | ? | ? | ? |
| Drags leave window | [✅][l-windows] | ? | ? | ? |
| Windows snapping kept | [✅][l-windows] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Band hidden maximized | [✅][l-windows] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Buttons never shrink | [✅][l-windows] | ? | ? | ? |
| Controls light gently | [✅][l-hover] | ? | ? | ? |
| Sheets land springily | [✅][l-hover] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Folds slide open | [✅][l-collapsible] | ? | ? | ? |
| One overhead light | [✅][l-tokens] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Pane springs, bounces | [✅][l-pane] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Nub slams home | [✅][l-toolbar] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| File type badges | [✅][l-tabs] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Hover-only tab controls | [✅][l-tabs] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Hand only on links | [✅][l-pointer] | ? | ? | ? |
| Pixel-grid window buttons | [✅][l-windows] | ? | ? | ? |
| Taskbar preview icon | [✅][l-windows] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Drawn edge resizing | [✅][l-windows] | ? | ? | ? |
| Own scrollbars everywhere | [✅][l-scrollbars] | [✅][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Rounded Mac window | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Smooth trackpad glide | [✅][l-macos] | ? | ? | ? |
| F11, middle square exit | [✅][l-windows] | ? | ? | ? |
| Fading tab close cross | [✅][l-tabs] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |

## Motion and surfaces

| Feature | Leaftext | Obsidian | Typora | Calibre |
| --- | --- | --- | --- | --- |
| Sheets rise and settle | [✅][l-reduce-motion] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Closing pulls first | [✅][l-reduce-motion] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Drag dismissal follows hand | [✅][l-reduce-motion] | ? | ? | ? |
| Reduce Motion closes instantly | [✅][l-reduce-motion] | ? | ? | ? |
| Scrim fades with sheet | [✅][l-reduce-motion] | ? | ? | ? |
| Single overhead light | [✅][l-tokens] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Lighter bands on light | [✅][l-tokens] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Corner buttons light gradually | [✅][l-hover] | ? | ? | ? |
| Warning buttons deepen | [✅][l-hover] | ? | ? | ? |
| Tray rubber-bands | [✅][l-toolbar] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Pill slides, bounces | [✅][l-toolbar] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Mac-shaped window | [✅][l-macos] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Smooth Mac moves | [✅][l-macos] | ? | ? | ? |
| Half-strength inactive colors | [✅][l-inactive] | ? | ? | ? |
| Accent ink checked | [✅][l-tokens] | ? | ? | ? |
| Borders held 3:1 | [✅][l-tokens] | ? | ? | ? |
| Striped rows readable | [✅][l-tokens] | ? | ? | ? |
| Window dims behind | [✅][l-inactive] | [✅][o-seen] | [✅][t-seen] | [✅][c-seen] |
| Colors at half strength | [✅][l-inactive] | ? | ? | ? |
| Fifth-second fade | [✅][l-inactive] | ? | ? | ? |
| Motion setting keeps state | [✅][l-inactive] | ? | ? | ? |
| Exports full strength | [✅][l-inactive] | ? | ? | ? |
| Follows system setting | [✅][l-reduce-motion] | ? | ? | ? |
| Nothing slides or fades | [✅][l-reduce-motion] | ? | ? | ? |
| Spinners turn slower | [✅][l-reduce-motion] | ? | ? | ? |
| Table edge marks stay | [✅][l-reduce-motion] | [❌][o-seen] | [❌][t-seen] | [❌][c-seen] |
| Placeholders stay dim | [✅][l-reduce-motion] | ? | ? | ? |
| Tenth-second hover light | [✅][l-reduce-motion] | ? | ? | ? |

[l-families]: ../01-features/06-themes.md#families
[l-earned]: ../01-features/06-themes.md#earned-families
[l-previews]: ../01-features/06-themes.md#previews
[l-see-all]: ../01-features/06-themes.md#see-them-all
[l-random]: ../01-features/06-themes.md#random
[l-appearance]: ../01-features/06-themes.md#appearance
[l-choose]: ../01-features/06-themes.md#choose
[l-fonts]: ../01-features/06-themes.md#fonts
[l-icons]: ../01-features/06-themes.md#icons
[l-tokens]: ../01-features/06-themes.md#tokens
[l-hover-token]: ../01-features/06-themes.md#what-is-under-the-pointer
[l-diagrams]: ../01-features/06-themes.md#diagrams
[l-add-own]: ../01-features/06-themes.md#add-your-own
[l-windows]: ../01-features/06-themes.md#windows
[l-macos]: ../01-features/06-themes.md#macos
[l-hover]: ../01-features/02-navigation.md#what-a-control-does-under-the-pointer
[l-collapsible]: ../01-features/01-rendering.md#collapsible-sections
[l-pane]: ../01-features/03-library.md#layout
[l-toolbar]: ../01-features/02-navigation.md#the-floating-toolbar
[l-tabs]: ../01-features/02-navigation.md#tabs
[l-pointer]: ../01-features/02-navigation.md#the-pointer
[l-scrollbars]: ../01-features/02-navigation.md#scrollbars
[l-inactive]: ../01-features/02-navigation.md#when-another-app-is-in-front
[l-reduce-motion]: ../01-features/05-settings.md#reduce-motion
[o-themes]: https://obsidian.md/help/themes
[o-appearance]: https://obsidian.md/help/appearance
[t-themes]: https://support.typora.io/About-Themes/
[t-dark]: https://support.typora.io/Dark-Mode/
[t-keys]: https://support.typora.io/Shortcut-Keys/
[c-viewer]: https://manual.calibre-ebook.com/viewer.html
[c-seen]: ../05-compare.md#calibre
[o-seen]: ../05-compare.md#obsidian
[t-seen]: ../05-compare.md#typora