I’ve been working lately on a theme for InvoicePlane. I really enjoy the simplicity of the platform, but I find tables too large, and text too small. I reckon overall design of the default theme is better for small screens / laptops than big screens.
So, here is my work in progress for these theme. It’s in french but everything’s basically on the same spot.
Let me know what you think of this first overview !
Man! That looks so awesome! Can we add it to the next release (or in the themes repository) featuring this theme?
Are you saving your creation on github?
Yup, looks nice!
Are all parts of the Application designed or just these two views?
And are there any differences when it comes to libraries?
Still Bootstrap 3? or 4? or even 5?
All parts of the application is designed, I just need to polish a few things like pop ups. This is pure css, no extra library involved, just a custom font and small logo and yes you obviously can include it to the next release on anything you want. When I’m done with this one, I also want to make a dark mode of it.
Css is a bit quirky sometimes cause I need to rearrange things sometimes but my main issue on this, is the tab titles included in the sidebar (Invoices, clients, quotes…), these are added through the css because there are only icons that comes with the original template sidebar. Would it be possible to included these titles in a future version ?
I did some updates on the theme and I wanted to make a wonderful package to place into the IP theme folder. But I’m not gonna lie, it’s cranky and I probably break some rules listed in the “Development Information for Themes”. So if anyone could help me to make it more “corporate” it really would be appreciated.
About the CSS, it probably have bugs. I didn’t try out all features on Invoiceplane so expect weird or missing stuff at some point.
Let’s say it’s experimental for now, so go on at your own risk.
New link to download the theme (available 30 days, I have to use another way to upload) :
Please read :
To make it work properly, choose “No” for “Disable sidebar” in the settings panel (better to do it before adding the theme)
For non-english speaking users, in the “css” folder, open with a text editor “style.css” file.
On lines 11048 to 11054 or by searching “.sidebar .fa-users:after {content:“Clients”;}” replace titles of pages of your own language for these 7 lines. Save. Now you can upload the theme to your InvoicePlane.
To make it work properly, choose “No” for “Disable sidebar” in the settings panel (better to do it before adding the theme)
For non-english speaking users, in the “css” folder, open with a text editor “style.css” file.
On lines 11048 to 11054 or by searching “.sidebar .fa-users:after {content:“Clients”;}” replace titles of pages of your own language for these 7 lines. Save. Now you can upload the theme to your InvoicePlane.