Share your Minimal Theme screenshots/configuration

Can anyone point me in the right direction to style the vertical file name bar. I am using Minimal in light mode. Is it possible to have the bar in a different tint? Many thanks.

Screenshot 2022-07-27 at 08.13.39

You do that using the style settings plugin.

How did you get the Recently Created and Recently Edited components on your sidebar?
I like the color scheme and spacing.

I created a note with the dataview code and attached it to the sidebar.

I have changed my color theme to something with much more contrast (used a contrast calculator for this).

This Dashboard on the first screenshot is fully automated and entirely based on code.

On this second screenshot are two examples of my notes.

4 Likes

What color are links to files that haven’t been made yet?

I haven’t specified any particular color for that because I don’t create links to files that don’t exist.

Could you share the name of the font you are using and the colours being used here?

Yeah sure.

Interface and Text font: Be Vietnam Pro
Headings font: Montserrat
Monospace font: Fira Mono
Editor font: my customized version of the Input font (https://input.djr.com/)

All other fonts are available on https://fonts.google.com/

My style settings for the Minimal theme:


  "[email protected]@embed-strict": true,
  "[email protected]@active-line-on": true,
  "[email protected]@[email protected]@dark": "#282A2E",
  "[email protected]@[email protected]@dark": "#81A2BE",
  "[email protected]@[email protected]@dark": "#373B41",
  "[email protected]@[email protected]@dark": "#DCDBD8",
  "[email protected]@[email protected]@dark": "#DCDBD8",
  "[email protected]@[email protected]@dark": "#5D0100",
  "[email protected]@[email protected]@dark": "#969896",
  "[email protected]@[email protected]@dark": "#C8F7C5",
  "[email protected]@[email protected]@dark": "#FF6699",
  "[email protected]@[email protected]@dark": "#00F8FB",
  "[email protected]@[email protected]@dark": "#00F8FB",
  "[email protected]@h1-l": true,
  "[email protected]@h1-variant": "small-caps",
  "[email protected]@h2-variant": "small-caps",
  "[email protected]@h2-l": true,
  "[email protected]@[email protected]@dark": "#6495ED",
  "[email protected]@[email protected]@dark": "#BF55EC",
  "[email protected]@[email protected]@dark": "#FFFACD",
  "[email protected]@[email protected]@dark": "#FFFACD",
  "[email protected]@[email protected]@dark": "#19B5FE",
  "[email protected]@[email protected]@dark": "#1198D8",
  "[email protected]@[email protected]@dark": "#373B41",
  "[email protected]@[email protected]@dark": "#CC6666",
  "[email protected]@[email protected]@dark": "#DE935F",
  "[email protected]@[email protected]@dark": "#F0C674",
  "[email protected]@[email protected]@dark": "#B5BD68",
  "[email protected]@[email protected]@dark": "#8ABEB7",
  "[email protected]@[email protected]@dark": "#81A2BE",
  "[email protected]@[email protected]@dark": "#B294BB",
  "[email protected]@[email protected]@dark": "#FF0069",
  "[email protected]@[email protected]@dark": "#FF7400",
  "[email protected]@[email protected]@dark": "#62BC91",
  "[email protected]@[email protected]@dark": "#FF2600",
  "[email protected]@[email protected]@dark": "#F2F2EA",
  "[email protected]@window-title-on": false,
  "[email protected]@bg-translucency-light": 1,
  "[email protected]@[email protected]@light": "#000000",
  "[email protected]@[email protected]@light": "#CC00FF",
  "[email protected]@minimal-strike-lists": true,
  "[email protected]@list-spacing": 0,
  "[email protected]@show-grabber": true,
  "[email protected]@icon-muted": 0.9,
  "[email protected]@[email protected]@dark": "#81A2BE",
  "[email protected]@title-alignment": "title-align-left",
  "[email protected]@[email protected]@dark": "#FF7383",
  "[email protected]@h3-variant": "normal",
  "[email protected]@h4-variant": "normal",
  "[email protected]@h5-variant": "small-caps",
  "[email protected]@h6-variant": "all-small-caps",
  "[email protected]@[email protected]@dark": "#C5C8C6",
  "[email protected]@checkbox-shape": "checkbox-square",
  "[email protected]@font-code": "16px",
  "[email protected]@[email protected]@dark": "#1D1F21",
  "[email protected]@h1-style": "normal",
  "[email protected]@tab-style": "tab-style-2",
  "[email protected]@sidebar-lines-off": false,
  "[email protected]@row-lines": true,
  "[email protected]@col-lines": false,
  "[email protected]@table-lines": false,
  "[email protected]@row-alt": false,
  "[email protected]@col-alt": false,
  "[email protected]@table-tabular": false,
  "[email protected]@table-numbers": false,
  "[email protected]@table-nowrap": false,
  "[email protected]@h1-font": "\"Montserrat\"",
  "[email protected]@h2-font": "\"Montserrat\"",
  "[email protected]@h3-font": "\"Montserrat\"",
  "[email protected]@h4-font": "\"Montserrat\"",
  "[email protected]@h5-font": "\"Montserrat\"",
  "[email protected]@h6-font": "\"Montserrat\"",
  "[email protected]@[email protected]@dark": "#373B41",
  "[email protected]@[email protected]@dark": "#373B41",
  "[email protected]@[email protected]@dark": "#D3D3D3",
  "[email protected]@[email protected]@dark": "#C5C8C6",
  "[email protected]@[email protected]@dark": "#373B41",
  "[email protected]@[email protected]@dark": "#282A2E",
  "[email protected]@[email protected]@dark": "#969896",
  "[email protected]@[email protected]@dark": "#969896",
  "[email protected]@bg-translucency-dark": 1,

Screenshot of the same note with reading and editor view:

2 Likes

Thank you, that was most helpful.

1 Like

For those using ‘text labels for primary navigation’ and would like to add color to the icons, you can use the attached snippet, also available as a gist here. It will make things look like this:

nav_icons_color.css (1.6 KB)

1 Like

How are you styling the items on the right? The color and also the icons?