Sanctum Theme

Share & showcase
,
61

Even though I haven’t published an update in a bit, it has been an eventful couple of weeks! I’ve transitioned the entire theme to SCSS, meaning that it should be faster and easier to edit or add code into the theme. The theme is now also around 42% smaller in file size! :partying_face:

Ooooh, shiny!

  • Complete revamp of mobile version! Modals should now make more use of screens, there’s a floating icon for Edit/Preview, and tons of formatting that should be more mobile-friendly;
  • Active note pane is now highlighted. Every other pane should now look darker;
  • Updated Frontmatter look. The metadata table that only displays tags and aliases is hidden by default, and there’s a hidden YAML codeblock that is revealed on hover. I did my best to make it as simple and unobtrusive as possible, since there are those who really want to read the whole information, and those who don’t even want to look at it, so I think I’ve found a sweet spot, inspired by @ebullient;

Changes & fixes

  • Added a few external link icons for google mail, drive and docs, as well as wikipedia and trello. There still are more on the way!
  • Removed truncation of Note titles;
  • Tables now have vertical lines. Do tell me if you miss the old formatting, as I can make it a Style Settings option, although would rather avoid bloating the Style Settings menu.
  • Replaced iA Writer Quattro V with a hotfixed version of iA Writer Quattro S, thanks to @Epiphanic Syncronicity . The bold issue some people were experiencing should now be fixed thanks to that, and for those who didn’t notice it before, you should notice no difference at all!
  • Font files now include the respective font license in the repo. This also applies for the IBM Plex snippet. Thanks @huw for pointing it out, as well as noticing that some of the imported fonts weren’t imported with the woff2 format, making them significantly heavier than they could. I noticed this was an error on transfonter.org (one needs to specify, even if uploading the font in woff2/woff format, you’ll still need to select woff2 format and encode64, for it to work like you want it to, otherwise it will reset to ttf, which is annoying);
  • Matched contrast of active tab header icon in dark mode to be equivalent to light mode (it didn’t have as much contrast before);
  • Blockquotes now accept paragraphs and line changes;
  • Changed dark mode codeblock background. It should improve the code block’s text contrast. There’s now a faint border in inline code and codeblocks so they’re still identified as code blocks at a glance. Should also make things easier for colourblind users;
  • Scrollbars are now slimmer, and widen a bit upon hover. They also match the background of code blocks, when necessary;
  • Dark Mode hover colours are now more subdued, to match the Light Mode.
  • svg.stop-audio and svg.paused now have new icons;
  • Fixed strange formatting in the tag view from Checklist Plugin;
  • Changed “today” highlight in Fantasy Calendar. Not totally happy with the solution, but at least it doesn’t bug like the previous one;
  • Other smaller fixes and tweaks.

Style Settings

  • Removed “Wrap Note Title” style settings option. Note titles should now work as default;
  • “No File Icons” option now also removes file icons in starred pane;
  • Removed “High Contrast Dark Mode Codeblock Background” options. It is now default;
  • Removed old Heading Size options;
  • Added option to override Heading Sizes. There are now 2 types of Headings (inspired by IBM Carbon Design System):
    1. Expressive Mode Headings, which are set by default, adapt to screen size, and vary in size and weight for contrast;
    2. Productive Mode Headings, whose size is fixed but editable, as well as their weight, which is set to semi-bold by default.
  • Added option to remove Titlebar text (the centered one telling the vault’s name and obsidian’s version), for people who could use the space for other stuff like Quick Explorer.

Live Preview

  • hr is fixed for Live Preview;
  • List markers now show up in Live Preview;
  • Custom checkboxes now work in Live Preview;
  • Admonitions now work in Live Preview by default, but do keep in mind that:
    1. Only the line which has the checkbox can be styled. This is a limitation of cm6;
    2. There might appear to be a bug when you first use it, i.e. there’s a small box that might appear between the line you’re writing and the checkbox. This is due to cm6, just move your typing cursor to that space, and it should fix itself;
    3. I will look to make it easier to identify that indented lists inside admonition blocks are still contained by the admonitions;
    4. Please don’t forget to use the “admonitions” cssclass if you want it to show up in Preview. css classes don’t apply to Live Preview, so there’s no option for a toggle, hence why it’s on by default.
  • Styled Linked mentions in pane;
  • Custom Fonts should now work in Live Preview.
3 Likes