From 6d6cbb2308a4eefbaaded21c42f36f2776db2609 Mon Sep 17 00:00:00 2001 From: System Administrator Date: Sun, 27 Aug 2023 14:23:59 -0400 Subject: [PATCH] Updated: Sunday, August 27,2023-08-27 14:23:59 --- .../.obsidian/plugins/digitalgarden/data.json | 2 +- enter/.obsidian/workspace.json | 14 +++---- .../Obsidian Guides/Digital Garden Plugin.md | 39 ++++++++++++++++++- 3 files changed, 46 insertions(+), 9 deletions(-) diff --git a/enter/.obsidian/plugins/digitalgarden/data.json b/enter/.obsidian/plugins/digitalgarden/data.json index 0dce290..22a71dd 100644 --- a/enter/.obsidian/plugins/digitalgarden/data.json +++ b/enter/.obsidian/plugins/digitalgarden/data.json @@ -10,7 +10,7 @@ "noteSettingsIsInitialized": true, "siteName": "Shw3th@", "slugifyEnabled": true, - "noteIconKey": "icons8-star-wars", + "noteIconKey": "note-icon-1", "defaultNoteIcon": "", "showNoteIconOnTitle": false, "showNoteIconInFileTree": true, diff --git a/enter/.obsidian/workspace.json b/enter/.obsidian/workspace.json index 5fe1221..b0e0ed1 100644 --- a/enter/.obsidian/workspace.json +++ b/enter/.obsidian/workspace.json @@ -25,7 +25,7 @@ "state": { "type": "markdown", "state": { - "file": "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md", + "file": "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md", "mode": "source", "source": false } @@ -98,7 +98,7 @@ "state": { "type": "backlink", "state": { - "file": "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md", + "file": "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -115,7 +115,7 @@ "state": { "type": "outgoing-link", "state": { - "file": "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md", + "file": "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md", "linksCollapsed": false, "unlinkedCollapsed": true } @@ -138,7 +138,7 @@ "state": { "type": "outline", "state": { - "file": "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md" + "file": "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md" } } } @@ -164,8 +164,10 @@ }, "active": "2da46b49ada159fb", "lastOpenFiles": [ - "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230816173235.png", + "1..md", "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md", + "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md", + "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230816173235.png", "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Encrypting Obsidian.md", "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Obsidian-gitea process.md", "Coding Tips (Classical)/Terminal Tips/Languages/Markdown.md", @@ -184,7 +186,6 @@ "Coding Tips (Classical)/Terminal Tips/Computers/Linux/How Fuzzing with AFL Works.md", "Coding Tips (Classical)/Terminal Tips/Computers/Linux/Distributions/Linux Distributions.md", "Coding Tips (Classical)/Terminal Tips/Computers/Linux/Distributions/AlpaLinux.md", - "Coding Tips (Classical)/Project Vault/hi.mainsite/Quantum Stuff.md", "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/grey-darkgrey-S.svg", "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/orange-grey-S.svg", "Coding Tips (Classical)/Project Vault/hi.mainsite/Main Page.md", @@ -210,7 +211,6 @@ "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230818202825.png", "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230818202254.png", "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230818000111.png", - "Coding Tips (Classical)/Project Vault/Obsidian/imgFiles/Pasted image 20230817184323.png", "Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides", "Webpage/Machine Tips - Quantum" ] diff --git a/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md b/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md index 868164a..13e6282 100644 --- a/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md +++ b/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md @@ -3,6 +3,7 @@ Digital Garden is the Obsidian plugin that lets me publish changes from my local ---- +## Appearances: #### Digital Garden Themes: - 80's Neon - dark mode @@ -20,4 +21,40 @@ Digital Garden is the Obsidian plugin that lets me publish changes from my local - Notation - ![[Pasted image 20230822102804.png]] - Origami - - ![[Pasted image 20230822103145.png]] \ No newline at end of file + - ![[Pasted image 20230822103145.png]] + + + + +--- + + +## Custom Code + +For further tweaks and customization, adding in your own CSS is helpful. Digital Garden docs provides a helpful guide to[ notes icon customizing ](1. https://dg-docs.ole.dev/advanced/note-specific-settings/#note-icons)and how to find this in the source files. + +##### Changing and adding icons + +You can change and add your own icons the following way: + +The ideal way to change the default icons is by adding the svgs in the img folder and setting the appropriate css vars in body in a [custom css file](https://dg-docs.ole.dev/advanced/adding-custom-components/#dynamic-css-scss): + +```css +body { + --note-icon-1: url(/img/your-custom.svg); + --note-icon-2: url(/img/tree-2.svg); + --note-icon-3: url(/img/tree-3.svg); + --note-icon-fallback: url(/img/default-note-icon.svg);} +} +``` + +To add new icons, let's say, for 'stone', add a snippet like this (and add the relevant svg) in a [custom css file](https://dg-docs.ole.dev/advanced/adding-custom-components/#dynamic-css-scss): + +```css +body.title-note-icon .cm-s-obsidian > header > h1[data-note-icon="stone"]::before, +body.filetree-note-icon .filename[data-note-icon="stone"]::before, +body.links-note-icon .internal-link[data-note-icon="stone"]::before, +body.backlinks-note-icon .backlink[data-note-icon="3"]::before { + background-image: url(/img/stone.svg); +} +``` \ No newline at end of file