diff --git a/README.md b/README.md index 1a9309d..e09ea72 100644 --- a/README.md +++ b/README.md @@ -39,4 +39,6 @@ This is a collection of [Obsidian](https://obsidian.md/) templates I use or have - Plugins: Templater - [zotero.md](zotero.md) - Create a literature note from a Zotero item, pulling some metadata and all your PDF annotations + - The callouts are styled according to their highlight colour by using this CSS snippet: [litnote-colors.css](css/litnote-colors.css) + - Place the file in the `.obsidian/snippets` folder at the base of your vault, then enable through `Settings > Appearance > CSS snippets`. - Plugins: Zotero Integration diff --git a/css/litnote-colors.css b/css/litnote-colors.css new file mode 100644 index 0000000..cf2df0f --- /dev/null +++ b/css/litnote-colors.css @@ -0,0 +1,73 @@ +/* Original Zotero Highlight Colours */ +/* + "#2ea8e5": "blue", + "#5fb236": "green", + "#a28ae5": "purple", + "#ffd400": "yellow", + "#ff6666": "red", + "#f19837": "orange", + "#e56eee": "magenta", + "#aaaaaa": "grey" +*/ + +/* + Info: + You may uncomment the first line with .literature-note for each colour + if you want the CSS to only be a applied if a note has the + `cssclass: literature-note` in its frontmatter +*/ + + +/* Yellow */ +/* .literature-note */ +.callout[data-callout-metadata="yellow"] { + --callout-color: 255, 212, 0 !important; +} + +/* Red */ +/* .literature-note */ +.callout[data-callout-metadata="red"] { + --callout-color: 255, 102, 102 !important; +} + +/* Orange */ +/* .literature-note */ +.callout[data-callout-metadata="orange"] { + --callout-color: 241, 152, 55 !important; +} + +/* Green */ +/* .literature-note */ +.callout[data-callout-metadata="green"] { + --callout-color: 95, 178, 54 !important; +} + +/* Blue */ +/* .literature-note */ +.callout[data-callout-metadata="blue"] { + --callout-color: 46, 168, 229 !important; +} + +/* Magenta */ +/* .literature-note */ +.callout[data-callout-metadata="magenta"] { + --callout-color: 229, 110, 238 !important; +} + +/* Pink */ +/* .literature-note */ +.callout[data-callout-metadata="pink"] { + --callout-color: 229, 110, 238 !important; +} + +/* Purple */ +/* .literature-note */ +.callout[data-callout-metadata="purple"] { + --callout-color: 162, 138, 229 !important; +} + +/* Grey */ +/* .literature-note */ +.callout[data-callout-metadata="grey"] { + --callout-color: 170, 170, 170 !important; +}