Share your Minimal Theme screenshots/configuration

The font weight in Minimal is set by the variable --normal-weight which defaults to 400, see Github.

Here is a snippet you can use

:root { --normal-weight:300; } 
1 Like

Adding a checklist pane without any task/to-do plugin (a simple .md file and some css snippets):


3 Likes

I would be very interested in the snippets you have used as well as the font, if you’d please share.

1 Like

What line height and spacing do you use? When I’m using Quattro for preview, it looks quite different…

I use this in minimal theme settings:

I just added some adjusts via css snippets for headings not for main text.

Despite having installed Minimal theme almost two years ago, I keep growing in appreciation for it. I had some time this weekend to work on a series of modifications for a dark mode. I am using the Style Settings plugin, all colors, fonts and other configurations are commented at the beginning of the css file.

This configuration is for dark mode only purposes. If you are a light mode user, I do not recommend you this styling

minimal_darkmode.css (2.8 KB)

7 Likes

A couple weeks ago I launched Minimal 4.0 which was the biggest update to date which introduced custom icons and hundreds of small improvements. I would love to see how Minimal Theme users have it currently customized. Please share your screenshots! It helps me continue to improve the theme across use cases.

2 Likes


4 Likes

6 Likes

Can you share your CSS snippets? Love the look of this!

Oooo, so many snippets! I should probably integrate them all into one ‘theme’ (one day!). In the meantime I will put up the main few… I’ve blagged them from all over the community…
This is the main one 01a_Minimal_Jeff.css (19.7 KB)
This one is a cssclass for the headings at the bottom of the righthand panel. bklk Heading.css (1.7 KB)

This one tweaks Liam’s Calendar plugin. calendar stuff.css (1.7 KB)

This is also a cssclass snippet, for fancy blockquotes Stylish Blockquotes.css (2.9 KB)

This one jiggles with the #tags tagstuff2.css (2.0 KB)

3 Likes

Using my personal snippet to change some details at typography.

1 Like

One really weird thing for me. I tried to customize the heading font sizes, but changing the heading variables doesn’t work:

Screen Shot 2021-10-17 at 5.24.27 PM

Yet directly giving em/rem/px values to this same property does work:

Screen Shot 2021-10-17 at 5.25.01 PM

I can’t for the life of me figure out why. I also added a snippet where I declared the heading variables, but nothing. Would anyone know what’s going on?

Do you have the Style Settings plugin turned on?

Some notes:

  1. I’m on Windows so I edited the title-bar to suit me.
  2. Changed the heading font size to be larger.
  3. The box in the outgoing links is not perfect on my end.
  4. The “x” symbol at the query bar is not centered for some reason.
1 Like

I have the Minimal Theme Settings on. But I see that there’s also a Style Settings by mgmeyers available, which one do you mean?

Thanks for sharing Jeff, Love your outlook. How did you get the Digital Clock in your setup and also the custom notifications on your calendar?

1 Like

I use minimal on iPad and for a while on desktop. The first thing I did was add more typographic hierarchy for headers.

Each one of my notes starts with an h1, h2s are common, and h3s are rare but necessary when they’re needed, so I made h3s bold (weight 800) and same size as body copy. H2s are bigger and noticeable at a glance, and h1s are bigger than that.

Now in California Coast on desktop, specifically because of the extra space above each header. It spread the page out, and that’s ok for me because most notes are short and don’t have many headers, so it’s not an issue. For longer notes with headers, scrolling and scanning quickly are really important to me, so the extra spacing is super awesome.

The digital clock (in the status bar) is a community plugin - Grandfather (GitHub - noatpad/obsidian-grandfather: A simple Obsidian plugin to display the time and date on the status bar)

1 Like

The calendar notifications are part of Calendar’s css - Check out the gitpage for the plugin - Home · liamcain/obsidian-calendar-plugin Wiki (github.com) over in the right-hand panel

1 Like