Minimal Theme

[Gorgonzola]

I ran into this cool idea yesterday while doing research into mapping BuJo methods onto plain text:

Source

I’m using the minimal theme and I was wondering if there’s any way to change the text colour of alternate checkboxes? For instance, I see that - [-] has the text greyed out, so I’m assuming there’s a way to do that with other types of alternate checkboxes, too.

Thanks in advance!

[ariehen]

Looking at how Minimal does it, you could make a CSS snippet to override Minimal’s color: var(--text-faint); for the canceled checklists.

/* [-] Canceled */
input[data-task="-"]:checked,
li[data-task="-"] > input:checked,
li[data-task="-"] > p > input:checked {
  color: hotpink;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }

body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
  color: hotpink;
  text-decoration: line-through solid var(--text-faint) 1px; }

[holroy]

You beat me to it, @ariehen. I was going to be a little lazy and refer to my own answer from some time ago:

Alternative Checkboxes (Icon Bullets) - Copy and paste

Based upon using Minimal theme in default, I played around and found what I needed to add my own custom icons as alternative checkboxes, and I found that I need two sections with a total of 6 CSS selectors to properly define them. Getting started You need to add some CSS, like shown below, into a CSS file, and enable this. To do this follow this procedure: Go to Settings > Appearance > CSS snippets, and click on the folder icon on the far right. This opens the folder where you should store …

[ariehen]

That’s great info as well!

[Gorgonzola]

Thanks to both of you!

[ryadaj]

Does the image grids feature work with external images? I have it enabled in Minimal Theme Settings and the images are arranged consecutively.

edit 2024-03-20: never mind due to Is there a way to use image grid with standard markdown syntax · Issue #657 · kepano/obsidian-minimal · GitHub

edit 2024-04-06: never mind again due to recent update which allows for expanded image grid functions including Markdown links; thanks Kepano!! Release 7.5.4 · kepano/obsidian-minimal · GitHub