'ThinkTheme' - a new flat design theme

[wimmme]

thanks, looks lovely !

[raym]

Fantastic theme! Am I right though that this kind of modification is lost whenever I update Domoticz to the latest version? Would I need to re-install it each time?

Thanks.

[ThinkPad]

Fantastic theme! Am I right though that this kind of modification is lost whenever I update Domoticz to the latest version? Would I need to re-install it each time?

Thanks.

Thank you!

The icons overwrite other icons, i have seen (in my own experience when updating) that these will get overwritten by the default icons on every update indeed.
The .css file is an additional file, so this will stick is my experience.

But just keep the files on your harddrive / in your Domoticz backup and if it breaks, just copy over the files again

[tlpeter]

I just installed it and i like it.

[raym]

Have you considered integrating this into the main branch, so it becomes an official part of the product? I would think it is good enough for serious consideration by the devs... But then again, I'm not sure what's involved in achieving this.

[ThinkPad]

Have you considered integrating this into the main branch, so it becomes an official part of the product? I would think it is good enough for serious consideration by the devs... But then again, I'm not sure what's involved in achieving this.

Yes, i have considered that.

But you know, that would probably end up in me having to fix every bug/problem that people might occur with this theme.
And i don't want that; don't have the time for it, and also not the knowledge. I am not a webdeveloper, this theme was created by digging through the code to find the color values, and replacing them by other values. If someone has a weird problem with things being broken (due to CSS conflicting or so) it is very hard for me to solve.

That's why i like to keep it non-commital ('vrijblijvend' in Dutch). See also my disclaimer in the first post: theme broken? Sorry but you have to figure it out yourself, no warranty on support from me.

But feel free to do something with the theme, just like i said: if you use large parts of it, it would be nice if you link back to this topic.

[iMiMx]

Updated to latest checkout today, v2.3847, assume there were some default theme changes - seems to be a Domoticz icon top left that I don't recall seeing before. I made the following changes as it pushed the Domoticz header text and version below where it should be.

Code: Select all

.brand h1 {
   /*margin-left: -7px; */
   /* margin-top: -14px; */

Code: Select all

.brand h2 {
   float: left;
   margin-left: 155px;
   margin-top: -23px;

[iMiMx]

Or, just putting the below at the bottom of the original CSS file hides the Domoticz icon in the top left.

Code: Select all

img[src*="images/logo/57.png"] {
    display: none;
}

No idea if there is any other fall out, i.e that icon/image is hidden when it would be helpful to see it.

[ThinkPad]

Updated to latest checkout today, v2.3847, assume there were some default theme changes - seems to be a Domoticz icon top left that I don't recall seeing before. I made the following changes as it pushed the Domoticz header text and version below where it should be.

[...]

Thank you very much. I just updated to v2.3865 because of your post and i saw the same.
Your change did fix the problem. I have updated the code at Bitbucket, thanks for providing

[Chakkie]

Hi all I have uploaded the custom.css file to the www/css folder using Filezilla client. I cleared the cache of my browser and restarted domoticz. However the theme is the same and I could not choose the theme in the setting. Did I do something wrong? Or Did I miss a step? Also the FLAT ICON from the other post did not works.

thanks

[ThinkPad]

Hi all I have uploaded the custom.css file to the www/css folder using Filezilla client. I cleared the cache of my browser and restarted domoticz. However the theme is the same and I could not choose the theme in the setting. Did I do something wrong? Or Did I miss a step? Also the FLAT ICON from the other post did not works.

thanks

The CSS file needs to be in a folder inside the 'styles' folder.

/home/pi/domoticz/www/styles/ThinkTheme/custom.css

Iconpack: i don't know, i didn't make that one. See that topic for instructions.

[Chakkie]

Hi ThinkPad,

It was my fault. I put the custom.css in the wrong folder. My bad.

So basically you have to make a new folder and name it "Thinkpad" in ~/styles. You are awesome. I have got the icons working too.

I am using Chrome. To clear the cache I use CCleaner. And remember the Chrome has to be completely closed. Open the Task Manager and see if the Chrome is still running in the background.

Thanks theme looks absolutely amazing.

You rock

[gflvern]

Great theme, thanks for putting it together.

[DaaNMaGeDDoN]

Just wanted to let you know i've been using this theme for a couple of weeks now, looks and works excellent great job!
I vouch this should become the default theme

[nayr]

Since it was you ThinkPad that urged me to submit my theme to the main repo for inclusion, I am now going to return the favor...

common now, look at these guys struggling to install your theme.. just give it to em out of the box

[ThinkPad]

My theme is available for the developers to include in Domoticz, no problem.

But i don't want to have the responsibility for it, i don't have enough coding knowledge to fix CSS-problems and such.

Also, i have moved to the Zipato Zipabox a few weeks ago (Dutch explanation here, if interested), which means i am being a lot less involved with Domoticz now. So i think development from my side, regarding this theme is stopping here.

But like i said, use it like you want. However when using big parts (or the code 1:1), mentioning me is appreciated

[deejc]

hi
i reinstalled the thinktheme but since then i get an error every time i load the home page, any ideas ?

Application Cache Progress event (483 of 548) http://DOMOTICZ-IP:8080/acttheme/index. ... gw5fi0ELFg
Application Cache Error event: Resource fetch failed (404) http://DOMOTICZ-IP:8080/acttheme/index. ... gw5fi0ELFg

[Maarten112]

Thanks! This theme is awesome!!

[BartdaMan]

I know ThinkPad has moved away from Domoticz and this theme is not maintained, but... It is awesome and I like it very much. Big thanks to everybody who contributed.

One small request though, in the log there are 3 tabs. The log messages under All and Status are readable, but the error messages under tab Error are hardly readable. Dark red on black, I cannot see the difference.

Any chance I can change this myself? What must be the extra code?

Tnx.

[stlaha2007]

I know ThinkPad has moved away from Domoticz and this theme is not maintained, but... It is awesome and I like it very much. Big thanks to everybody who contributed.

One small request though, in the log there are 3 tabs. The log messages under All and Status are readable, but the error messages under tab Error are hardly readable. Dark red on black, I cannot see the difference.

Any chance I can change this myself? What must be the extra code?

Tnx.

Used it myself till a month ago... Upgraded Domoticz, and had no time to investigate it further...
However, what i have done to modify it myself.... Used Firefox Debug screen, so i could see which html-tags where called including the id's and classes. After figuring out which i started looking into the supplied .css file.

Or if it's not defined already (i believe one of the last things ThinPad did was implement the Log) you can add it.
Most html-tags have same id's and classes...

I'll hope you find it yourself, as CV-Tuning (tweakers-blog) and OTGW, watermeter with IR-Photocel and RFID identification System are my main targets at the moment