Phoenix Checkboxes

Phoenix Checkboxes

CSS Snippet for checkboxes in Obsidian

CSSAny theme
# Phoenix Checkboxes
CSS Snippet for checkboxes in [Obsidian](https://obsidian.md).

Compatibility: Obsidian v1.6.5

[RemixIcon font](https://remixicon.com) required (otherwise the checkmarks will just be placeholder boxes).

Inspired by and with a few snippets of code from: [Nicer Checkboxes by kepano and rsdimitrov](https://github.com/kmaasrud/awesome-obsidian#nicer-checkboxes), [deathau's checkboxes](https://github.com/deathau/obsidian-snippets/blob/main/checkbox.css), and [SlRvb's ITS checkboxes](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/S%20-%20Checkboxes.css).

Combines the features of these, with my custom colors and a few tweaks.
Works best with a font size of 16 (Obsidian default).

#### Source Mode (Raw Input)
![src-checkboxes.png](https://github.com/RyzenFromFire/obsidian-phoenix-checkboxes/blob/main/src-checkboxes.png)

#### Edit Mode (Live Preview)
![edit-checkboxes.png](https://github.com/RyzenFromFire/obsidian-phoenix-checkboxes/blob/main/edit-checkboxes.png)

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

7

Forks

0

License

MIT

Last updated 6mo ago