armstrongl / obsidianotion

Just a little theme for obsidian with notion inspired design

Home Page:https://github.com/diegoeis/obsidianotion

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contents

Do you have any suggestions or feedback, please, let me know: https://forms.gle/AnQgXjt56NSmhDnn6

About Obsidianotion

Your Obsidian with a similar look and feel of Notion. But it's better because it's Obisidian! I know it can be challenging to migrate between tools, and the processn can greatly impact your productivity. That's why good design can help accelerate the learning curve by creating a familiar context of experience to help us focus on the only thing that matters: note-taking.

This theme can help people who are migrating from Notion to Obsidian to feel more comfortable with the new flow and interface. It can also be a beautiful theme for those who already use Obsidian frequently.

light dark

Checklists styles

Obsidianotion supports a wide number of alternate checkbox types. These allow you to call out tasks that are incomplete, canceled, rescheduled, etc. See below for availale checkbox types.

Checklists

Basic checklists:
- [ ] to-do
- [/] incomplete
- [x] done
- [-] canceled
- [>] forwarded
- [<] scheduling

Extras checklists:
- [?] question
- [!] important
- [*] star
- ["] quote
- [l] location
- [b] bookmark
- [i] information
- [S] savings
- [I] idea
- [p] pros
- [c] cons
- [f] fire
- [k] key
- [w] win
- [u] up
- [d] down

These are the same checkbox styles used in Things and Minimal themes. So, give it a try too.

Beatifull typo and wonderfull reading:

Colorful tags

Tags inside notes beautiful multi-colored.

Small pinned tabs

If you use Style Settings plugin, do you have a option to get pinned tabs smaller.

To install

  1. Open the Settings in Obsidian;
  2. Navigate to Appearance tab;
  3. Under the Themes section, click on the Manage button across from Themes
  4. Search for Obsidianotion in the Search field text
  5. Click Use and then you're done! 🎉

Style Settings

You can customize some of visuals installing the Plugin Style Settings. The theme works very fine without it, but if you wanna change the headings and body paragraph font size or even the default color of sidebar, you will can.

Style Settings

This settings will grow with time!

Companion plugins

To install the plugins that have a good fit with Obsidianotion:

  • Go to Community plugins and turn off Safe mode
  • Under community themes search for the plugins name and click Install, then Enable

The banner in this image was inserted using Banner Plugin.

light version banner

dark version

This theme works very good using Make.md plugin.

Make.md

Projects to create views using your tags, dataview or folders.

Projects plugin


Callout wide color variation

You can choose any known HTML color name to insert on your callouts. Just insert the plain name on the callout title separeted by | (vertical bar).

>[!info|fuchsia] Color name: fuchsia
> This is the callout color fuchsia

This is all colors enabled.

  • indianred
  • lightcoral
  • salmon
  • darksalmon
  • lightsalmon
  • crimson
  • red
  • firebrick
  • darkred
  • pink
  • lightpink
  • hotpink
  • deeppink
  • mediumvioletred
  • palevioletred
  • lightsalmon
  • coral
  • tomato
  • orangered
  • darkorange
  • orange
  • gold
  • yellow
  • lightyellow
  • lemonchiffon
  • lightgoldenrodyellow
  • papayawhip
  • moccasin
  • peachpuff
  • palegoldenrod
  • khaki
  • darkkhaki
  • lavender
  • thistle
  • plum
  • violet
  • orchid
  • fuchsia
  • magenta
  • mediumorchid
  • mediumpurple
  • rebeccapurple
  • blueviolet
  • darkviolet
  • darkorchid
  • darkmagenta
  • purple
  • indigo
  • slateblue
  • darkslateblue
  • mediumslateblue
  • greenyellow
  • chartreuse
  • lawngreen
  • lime
  • limegreen
  • palegreen
  • lightgreen
  • mediumspringgreen
  • springgreen
  • mediumseagreen
  • seagreen
  • forestgreen
  • green
  • darkgreen
  • yellowgreen
  • olivedrab
  • olive
  • darkolivegreen
  • mediumaquamarine
  • darkseagreen
  • lightseagreen
  • darkcyan
  • teal
  • aqua
  • cyan
  • lightcyan
  • paleturquoise
  • aquamarine
  • turquoise
  • mediumturquoise
  • darkturquoise
  • cadetblue
  • steelblue
  • lightsteelblue
  • powderblue
  • lightblue
  • skyblue
  • lightskyblue
  • deepskyblue
  • dodgerblue
  • cornflowerblue
  • mediumslateblue
  • royalblue
  • blue
  • mediumblue
  • darkblue
  • navy
  • midnightblue
  • cornsilk
  • blanchedalmond
  • bisque
  • navajowhite
  • wheat
  • burlywood
  • tan
  • rosybrown
  • sandybrown
  • goldenrod
  • darkgoldenrod
  • peru
  • chocolate
  • saddlebrown
  • sienna
  • brown
  • maroon
  • white
  • snow
  • honeydew
  • mintcream
  • azure
  • aliceblue
  • ghostwhite
  • whitesmoke
  • seashell
  • beige
  • oldlace
  • floralwhite
  • ivory
  • antiquewhite
  • linen
  • lavenderblush
  • mistyrose
  • gainsboro
  • lightgray
  • silver
  • darkgray
  • gray
  • dimgray
  • lightslategray
  • slategray
  • darkslategray
  • black

My graph view:

graph

Settings modal:

dark settings modal light settings modal

About

Just a little theme for obsidian with notion inspired design

https://github.com/diegoeis/obsidianotion

License:The Unlicense


Languages

Language:CSS 100.0%