Shortcuts for obsidian | connecting-the-dots

** BOLD **
_ _ or * *

Resize the image

Obsidian|200 https://obsidian.md/images/banner.png

Escaping

If there are spaces in the url, they can be escaped by either using %20 as a space, such as:

[Format your notes](Format%20your%20notes)

Format your notes Or you can enclose the target in <>, such as:

[Format your notes](<Format your notes>)

Format your notes

- [/] in progress
- [-] canceled
- [<] scheduled
- [>] rescheduled

- [!] important
- [?] question
- [i] information
- [S] amount

- [p] pro
- [c] con

- [n] note
- [I] idea 
- [b] bookmark
- [*] star
- [k] key
- [t] time
- [l] location
- ["] quote

To create bubble

<i id="bubble">
Bubble
</i>

To create quote

<i id="quote">
<em>"Quote."</em> - Author
</i>

To create a sparkle

> [!sparkle]
> Data

Color Palette

Background

Light
- light-grey: ececec (background primary)
- medium-light-grey-1: e1e1e1 (background secondary)
- medium-light-grey-2: d7d7d7 (background primary alt)
- medium-light-grey-3: c4c4c4 (background secondary alt)
Dark
- medium-dark-grey: 252525 (background primary)
- dark-grey-1: 1d1d1d (background secondary)
- dark-grey-2: 1f1f1f (background primary alt)
- dark-grey-3: #151515 (background secondary alt)

Text

Light
- black: 202020
- light-black: 404040 (text, inline title, dividers, borders)
Dark
- white: a3a3a3
- dark-white: 9d9d9d (text, inline title, dividers, borders)

Accents

Greys
- medium-grey-1: 707070
- medium-grey-2: 6a6a6a
- medium-grey-3: 555555
- medium-grey-4: 404040
- medium-grey-5: 333333
- medium-grey-6: 202020
Light
- Greens
  - green-01: 829f55
  - green-02: 748e4c
  - green-03: 677e43
  - green-04: 596d3a (accent color)
  - green-05: 4b5c31
  - green-06: 3e4c28
  - green-07: 303b1f
Dark
- Greens
  - green-08: 9db27e
  - green-09: 91a86e
  - green-10: 849e5f
  - green-11: 778e55 (accent color)
  - green-12: 6a7e4b
  - green-13: 5c6e42
  - green-14: 4f5e38
- Golds
  - gold-01: f4e8be
  - gold-02: f0e0a8
  - gold-03: ecd993
  - gold-04: e8d17d
  - gold-05: e4c967
  - gold-06: e0c252
  - gold-07: ddba3c
Extras
- light-green: cdd3c3
- light-gold: f8f1d8

`[!!|message-square|comment:edited by j.d.|var(--color-cyan-rgb)]`
`[!!|dice|roll:eleven|120,82,238]`
`[!!|gem|mineral:emerald|var(--my-custom-rgb)]`
`[!!|apple|fruit:snack|var(--color-red-rgb)]`
`[!!|brain|brain:pkm|var(--color-purple-rgb)]`
`[!!|sun|weather:sunny|var(--color-yellow-rgb)]`
`[!!|cloudy|weather:cloudy|var(--mono-rgb-100)]`
`[!!|sunset|weather:8.44pm|var(--color-orange-rgb)]`
`[!!|dumbbell|reps:3 sets of 50|var(--mono-rgb-00)]`
`[!!|gift|event:wedding|var(--color-blue-rgb)]`
`[!!|plus-square|credit:$100|var(--color-green-rgb)]`
`[!!|minus-square|debit:$10|var(--color-pink-rgb)]`

default syntax [!!KEY:VAL]

[!!note:note] [!!info:info] [!!todo:todo] … [!!cite:cite]

[!!emergency: emergency] [!!prohibit: prohibit] [!!stop:stop] … [!!reward: reward] [!!vault: vault]

Plain-text syntax [!!|KEY:VAL] example [!!|foo:bar]`

custom syntax [!!|ICON|KEY:VAL|COLOR-RGB] 3 (R.G.B.) numeric (0-255) values, separated by commas. e.g. 144,144,144 or CSS variable e.g. var(–color-red-rgb)

Images Resize

Image are now easier to resize and can be viewed fullscreen. Click an image or the Zoom button to open it. You can navigate between all the images embedded in the current file, and click and drag to pan within an image.
Live Preview: New editor experience when working with images. Images can now be selected via the keyboard, and they don't automatically expand to reveal their filename. When the image is selected, backspace and delete will delete the image, and Ctrl/Cmd-C and Ctrl/Cmd-X will copy or cut the image.
Live Preview: Added keyboard interactions when an image is selected. Press + or - to resize the selected image, and 0 to reset the image size. Press Enter to edit the image, or Tab to manually edit the image size.
Vim: Added a new :image Ex command to interact with the selected image. Use :image grow and :image shrink to resize the image, and :image reset to reset the image size. It also supports a count, so :5image grow will grow the image 5 times.