Nightingale Obsidian
SNIPPET
frank0713

Nightingale Obsidian

A theme for Obsidian

5 Stars
GitHub
CSSAny theme
# Obsidian Nightingale
 
 A theme for Obsidian

!!! It only works well in **DARK** color scheme !!!

![cover](/image/head.png)

### Installation
+ Manual installation
  1. Download `Nightingale.css` file;
  2. Copy it to your Obsidian vault folder: `.../.obsidian/themes`;
  3. In Obsidian, click *Settings - Appearance* . Make sure choose `Dark` color scheme;
  4. Choose *Nightingale* in the drop-down menu under *Themes* settings.

+ Maybe I will submit the theme to Obsidian Themes Community.

### Illustrations
+ Titles  
Add "H1" to "H6" hints before titles.   
When mouse is hovering the title, it works. This function makes me handy in writing some markdown files with complex structures, so I add it.  

![title](/image/title.png)

+ Tags  
Set some special tags in various styles.  
The following list all of them(omitting "#"):   

|Input(Exact Match required)|Description|
|-----|-----|
|note/Note/notes/Notes|Note|
|book/Book/books/Books|Book|
|idea/Idea/ideas/Ideas|Idea|
|info/Info/information/Information|Information, News...|
|work/Work|Related to Work|
|study/Study/knowledge/Knowledge|Related to Learning|
|finance/Finance/money/Money|Related to Finance Affair|

![tag](/image/tag.png)  

+ Check box  
Support more checkbox styles.  

|Input|Description|
|-----|-----|
|`- [ ]`|todo(default)|
|`- [x]`|Completed(default)|
|`- [/]`|Incompleted, Working|
|`- [-]`|Cancel|
|`- [?]`|Question|
|`- [!]`|Important, Notice, Warning|
|`- [n]`|Up|
|`- [v]`|Down|
|`- [<]`|Left|
|`- [>]`|Right|
|`- [*]`|Star|
|`- ["]`|Quote|
|`- [1]`|Rank or Level 1|
|`- [2]`|Rank or Level 2|
|`- [3]`|Rank or Level 3|
|`- [4]`|Rank or Level 4|
|`- [5]`|Rank or Level 5|
|`- [6]`|Rank or Level 6|
|`- [d]`|Date, Calendar|
|`- [t]`|Time|
|`- [i]`|Information|
|`- [l]`|Location, Navigation|
|`- [b]`|Book|
|`- [B]`|Bookmark, Favorite|
|`- [I]`|Idea|
|`- [m]`|Finance|
|`- [p]`|Pros|
|`- [c]`|Cons|
|`- [k]`|Key, Password|
|`- [f]`|Document Folder, Path|

![checkbox](/image/checkbox.png)  

### Acknowledgements  
The idea of customizing more checkbox styles was inspired by [Minimal Theme(by @kepano)](https://github.com/kepano/obsidian-minimal);  
Some icons of checkbox were copied from [Thing Theme(by @colineckert)](https://github.com/colineckert/obsidian-things);  

### Others  
I made this theme for my personal use at first,  most of the color settings or matches were transplanted from my other app settings. I had been accustomed to them, for keeping consistent, I didn't add other customized styles or color setting functions to it, and it only worked well in Dark color scheme. Maybe, some other plugins could customize color-settings, I haven't tried or tested. Or, you could rewrite the `.css` file based on your favorite.   
Rewriting, Copying the source codes of the theme is free, and granted.  
Actually, I just began to use Obsidian recently. I was making this theme while using and exploring the app, so I had not even tried more fuctions or plugins of Obsidian. Maybe, bugs or invalid forms could be occured in some cases. I would maintain and add some new settings to it in the course of future use.  

Hope U Enjoy It!

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

5

Forks

0

License

MIT

Last updated 38mo ago

Categories