Obsidian Theme - Mado Miniflow
This is a minimal theme version derived from the theme Mado-11 and is inspired by the app design of Doctave. Certain styles are added, tweaked and removed from the original theme. The wave design is made with https://www.shapedivider.app/
The special CSS class mado-side-button
is removed on this version, however, mado-header
is remained.
This theme is intended for minimal workflow like what you're looking at currently, and may not support other types of plugin and workflow. However, feel free to pull a request for plugin supports, they may be in lower priorities but I'll take my time to support them
Index
Guideline
Where are all the buttons?
Similar to Mado-11, buttons are all hidden by default, and can be hovered to reveal them at their default position. However, the hovering is much easier to be triggered here.
Other
- Recommended Font: Segoe UI, Noto Sans JP
- Resize Handle - hidden, hover to reveal.
- Status Bar, App Title, Vault Title - hidden.
Adjustable CSS Elements
There are a few adjustable elements in the file where user can directly adjust them. They can be found by searching for the keyword "/* ADJUSTABLE CSS */
" in the file.
- "Navigation Folder Title" or "Vault Title" on the left can be toggled on and off by
display:none
. - The Wave design at the bottom can be disabled.
- Finally, the
max-width
of the notes is now fixed at830px
.
Changelog
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.
-
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:
- 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.
- Fixed weird bottom margin on the whole screen.
- Applied padding in the main note.
v0.1.0
- Release!
Left margin outline pane
The left margin is relatively wide, how can I reduce it? I have tried with
That works but the reduction is insufficient. But if I go to e.g. -60px the text goes behind the white.
Tables cut off in live preview
Hi! Just noticed wide tables are cut off in live preview mode:
But not in reading mode:
Would it be possible to fix the live preview mode OR allow to set a
cssClass: wide
ormax
in front matter?Thanks! :)
[Feature Request] Add option to always show all buttons
I LOVE the look of this theme, but can't stand the only-visible-while-hovering buttons.
Could you add either an easily changeable option in the .css or compatibility with obsidian-style-settings to add an option to always show all buttons?
[Bug] Wrong css style of the new window when opening current panel in new window
when i open current tag in new window directly, css style of the new windows go wrong.
then i keep the new windows and change the theme to defualt, css style of the new windows looks normal.
last i keep the new windows and change the theme back to Mado Miniflow, css style of the new windows is as shown in the figue below.
it dosn't look completely normal in both cases No.1 and No.2. i would be greatful if you can fix it. 🥺
Obsidian Sync Status invisible on desktop
As the sync status of Obsidian Sync came visible in the sidebar of the mobile app with 0.2.0, it still isn't on desktop. Should be shown at least when hovering over the known position, if not all the time.
Mobile support?
This is such an awesome theme! I turned off the waves just because I like the simplicity without, and I love how the note pane feels like a little page of paper!
Are there any plans to support this theme on mobile?
[SUGGESTION] Change color of italics
Italics are meant to be a type of emphasis, yet they're basically greyed out in this theme. I heavily recommend changing their color to at least the default text color, or even coloring them in something that actually calls attention.
Sidebar Bug - Content not showing
Hello, I have sidebars with some pinned notes for tasks and related things. In th current implementation of the theme the content of the sidebar is squeezed despite having lots of white space availavble
Note here is what the sidebar looks link in minimal (redacted) with the same view
Mado Miniflow in dark is not compatible with highlightr
highlightr
in light mode, the theme have a good porformance:
in dark mode, it seems weird:
and this is how it looks like in default theme:

to closed, i'm truly grateful to your extraodinary work.💓
[Bug] Too Much Space After Tabs and 4 Spaces
Hi! Loving the theme so far.
I noticed there may be an issue with how the theme styles tabs or 4 spaces.
Here is an example of some text using varying amounts of spaces and tabs in the default theme.
However, in both dark and light modes of this theme, for some reason every tab and group 4 spaces is shifted up by a certain amount, causing misalignment that isn't present normally.

[Feature Request] Style Settings integration
Thanks for an absolutely brilliant theme.
For us non-CSS savvy folks, it'd be handy to be able to adjust basic features using Style Settings, such as showing or hiding buttons, changing text colours, and changing the accent colours.
Whether the upcoming default theme will affect this somehow, I'm not sure.
Too much padding in tables and kanban cards
Hello,
I noticed there is excessive padding in tables and in kanban cards (perhaps elsewhere too). It only seem to happen with text fields. Here are some screenshots from Db folder and kanban: notice the left and right padding.
(note: I used the minimal theme before and this padding wasn't present).
Do you think you could solve this? Is it due to the theme or something else?