Custom.css in 2026 style

[madpatrick]

I'm made some small adjustments to the default theme to stay a bit in the new 2026 style
No big adjustments or feature, but a few color changes

2026-03-28 17_44_12-Greenshot.png (61.25 KiB) Viewed 3930 times

Copy the file in to the default theme folder en rename the .txt file to .css

[gizmocuz]

Thanks for this ! CSS refactoring is already on my to-do list.
There are lots of (needless) comments and they are in Dutch...(AI?)

Looks great (except for the last_seen, it's to dark...) but I want to do the CSS refactoring first (split the widget rendering in it's own CSS file so it would be easier to theme later)

[madpatrick]

Yep
As mentioed it was a quick and dirty refactoring, but just was playing with AI
Is not the result as it should be, but it looks a bit better than the original default. No offense or course

[madpatrick]

played a bit more

Domoticz.png (118.73 KiB) Viewed 3818 times

[gizmocuz]

It's fun playing with html

Please checkout this branch (you only need the www folder), then check if you theme still works

https://github.com/domoticz/domoticz/tr ... estructure

[madpatrick]

It still works.
Will you work on a new default theme is the new style ?

I need to work on the mobile version.
Made some change to the blocks which breaks the mobile version

Done. Mobile is now back

Domoticz 2026.png (100.49 KiB) Viewed 3748 times

[costa76]

Hey, thanks for that!
It just gave me an idea so I used some AI too, to build on top of it:

Screenshot 2026-04-03 223738.png (372.94 KiB) Viewed 3668 times

Always wanted smaller icons and had been frustrated about the need to scroll .
Just unzip the attachment in the styles folder.

[gizmocuz]

Well you should also be able to click on them, even if you have thick fingers. If you look at the selector switch buttons these are way to small.

If you want to keep avoiding scrolling, the widgets can be made a lot less high.
But it is looking great.

As mentioned above, there is a css branch merged that now also includes the option to create your own dashboards with lots of optional widgets.
There have been made a few changes to merge some css styles into one (don't want to declare things twice), hope it all still works in the latest beta