Responsive theme for Domoticz
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist/OsiDark Release v0.7 to dist Dec 14, 2016
screenshots Updated theme and screenshots Dec 11, 2016
src/OsiDark Removed version numbering Dec 18, 2016
.gitignore Added gitignore Dec 14, 2016
README.md Added information to install latest development version Dec 13, 2016
changelog.txt Updated theme and screenshots Dec 11, 2016

README.md

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?

  1. Download the theme from the dist folder

  2. Add the OsiDark folder into your Domoticz theme folder e.g. /www/styles/

  3. 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 :(

  1. Make sure you've cleared your browser cache

  2. 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

mobile

Tablet

tablet

Desktop

desktop