By suggestion from kepano, I am re-posting a snippet to create sidenotes on your documents that I shared on the Minimal Theme thread. You can read about the origin of the snippet in the original post. Here is how sidenotes look like
Hi, Thanks for this great and clean theme @kepano.
I’m experimenting with a switch from another great theme (California Coast) and there are three things that I would like to achieve in Minimal. There’s a good chance that I’m overlooking things regarding the questions below, but any help would be great.
In Editor mode, especially now that the need to switch to preview becomes less because of Live Preview, I would love to be able to add some more space between headings and paragraph (different values per heading)
California theme had the margins in editor and preview mirrored, which I liked, and I could set the top and bottom margins in the Style Settings plugin. I’ve been looking if I could set something up in Style Settings plugin for Minimal, but I can’t find the right CSS selectors/variables for that.
I’ve also searched with dev tools and tried all sorts of margin/padding-bottom etc. things. I was thinking that the Contextual Typography plugin could help here, but that goes above my level of comprehension
[solved, I added the answer in case anyone else can use it] I would love to set a max line-width so that (in my font-size) it doesn’t show more than 75-80 characters per line for readability reasons. I know there is a setting to set max width percentage in Minimal Style Settings, but if I set that e.g. to 80% it also gives that margin when the note window is a lot smaller, and I’d lose a lot of valuable space. And 80 isn’t even enough to get to 75/80 characters per line. It would be great if it could work like this. The text is always e.g. 600px wide and if the window becomes smaller than this it adheres to a max width of 90% or leaves a margin of xx px. on both sides. I found to solution after all this helped
I’m looking for a way to get the tag and alias pills reverted to plain text. They draw too much attention for me when looking at notes. Does anyone know how to achieve this?
I hope my questions don’t come across as if I didn’t try. I tried for hours, so it’s just my experience level with CSS, I’m afraid.
Regarding Your first “problem,” I am also facing the same “issue” with the spacing between headings and paragraphs, the spacing between lines and list, the left-indent for bullet points…among many others. I sympathize with how theme creators have to write for 5 different views (Live preview, Legacy Editor, Preview mode, Mobile Preview, Mobile Editor). I also tried California Coast’s theme. Though the spacing between the headings and the paragraphs appeared to be the same, the line-spacing of the heading isn’t.
If you want to solve the problem yourself, you can try clicking option+cmd+i (Ctrl+Shift+I for windows) and look into the exact property in the CSS and change that! Too much work for me.
As for problem 3, I use Hider plugin. Try that out!
Thanks a lot @elwc I’ll try your suggestions regarding the properties.
Regarding 3, I meant that there is CSS styling to make tags look like pills. I rather have them shown as #tag in plain text. I was looking for code to revert the pills to plain tags. Furthermore, I find the metadata block useful, just not with extra eye candy around tags.
For me I assign my aliases and tags at the top of the file, e.g.
---
title: page title
aliases: alias-of-page
tags: [tag1, tag2]
---
So by using Hider plugin to hide the METADATA, I can still see the alias and tags at the top in a muted way.
Now if you still prefer to things to work your way, open notepad, paste the following code in it and save it as .css and then put it in your Snippet folder.
I used to change the hsl values directly into the theme file. This is now possible by changing the color values through the Obsidian Style Settings plugin with the option “Base Color” under the “Colors” submenu. That color should be #1E2837-ish