raphwriter / trilium-theme-melon

A theme for Trilium Notes
93 stars 20 forks source link

Help with slight modifications to the theme #8

Closed verveq closed 3 years ago

verveq commented 3 years ago

Hello! I really like your theme, in my opinion it's the best one for Trilium as of now; The only issue I have with it is that since my screen-size isn't that big resolution-wise (1600x900) it seems like there's a lot of space lost to the in-between-the-panes and button-size. As such the amount of useful space is lower than it could've been. I have tried to modify the CSS inside Trilium myself to salvage some additional space but, being dumb-dumb in regards to the CSS syntax, got nowhere -- modifying various paddings and margins correlated (so I thought) with different tabs of layout and buttons produced no desired effect (I was able to change the hyperlinks color though, yay! that's unrelated though), although I think I just didn't modify the correct ones. Provided it is not too burdensome is it possible for you to point me in the right direction regarding which parts/lines of the CSS should be modified to get control of the size of the elements as in the picture below? CSS_MAIN Additionally, if it is not too troublesome and time-consuming for you, the ones below would be great too, but those are secondary and thus expendable. CSS_SECONDARY

Basically, I just want to shrink those things. What I'm trying to achieve is (photoshop to the rescue) something to this end: CSS_OUTCOME (see previous two pictures for the difference) Regardless, thank you for your time, and once again -- great theme!

raphwriter commented 3 years ago

Hi there, I just added a file (https://github.com/raphwriter/trilium-theme-melon/blob/master/trilium-theme-melon-3-low-res-overrides.css). You have to insert its content at the very bottom of the main css (trilium-theme-melon-3.css) file. Let me know if this helps! What's generally useful for this kind of customization is the browsers "inspect" mode (right click -> inspect). There you can play around with the css and see changes on the fly. (Just as a side note, don't know if it is of interest to you.)