OsiDark theme for Domoticz
Responsive theme for open source Home Automation System Domoticz - https://www.domoticz.com/
Please note
This theme is under development and might contains bugs. Make sure you have the latest version.
This theme comes with no warrenty use it at your own risk!
Intro
Create a Domoticz theme with:
- Simple / clean / flat design layout
- Optimized for smartphone, tablet and desktop
- Large tap area's for buttons on smartphone
FAQ
How do I install this theme?
-
Download the theme from the dist folder
-
Add the OsiDark folder into your Domoticz theme folder e.g. /www/styles/
-
In Domoticz goto Setup -> Settings -> Theme and pick OsiDark
or ssh to your Domoticz folder and for the latest release execute:
mkdir www/styles/osi-dark && wget https://raw.githubusercontent.com/basvdijk/domoticz-osidark-theme/master/dist/OsiDark/custom.css -O www/styles/osi-dark/custom.css
Latest development version
for the latest development version:
mkdir www/styles/osi-dark && wget https://raw.githubusercontent.com/basvdijk/domoticz-osidark-theme/master/src/OsiDark/custom.css -O www/styles/osi-dark/custom.css
to update to the latest development version:
wget https://raw.githubusercontent.com/basvdijk/domoticz-osidark-theme/master/src/OsiDark/custom.css -O www/styles/osi-dark/custom.css
I still see the default theme :(
-
Make sure you've cleared your browser cache
-
Make sure you've clicked apply settings
Your css uses the most ugly selectors possible
I completely agree. Unfortunately Domoticz does not provide classes on the elements, and sometimes has hardcoded styles in the HTML. Therefore I am forced to use these ugly selectors and sometimes even need to use !important.
Screenshots
Mobile
Tablet
Desktop
