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:

Re: New dark theme

Post by G3rard » Saturday 04 February 2017 15:56

@gizmocuz, is it okay for you if I make a pull request to add this theme to the Domoticz source?
More info about the theme at https://github.com/gerard33/dark-th3me.
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

piokuc
Posts: 243
Joined: Sunday 07 February 2016 14:31
Target OS: Raspberry Pi
Domoticz version: 3.6328
Contact:

Re: New dark theme

Post by piokuc » Saturday 04 February 2017 20:08

Hi @G3rard

I found one bug. WHen open zwave is not initialized button configuration is other than buttons on others devices. Other font and size. when open zwave is initialized ok button is ok.See on my screen
11.jpg
11.jpg (231.27 KiB) Viewed 1806 times

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 17 February 2017 23:50

The theme is part of the standard Domoticz themes since v3.6745 :D
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

lvsigo
Posts: 17
Joined: Thursday 24 November 2016 13:14
Target OS: Linux
Domoticz version:
Contact:

Re: New dark theme

Post by lvsigo » Sunday 19 February 2017 20:52

hi,

is that the theme applyed to graph too ?
is that a full theme ?

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 » Sunday 19 February 2017 21:06

Congratulations! Good job!

Enviado desde mi A0001 mediante Tapatalk

User avatar
corbin
Posts: 501
Joined: Saturday 20 August 2016 22:57
Target OS: Windows
Domoticz version: Beta
Location: Brisbane, Australia
Contact:

Re: New dark theme

Post by corbin » Friday 24 February 2017 13:53

Really liking this theme!
Question about the Xiaomi Gateway in Domoticz? Please check the Wiki first: https://www.domoticz.com/wiki/Xiaomi_Gateway_(Aqara)

oohlaf
Posts: 32
Joined: Monday 06 February 2017 1:57
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: New dark theme

Post by oohlaf » Friday 24 February 2017 17:45

I have switched to this one also. Nicely done.

I have one suggestion.
Maybe add a couple of pixels space between the table and the buttons:
domo.JPG
domo.JPG (20.47 KiB) Viewed 1656 times
Cheers

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 24 February 2017 23:19

Yeah, indeed. Changed it on my Github and made a pull request for the theme in Domoticz.
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

hekm77
Posts: 39
Joined: Thursday 09 February 2017 19:31
Target OS: Raspberry Pi
Domoticz version: beta
Contact:

Re: New dark theme

Post by hekm77 » Sunday 02 April 2017 23:14

Good job G3rard. Thanks.
How can I change the background color and the  fonts color in the log.

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 02 April 2017 23:46

See https://github.com/gerard33/dark-th3me/ ... m.css#L464
Place

Code: Select all

!important
after the color code if you see no changes.
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
htilburgs
Posts: 404
Joined: Tuesday 03 November 2015 12:01
Target OS: Raspberry Pi
Domoticz version: Stable
Location: Netherland
Contact:

Re: New dark theme

Post by htilburgs » Monday 03 April 2017 19:13

Nice theme.

Issue: the slider for blinds goes throug the close image of the blinds.

Question: where can the font size for the dasboard just for the mobile variant of the theme be changed?
The data font size is perfect (light blue text), but on the mobile, the labels font size is to big (my opion)

Sorry I'm currently not able to upload images (working in my mobile)
Hardware:
Raspberry Pi 2B - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug

User avatar
htilburgs
Posts: 404
Joined: Tuesday 03 November 2015 12:01
Target OS: Raspberry Pi
Domoticz version: Stable
Location: Netherland
Contact:

Re: New dark theme

Post by htilburgs » Friday 07 April 2017 11:57

I fixed the Issue with the slider in the custom.css:

Code: Select all

.dimslider {
  position: relative;
  width: calc(95% - 95px) !important;
  background-color: #555555 !important;
  border-radius: 0px !important;
  height: 10px;
  margin-top: 7px !important;
  margin-left: 100px !important;
  box-shadow: initial;
}
Changed lines are:
width: calc(95% - 95px) !important;
margin-left: 100px !important;

Now I'm going to take a look at the mobile variant.... ;)
Hardware:
Raspberry Pi 2B - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug

piokuc
Posts: 243
Joined: Sunday 07 February 2016 14:31
Target OS: Raspberry Pi
Domoticz version: 3.6328
Contact:

Re: New dark theme

Post by piokuc » Tuesday 11 April 2017 9:08

please send pull request to origihnal on GitHub.

Hobbybob
Posts: 66
Joined: Monday 01 May 2017 19:03
Target OS: Raspberry Pi
Domoticz version: Beta
Contact:

Re: New dark theme

Post by Hobbybob » Tuesday 30 May 2017 8:18

I really like this theme, I'm using it on my installation.

I do have one remark though: On the mobile version the items on the dashboard are looking very different then the items on for example the Switches-tab. I think they are looking better on the other tabs. Is there a reason why they are so different? On the desktop-version the styling is identical, and in the default Domoticz-design the items on the dashboard in mobile are also very similar to the other tabs.

It isn't very important, but I just thought I'd share my thoughts. Great work on the theme, wish I could pull something like this off.

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 30 May 2017 22:38

Hobbybob wrote:I really like this theme, I'm using it on my installation.

I do have one remark though: On the mobile version the items on the dashboard are looking very different then the items on for example the Switches-tab. I think they are looking better on the other tabs. Is there a reason why they are so different? On the desktop-version the styling is identical, and in the default Domoticz-design the items on the dashboard in mobile are also very similar to the other tabs.

It isn't very important, but I just thought I'd share my thoughts. Great work on the theme, wish I could pull something like this off.
Thanks! No specific reason why the dashboard for mobile is like this (guess it was already like this in the theme which I used as a base).

Maybe @htilburgs already had a look at it to change it?
htilburgs wrote: Now I'm going to take a look at the mobile variant.... ;)
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
htilburgs
Posts: 404
Joined: Tuesday 03 November 2015 12:01
Target OS: Raspberry Pi
Domoticz version: Stable
Location: Netherland
Contact:

Re: New dark theme

Post by htilburgs » Wednesday 31 May 2017 3:10

Sorry, had no time for this. Try later this week.
Hardware:
Raspberry Pi 2B - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug

Hobbybob
Posts: 66
Joined: Monday 01 May 2017 19:03
Target OS: Raspberry Pi
Domoticz version: Beta
Contact:

Re: New dark theme

Post by Hobbybob » Wednesday 31 May 2017 10:22

I had not seen the remark, sorry for pushing :)

Would be great if it could be done though!

User avatar
htilburgs
Posts: 404
Joined: Tuesday 03 November 2015 12:01
Target OS: Raspberry Pi
Domoticz version: Stable
Location: Netherland
Contact:

Re: New dark theme

Post by htilburgs » Friday 16 June 2017 17:33

I've been looking at the mobile theme, but cannot figure out how it works.
It doesn't matter what I change, it always stays the same.
For now my available time is gone, without results..... :(
Hardware:
Raspberry Pi 2B - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug

Hobbybob
Posts: 66
Joined: Monday 01 May 2017 19:03
Target OS: Raspberry Pi
Domoticz version: Beta
Contact:

Re: New dark theme

Post by Hobbybob » Friday 16 June 2017 17:42

htilburgs wrote:I've been looking at the mobile theme, but cannot figure out how it works.
It doesn't matter what I change, it always stays the same.
For now my available time is gone, without results..... :(
No worries, thank you for the time you put into it!

MartinP26
Posts: 1
Joined: Tuesday 24 October 2017 17:19
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: New dark theme

Post by MartinP26 » Tuesday 24 October 2017 22:56

Hi G3rard, I love this theme, it's now my default and my icons go perfectly with it.

One small thing I'd like to change are the colours of the non-selected selector buttons. I'd like to make them darker if possible.
I've tried changing what I thought were the right values in the css file but just ended up changing other items.

Could you possibly point me in the right direction please?

Kind regards
Martin

Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests