@oldtowneast: thanks for the kind words. Don’t try to find the words. Everyone on this forum and in the Discord channels (not always the same people) are so helpful, and everyone uses code from everyone else, so it is only normal I published the file since I had started the compilation.
In fact, in my view I would not even have the right not to publish it !
Enjoy.
Recently block references were added as a new, Roam-like feature to Obsidian so they could be embedded like with headers and the text below.
Headers can be collapsed (lists too), but blocks cannot, not in markdown. Today someone asked in a Discord channel if blocks can be collapsed, and Silver answered that that can only be done with HTML code, and she linked to a webpage where it is explained how to do it.
I have added the code to the repository because despite it not being markdown code, collapsing a block might be something other Obsidian users might be interested in.
Note: if one includes a link like text in the block between <details>....</details>, you have to use <a href="https://your-site.com">Some text</a> to make it a clickable link. An internal link/wikilink, however, is not rendered clickable. Just something to bear in mind.
You can find it in the file under the HTML header, and I have called it Disclosure widget for a block of text.
We have subdivided the various snippets in subfolders in Github along the lines of the original .md file sections. This will make navigation a lot easier, and when I update anything I will refer to the relevant folder.
The Github link at the top of this page links to that subpage.
@Klaas Very much appreciate that you bring over those nuggets of useful info from the discord channels to share with the rest of us. I am new to Obsidian, and they have been exactly what I needed to know a number of times.
I added a reference and a link to @Lithou’s Github page showing novel effects for images. You can find this in the Special Effects folder over at the Github page mentioned in the OP at the top of this page.
I added CSS code for side notes. Side notes are nothing special, but because they are not markdown I added this to Special Effects - see link to the Github page mentioned in the OP at the top of this page.
Ever since I discovered Obsidianite I have been in love with its color gradient blockquotes. I posted the code for it in Preview mode, and some in Edit mode. Nevertheless, there was 1 aspect that I could not get right: quotation marks.
I like to have those in blockquotes. To add them to Preview mode is not a problem, but to add them in Edit mode was more problematic. When I cracked it (actually someone else ), it did not come out right with Obsidianite-style blockquotes, until today.
Today @death.au cracked that final nut for me, so I added the code to the Github repository. I also made the split between conventional and Obsidianite code clearer.
You can find Github page mentioned in the OP at the top of this page.
Enjoy.
@entropic has come up with visualizing different levels of bullet points, by using colors. I have added the code to the repository, file “Lists - (un)ordered”, section “Stylized lists”.
You can find Github page mentioned in the OP at the top of this page.
Enjoy.
I added code for “Chest-of-drawers icon in nav tab” (as seen in @mgmeyers’ California Coast theme) as a replacement for the Obsidian file explorer icon.
You can find in the File Explorer section on Github page mentioned in the OP at the top of this page.
Enjoy.
If you have changed the background color of the file explorer container that lists your files, you may also want to change the background color of the top bar with the tabs.
I have added the code for that to the repository. You can find it in the chapter “File explorer - Obsidian”, section “Top tab container background color”.
I have also added code how to change the background color of a note spine in Andy mode. Check out chapter “Note title in pane”, then “Change color of note spine (Andy mode)”.
The link to the repository is given in the OP at the top of this page.
Both sets of codes are thanks to @Lithou. You can see his explanations (nos. 1 and 2 in the list) on YouTube; there are a few other useful CSS issues he deals with.
Enjoy.
The person who made the Github page for me changed the address somewhat, so the link I provided yesterday gives a 404. I did not update it in time, for which I offer my sincere apologies.
The link in the OP at the top of this page is now correct.
Is there a CSS snippet on the github page to change the colour of the highlight function i.e. “== ==” syntax highlighting?
I’ve had a browse but haven’t been able to find anything, and there isn’t really an obvious variable to change in Obsidian CSS (at least to my noobish eyes). I can change it using the element viewer but then it changes itself back whenever I update Obsidian or restart my computer.