New dark theme

User avatar
G3rard
Posts: 826
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

New dark theme

Post by G3rard » Wednesday 18 January 2017 23:56

I made a new dark theme for Domoticz. It is based on Sverto's Dark Theme which was posted here earlier, but I have made a lot of changes to it.

You can find the theme on Github https://github.com/gerard33/dark-th3me.
Edit: The theme is part of the standard Domoticz themes since v3.6745.

You can send a pull request if you found any errors or strange stuff.
And as I am not a developer, you will certainly find some strange stuff in the code ;)

The quickest way to test changes to the theme is via the development console in Chrome (open it with F12).
- choose the Sources tab
- choose acctheme and custom.css
- any changes will be visible directly
- if you want to implement these changes then edit these in domoticz/www/styles/dark-th3me/custom.css

Desktop
theme1.jpg
theme1.jpg (170.77 KiB) Viewed 4648 times
theme2.jpg
theme2.jpg (254.31 KiB) Viewed 4648 times
iPad
theme3.jpg
iPad
theme3.jpg (90.99 KiB) Viewed 4648 times
Last edited by G3rard on Friday 17 February 2017 23:49, edited 5 times in total.
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

maluko
Posts: 221
Joined: Monday 03 February 2014 0:57
Target OS: Raspberry Pi
Domoticz version:
Location: Portugal
Contact:

Re: New dark theme

Post by maluko » Thursday 19 January 2017 3:26

Looks pretty, good work

stlaha2007
Posts: 437
Joined: Monday 05 October 2015 10:16
Target OS: -
Domoticz version:
Contact:

Re: New dark theme

Post by stlaha2007 » Thursday 19 January 2017 10:18

Nice, very nice.
Would love to implement it.

Perhaps can you make the backgrounds a bit more darker??

And/or implement a screensaver. As my 'old' sony tablet is suffering ghosting from lighter lines. Have implemented a javascript screensaver on the default theme and embedded it in your NewFrontpage version. Saves my screen from that side effect.

fkok
Posts: 30
Joined: Thursday 19 January 2017 10:19
Target OS: Raspberry Pi
Domoticz version:
Location: Netherlands
Contact:

Re: New dark theme

Post by fkok » Thursday 19 January 2017 10:22

Nice, i'm sure i'm going to use it!!

koowee
Posts: 77
Joined: Thursday 29 December 2016 19:17
Target OS: Raspberry Pi
Domoticz version: Beta
Location: Finland
Contact:

Re: New dark theme

Post by koowee » Thursday 19 January 2017 10:53

Looks really good

sic79
Posts: 2
Joined: Thursday 12 January 2017 13:32
Target OS: -
Domoticz version:
Contact:

Re: New dark theme

Post by sic79 » Thursday 19 January 2017 14:32

Looks great! Good work :)

stingone
Posts: 41
Joined: Monday 26 October 2015 17:28
Target OS: -
Domoticz version:
Contact:

Re: New dark theme

Post by stingone » Friday 20 January 2017 0:20

Realy nice :) love this one :)

User avatar
G3rard
Posts: 826
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

Re: New dark theme

Post by G3rard » Friday 20 January 2017 0:53

Thanks for your replies!

Will try to update the theme this weekend and will then upload it here.
stlaha2007 wrote:Nice, very nice.
Would love to implement it.

Perhaps can you make the backgrounds a bit more darker??

And/or implement a screensaver. As my 'old' sony tablet is suffering ghosting from lighter lines. Have implemented a javascript screensaver on the default theme and embedded it in your NewFrontpage version. Saves my screen from that side effect.
The background can be easily changed. Will show you where it is in the code once I posted it.
I have a picture as a background for screens with a width > 1025px, otherwise the background is a solid grey colour. See the third picture.
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

User avatar
G3rard
Posts: 826
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

Re: New dark theme

Post by G3rard » Sunday 22 January 2017 2:20

I updated the start post with the link to the theme on Github.
Let me know if you are happy with this new theme.
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

rron
Posts: 127
Joined: Sunday 30 March 2014 15:24
Target OS: Raspberry Pi
Domoticz version: Beta
Location: Waterland
Contact:

Re: New dark theme

Post by rron » Sunday 22 January 2017 15:11

Looks great, perfect :D
Rpi, RFXcom, klikaan klikuit switch,thermosmart

User avatar
G3rard
Posts: 826
Joined: Wednesday 04 March 2015 23:15
Target OS: Linux
Domoticz version: V3.8153
Location: The Netherlands
Contact:

Re: New dark theme

Post by G3rard » Tuesday 24 January 2017 1:18

stlaha2007 wrote:Nice, very nice.
Would love to implement it.

Perhaps can you make the backgrounds a bit more darker??

And/or implement a screensaver. As my 'old' sony tablet is suffering ghosting from lighter lines. Have implemented a javascript screensaver on the default theme and embedded it in your NewFrontpage version. Saves my screen from that side effect.
You can change the background color in this part of the code.
https://github.com/gerard33/dark-th3me/ ... ss#L77-L86
It is showing a grey background (#7d7e7d) when the screen width is smaller then 1024px. Otherwise it will show a picture.
If you don't want the picture you can remove the @media part.
Ubuntu Server 14.04 | Domoticz v3.8153 | RFXtrx433E | Z-Wave Aeotec Z-Stick S2
Frontpage | Sonos PHP | Dark th3me | Sony Bravia Python plugin | Sonos Python plugin

NietGiftig
Posts: 140
Joined: Sunday 11 October 2015 8:50
Target OS: Raspberry Pi
Domoticz version: V3.6224
Location: Holland
Contact:

Re: New dark theme

Post by NietGiftig » Tuesday 24 January 2017 17:21

I'm using this one now, nice & clean
Thanks for sharing
Very minor question
The selector switch in button mode has white bg/black letters for unselected buttons, they become Grey/yellow when you hover over them.
Is it possible to change this the other way round. or tell me where I can change it.
It makes the dark side of the theme darker ;-)
RPI-2 + SSD / ESPEasy Sensors & Switches / Sonoff / RFLink / Action Switches / TP-Link switch / Node-Red / Reacticz

Sergio
Posts: 51
Joined: Friday 12 December 2014 14:25
Target OS: Raspberry Pi
Domoticz version: 3.6150
Location: Spain
Contact:

Re: New dark theme

Post by Sergio » Tuesday 24 January 2017 18:21

Nice theme G3rard! I really like it.
I like messing with web pages. I'll try to contribute whenever I have time.

For example in spanish as the words are much longer, the bottom buttons on switches wrap on to two lines.
If you reduce left and/or right margins only two points total on ".btnsmall, .btnsmall-dis" tag it will fit on a single line without messing anything.

tjabas
Posts: 156
Joined: Sunday 11 December 2016 14:51
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by tjabas » Tuesday 24 January 2017 18:23

Nice!!

but how do i install this?

i must add that i have never installed a skin before.

NietGiftig
Posts: 140
Joined: Sunday 11 October 2015 8:50
Target OS: Raspberry Pi
Domoticz version: V3.6224
Location: Holland
Contact:

Re: New dark theme

Post by NietGiftig » Tuesday 24 January 2017 19:09

tjabas wrote: but how do i install this?
On github https://github.com/gerard33/dark-th3me
Installation: copy dark-th3me folder to domoticz/www/styles/
RPI-2 + SSD / ESPEasy Sensors & Switches / Sonoff / RFLink / Action Switches / TP-Link switch / Node-Red / Reacticz

tjabas
Posts: 156
Joined: Sunday 11 December 2016 14:51
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by tjabas » Tuesday 24 January 2017 19:27

NietGiftig wrote:
tjabas wrote: but how do i install this?
On github https://github.com/gerard33/dark-th3me
Installation: copy dark-th3me folder to domoticz/www/styles/
ok, but i guess this is a very stupid question, how do i copy the content to domoticz/www/styles/, can i FTP it?

tjabas
Posts: 156
Joined: Sunday 11 December 2016 14:51
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by tjabas » Tuesday 24 January 2017 19:30

tjabas wrote:
NietGiftig wrote:
tjabas wrote: but how do i install this?
On github https://github.com/gerard33/dark-th3me
Installation: copy dark-th3me folder to domoticz/www/styles/
ok, but i guess this is a very stupid question, how do i copy the content to domoticz/www/styles/, can i FTP it?

im really new to this rasperry pi.

NietGiftig
Posts: 140
Joined: Sunday 11 October 2015 8:50
Target OS: Raspberry Pi
Domoticz version: V3.6224
Location: Holland
Contact:

Re: New dark theme

Post by NietGiftig » Tuesday 24 January 2017 19:56

tjabas wrote: im really new to this rasperry pi.
Yes, I see.
I think you must Google a little.
There are thousands of pages over linux/raspberrys/filetransfer/ftp.
I do not think that this forum is a good place
And then, what we had to write down here, would be a repeat of all those other articles about that subject.
Use the search Luke, use the search.
RPI-2 + SSD / ESPEasy Sensors & Switches / Sonoff / RFLink / Action Switches / TP-Link switch / Node-Red / Reacticz

tjabas
Posts: 156
Joined: Sunday 11 December 2016 14:51
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by tjabas » Tuesday 24 January 2017 20:26

NietGiftig wrote:
tjabas wrote: im really new to this rasperry pi.
Yes, I see.
I think you must Google a little.
There are thousands of pages over linux/raspberrys/filetransfer/ftp.
I do not think that this forum is a good place
And then, what we had to write down here, would be a repeat of all those other articles about that subject.
Use the search Luke, use the search.

ok, i will do that, thank you :)

User avatar
Mooseknuckle
Posts: 68
Joined: Sunday 08 March 2015 10:24
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by Mooseknuckle » Tuesday 24 January 2017 21:47

It really looks great, thank you.
RPI 3, Philips Hue,Toon Thermostat, Harmony Smart Control, Yeelights
Mysensors wifi gateway + sensors, RFXtrx433E, Kaku stuff, Xiaomi gateway + sensors
Domoticz controlled DIY ambilight, Selectplus chime, Mi-light led controller

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests