hydescarf / obsidian-theme-mado-miniflow Goto Github PK
View Code? Open in Web Editor NEWA beautiful minimalism theme for Obsidian.
License: MIT License
A beautiful minimalism theme for Obsidian.
License: MIT License
Hi there,
I have to say your theme is still my favorite one. It just looks so clean. Makes me wonder what day job you have because this theme is made with a lot of taste (and I just rediscovered all the neat features you implemented such as the list to table feature!)
However, despite all of this I found myself going back to things 2 theme, just for the checkboxes. I like how visual it is when I combine it with list callouts.
an alternative general checkbox style (smaller square checkboxes like things 2 or the checked and unchecked styles form the gummy theme)
And the alternative checkbox statuses, you can find here
I hope you will consider these as it would really make mado the best looking theme out there.
If not, I would completely understand and would try to fork the theme, perhaps or try to mess with snippets and CSS myself.
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.
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.
The left margin is relatively wide, how can I reduce it?
I have tried with
outline .tree-item-inner {
margin-left: -50px;
}
That works but the reduction is insufficient. But if I go to e.g. -60px the text goes behind the white.
I do not know if I misunderstand something or something really does not work with my installation, but I have the following problem:
What ever I change in Style Settings -> Madow Miniflow -> Theme Section -> Theme Color
(Daisy Blue
, Red Sky
, ...), it has no effect on any clolor in my Obsidian.
Expected: The color of some elements like the wave pattern or accent color or alike would change (See screenshot below, which has Greeny
applied, but looks the same as with every other value)
On the other hand, if I change the accent color in Obsidian Settings -> Appearance
some elements like those mentioned before change (not the background color however).
Is this a bug, or do I get something wrong?
What app for is this theme?
Can you please clarify in README? manifest.json doesn't help in this regard.
Can you add an option to not hide the statusbar? Pretty please <3
I kinda like the word count in status bar plugin, hopefully I can use it with this theme too!!!
your theme is so beautiful, please don't stop updating!
Embed note in canvas is not scrollable during Reading-mode but not Edit-mode.
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. π₯Ί
I made some customization to colors and text decorations via CSS snippets.
Those work fine in the "normal" window (live preview).
However, those changes are not applied when using "move to new window".
A new window opens, however, the default colors and settings are shown.
Some of those settings (the modified colors) can be made available in the new window, when adding the CSS lines at the end of the theme.css file instead of using a snippet in the snippet folder (basically copying the contents of the css snippet into the theme.css).
There seems to be a known issue with Obisidan. Not sure if this applies here:
https://forum.obsidian.md/t/themes-and-snippets-dont-load-on-new-windows/49285
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.
Hi hydescarf,
I really like this theme! Thank you for providing it for Obsidian!
Could it be possible to add the functionality to enlarge (pop out) embedded images when clicking or hovering over them?
I tried with the snippet from Minimal Theme but my noob css skills couldn't get it to work.
Khanh
Hey, great work! Mado Miniflow is wonderfully minimalist and looks great. Without a doubt my favorite theme, but I've been struggling with using a CANVAS with this theme.
When I use Canvas mode, some of my text is notably blurry in Mado Miniflow--when I change themes, the text is no longer blurry. The strangest part of all this is that the text blurriness only happens when Obsidian is focused. If I am on a different monitor or alt tabbed, the blurriness goes away.
When I was searching for ways to fix it, I found someone who had the exact issue and recommended some custom CSS to fix the issue. I used the custom CSS but it didn't do anything for me.
This is my first time submitting an "issue," please do let me know if there are any files I can provide to help you troubleshoot.
Thank you for your time!
Thank you so much for making such a wonderful theme! wonder if you can add the code [Active line highlighting in edit mode] to the theme? I wanted to add CSS snippets myself, but I really didn't get it right, so thank you so much if you could help with something!
Hello! I'm absolutely in LOVE with this theme!! However the pre-created colorschemes available in the style settings dropdown don't seem to work. :( Just thought I'd let you know.
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.
The contrast between the background and the links in the graph view is way too low, making it look worse.
Hi, I have been using your theme for some time and I appreciate how beautiful it is, especially with all these options to customize the look to your liking. I use this in conjunction with the Style Settings plugin.
I would also love to see an option to customize the background colour, to switch from this default of gunmetal shades.
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?
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?
It would be awesome if those features worked in LP mode instead of just reading mode. Right now they are useless to me cause I rarely use reading mode. I am always in LP mode.
When the number of files exceeds the size of the screen, an ugly design is created given by the presence of the scrollbar. I recommend to remove the scrollbar but keep its functionality.
The reference code is as follows:
lychileng/Obsidian-Theme-Pure/theme.css
/*
ποΈ Pure
π 0.1.5
π
2024-02-23
π¦ @lychileng
π© This is a minimalist-style theme.
*/
/* -- Hide Ribbon ---------------------------------------------------------- */
/* -- Adjust the display and alignment of the left side-dock-ribbon area. -- */
/* ------------------------------------------------------------------------- */
/* Adapt to macOS system windows. */
.mod-macos .workspace-ribbon.side-dock-ribbon.mod-left {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 44px;
height: 100%;
}
/* Adapt to Linux/Windows system windows. */
.mod-linux .workspace-ribbon.side-dock-ribbon.mod-left,
.mod-windows .workspace-ribbon.side-dock-ribbon.mod-left {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-top: 0px;
width: 44px;
height: 100%;
}
/* Adjust the bottom margin of actions. */
.side-dock-actions {
margin-bottom: 5px;
position: relative;
}
/* Add a pseudo-element for drawing a border line. */
:not(.is-tablet) .side-dock-actions::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
border-bottom: 1px solid #64646464;
width: 100%;
}
/* Adjust the border line on iPad */
.is-tablet .side-dock-actions::after {
content: '';
position: absolute;
bottom: -10px;
left: 15%;
right: 15%;
border-bottom: 1px solid #64646464;
width: 70%;
}
/* Adapt to macOS. */
.mod-macos:not(.is-tablet) .side-dock-settings {
margin-top: 10px;
padding-bottom: 40px;
}
/* Adapt to iPad. */
.mod-macos.is-tablet .side-dock-settings {
margin-top: 25px;
padding-bottom: 0px;
}
/* Adapt to Linux/Windows. */
.mod-linux .side-dock-settings,
.mod-windows .side-dock-settings {
margin-top: 10px;
}
/* Adjust the display animation effect. */
.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed,
.workspace-ribbon.mod-left {
position: absolute;
top: 0;
left: -30px;
height: 100%;
opacity: 0;
transition: all .3s ease-out .3s;
}
/* Adjust the hide animation effect. */
.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed:hover,
.workspace-ribbon.mod-left:hover {
opacity: 1;
left: 0;
transition: all .3s ease-out .3s;
}
/* Adapt to macOS system windows. */
/* Remove the space reserved for the toggle button at the top of the side-dock-ribbon. */
.mod-macos .workspace-ribbon.side-dock-ribbon.mod-left::before {
display: none;
}
/* The window buttons on a Mac are in the top left corner. */
.mod-macos.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
padding-left: 75px;
}
/* Adjust the position of the sidebar-toggle-button. */
.sidebar-toggle-button {
-webkit-app-region: inherit;
height: calc(var(--header-height) - 1px);
display: flex;
justify-content: center;
padding: var(--size-4-2) 0 7px 0;
--icon-size: var(--icon-l);
--icon-stroke: var(--icon-l-stroke-width);
}
I'd like to enable visibility of all the menu options that this theme only reaveals if you hover over by default. Sorry for such a basic question but I just can't seem to find the settings panel shown in the README...
Thanks in advance
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?
I'm noticing when using this theme that filenames are getting cut off in the files navigation pane when they are too long. This is especially an issue when there are multiple nested folders. No matter how much I expand the files navigation pane it never reveals more of the filename. Here is an example using the sandbox and Mado Miniflow theme:
Here is the same behavior when using the default theme:
Not a huge deal but if it's fixable and you'd like to fix it I'd appreciate it. Either way I love the theme :)
Thanks!
Curious how to edit text colors. I have tried making a snippet with :root{ --relevant-color: white; } to no avail. I also edited the theme file itself and the color remained the same.
Hello,
Thank you for this beautiful theme!
I was wondering whether you could implement the same checkbox options as the minimal theme:
https://minimal.guide/Block+types/Checklists
First I want to say I love this theme. By far my favorite and I've looked at SO many! Thanks for the hard work!
I am running into an odd issue that seems to be only a problem when using this theme though.. when I embed a PDF into a canvas then CMD+click on the title of that PDF on the canvas to open it in a new tab rather than the same tab I'm in, it opens a new blank tab. I only see this problem when using this theme.
No the end of the world but if it's fixable and you were interested I figured I'd report it.
Thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.