SNIPPETZerokei

ObsidianSnippets

Obsidian CSS Snipptes

CSSAny theme
# My Obsidian CSS Snippets

Apply to the default obsidian theme.

## Getting Started


```css
# .obsidian/snippets/ZeroSnippets.css
@import url("https://zerokei.github.io/ObsidianSnippets/basic.css");
@import url("https://zerokei.github.io/ObsidianSnippets/callout.css");
@import url("https://zerokei.github.io/ObsidianSnippets/checkbox.css");
@import url("https://zerokei.github.io/ObsidianSnippets/mermaid.css");
@import url("https://zerokei.github.io/ObsidianSnippets/yaml.css");
@import url("https://zerokei.github.io/ObsidianSnippets/digital-garden.css");
@import url("https://zerokei.github.io/ObsidianSnippets/ui.css");
@import url("https://zerokei.github.io/ObsidianSnippets/sidenote.css");
```

Open Obsidian > Settings > Appearance > CSS Snippets and enable it.

## Fonts

### Present

- Default font
    - [LXGW Bright](https://github.com/lxgw/LxgwBright)
- Monospace font
    - [Jetbrains mono](https://github.com/JetBrains/JetBrainsMono)
- Kbd font
    - [Courier Prime](https://fonts.google.com/specimen/Courier+Prime)

### Previous

- [IntelOne mono](https://github.com/intel/intel-one-mono)
- [LXGW Wenkai Screen](https://github.com/lxgw/LxgwWenKai-Screen)

## Credits

- [Obsidian-Serenity](https://github.com/Bluemoondragon07/Obsidian-Serenity)
- [Gwern.net](https://gwern.net/about)
- [Obsidian-sidenote-auto-adjust-module](https://github.com/crnkv/obsidian-sidenote-auto-adjust-module/tree/master)

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

8

Forks

0

License

GPL-3.0

Last updated 9d ago

Categories