v1.0.8

Added:

• Style Settings options for "Text Color", "Muted Text Color", and "Faint Text Color".

Fixed:

• Style Settings option "Highlight Color (Text)" not applying to search result during dark mode. #18

v1.0.7

New:

• Added a Style Settings option to switch the style for highlighting from background-filled to underlined, for both light-mode and dark-mode. #17

Fixes:

• (Hopefully) fixed the issue of not being able to scroll on an iPad.

v1.0.6

Fixes:

• Fixed pop-out window behaviour by adjusting background wave design. #16
• Added left-padding to the screen during pop-out window mode.
• Toned down the colour of the background wave as it was too vibrant than expected.

v1.0.5

Changes:

• Better visual indication for tab status. (Sibling thread: hydescarf/Obsidian-Theme-Mado-11#15 )

v1.0.4

Fixes:

• Adjusted the position of #tag in Editing Mode.
• Adjusted the position of list indicator for cssclass mado-panel-list.

Changes:

• Introduced mado-panel-link as an option to turn a full link including its padding area to be clickable like a button, for cssclass mado-panel.
  • This resolves the issue with needing to have both plain text and link together. Without including the above option, link will now function as normal link.

v1.0.3

Fixes:

• Implemented missing features on cssclass mado-panel options. (fixed-sizing should now be working)
• Adjusted collapse indicator on listings that are not checkboxes for cssclass mado-panel-list.
• Adjusted padding size on listings inside of Callout and Blockquote.

v1.0.0 ~ v1.0.1

Mado Miniflow v1.0.0 Release! Now with Style Settings support!

Mado 11 & Miniflow both shares the same design, but with the former being spacious while the latter being lean and cleaner.
I will be talking about the same thing at both side but with a few things changed, so please don't mind the similarity :P!

v1.0.0 New Changes!

Buttons & Hidden Element

To make use of every spaces on the screen, all buttons are hidden by default (except Note-Tab section). You can reveal them by hovering at the edge of the screen and they will slide down.
But the better part is that those buttons can be clicked right away with your cursor being away from the clickable area! You do not have to reposition your cursor after slamming it to the edge, just slide and click, and the button will react!

Example GIF with Mado 11 on the left, and Default on the right.

Usually, for the sake of spaced design, often the styling of the button has to well, has space around. If there's no space and the button touches the edge, they won't look ugly, but just in my personal taste, a little unbreathable.

Long awaited Style Settings implementation!

With Style Settings in the game, you can now toggle the hidden status of the buttons at your wish. I have also included a few design alternatives that you can try to mix and match to your liking.

Bonus part of this update, Mado CSS Classes!

Most of these are primarly built for fun, might not be very much useful, but feel free to play around it and adjust them as you like!

Mado-Heading

cssclass: mado-heading

Transforming your normal note into more bulky block button design!

Mado-Explorer

cssclass: mado-explorer

When placed onto the sidebar, it will become exactly like how File Explorer would look like. A.k.a. pseudo-File Explorer!
There are rules for this to work:

1. You may only use <a>(link), <h1>(h1 heading) and <li>(list) in the note.
2. <a> will act as first level file title.
3. <h1> will act as first level folder title.
4. <li> will act as first level folder's children, where its contents should fill with just <a>, and itself should be placed below <h1>.
5. Second level folder, or nested <li>, is not possible.
6. For <h1> to be foldable, you have to enable the foldable option in the settings.

Example:

[[File 1]]
[[File 2]]
# Folder 1
- [[Listed File 1]]
- [[Listed File 2]]
[[File 3]]

Mado-Table

cssclass: mado-table

Turns your normal-looking table into a fancy spacious one! With more options provided for you to tweak the like of it.
Example:

cssclass: mado-table (special styling)
cssclass: mado-table-XXX (special styling with XXX being the options)
cssclass: mado-table-XXX, mado-table-XXX (special styling with multiple options)

Options:
mado-table-auto (auto-widen table size by its contents and center it)
mado-table-normal (no special styling, include this if you wish to use other options without special styling)

mado-table-stripe, mado-table-border (stripe/border design)
mado-table-left, mado-table-right, mado-table-top, mado-table-bottom (define table-header position)
mado-table-topless (remove table-header position on the top)

Mado-Panel

cssclass: mado-panel

Turns your lists into panels! More fancy way to look and click. Also comes with options to tweak.
Example:

cssclass: mado-panel (transform all lists into panels)
cssclass: mado-panel-XXX (XXX being the options)
cssclass: mado-panel-XXX, mado-panel-XXX (including more options, in this case, only `auto` is available as an extra)

Options:
mado-panel-list (long and thin size, lists can be nested)
mado-panel-small, mado-panel-medium, mado-panel-large, mado-panel-long, mado-panel-short (define fixed-size, lists cannot be nested)
mado-panel-auto (maintain the minimum fixed-size of above, while auto-widen based on its contents, not applicable to mado-panel-list)

Rule:

1. Only <li>(list) will turn into panel.
2. The list can consist of <a>(link) or "[]"(Checkbox), or plain text.
3. Nested list is not available except for `mado-panel-list`.

Callout version is also available if you need only one part of the list to become panel.
Options in callout version can be chained directly.
Example:

> [!mado-panel-small-auto]
> - Listing

Mado-Timeline

cssclass: mado-timeline

Centers all of your element in the note! Not only that, using <h1> will form a huge space above it, while using <h2> will form a separator (a vertical <hr> or ---) above it.

Mado-Daily

cssclass: mado-daily

Feel like logging into a game to turn in for daily bonus? Well, now you can with this manual-stamp daily!
You can set the reward for every 2nd and 5th day, and then start filling in with any value or emoji in the empty cells. The reward will mark as checked when the previous cell is filled in.
Also, adding in another cssclass mado-table will give it a better looking, optional of course!

---

As for the rest:
Changes:

• Basically, code refactored to adapt Obsidian v1.0 new design, less hacky-ish, and now cleaner and ...readable hopefully.

Fixed (v1.0.1):

• Adjusted the background colour for some of the elements during Translucent Mode.
• Inline code during Editing Mode is now coloured.
• In cssclass mado-panel, standalone <a> without parent <li> will not be affected.

Depreciated:

• mado-header has renamed to mado-heading for consistency.

v0.2.1~v0.2.3

v0.2.3

• Adjusted indent spacing for plain text, code block, and quote. #9

v0.2.2

• Fixed footnote-jumping issue.
  • The wave-design has now moved to body:before as it's the reason that was causing the issue.

v0.2.1

• Fixed the remaining issue for mobile styling. #1
• Bullet point restyled to match the position with the text. #7
• Removed default background color when selected file is unfocused.
• Lines in Graph View are now more visible. #10
• Adjusted colours for Italic and Bold. #12

v0.2.0

• Dock ribbon buttons are restyled for easier hovering.
• Workspace tabs, as well as sidebar vertical spacing are readjusted.
• "File Explorer" buttons are restyled and reverted back to their original position. (#6)
• Drag-Handler position are adjusted, you can now easily find their position by hovering just at the edges of the main/middle pane.
• Highlighted text in dark mode from the search result is now more readable.
• Background issue in Translucent Mode is now fixed.

---

• Mobile fixes: (almost complete on #1)
  • Note title and buttons are adjusted.
  • Side margins beside the main note are removed.
  • Setting menu size is adjusted.
  • Ribbon buttons are no longer hidden by default.
  • (Half) Fixed weird bottom margin on the whole screen.
  • Applied padding in the main note during Reading Mode.