Kodi Community Forum

Full Version: REQUEST: ADD more colours?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Is there a simple way to add more colours/themes to choose from?
Currently there's 4 colours and a holiday snowfall theme toggle.

There's obviously a lot of possibilities here.
Getting them to auto trigger on/off would be also a great addition.

regards
I had brief look and it's fairly straightforward to add colours by editing the XMLs rezipping and installing from zip.
But.
There's got to be a better overall way.

I think the Titan Vanilla skin has some great options. Maybe there's some ideas there?
Leia Titan Vanilla
The wiki is a good starting point. Wink
(2019-11-06, 15:03)Captain_Tactful Wrote: [ -> ]I had brief look and it's fairly straightforward to add colours by editing the XMLs rezipping and installing from zip.
But.
There's got to be a better overall way.

I think the Titan Vanilla skin has some great options. Maybe there's some ideas there?
Leia Titan Vanilla

@Captain_Tactful , this is something that I am not going to take on for a while.  I am not great on the design part of skinning, and doing this the correct and complete way (providing color customization from the skin itself without the user modifying any files) takes a lot of coding.  I will add it to my internal to-do list, but don't expect this in any short timeframe.  My apologies for not providing a more concrete answer.

Regards,

Bart
(2019-11-04, 14:21)Captain_Tactful Wrote: [ -> ]Is there a simple way to add more colours/themes to choose from?
Currently there's 4 colours [..]

Yes. Begin by clicking on the link I provided. Big Grin

Edit: Basically, the Highlight definition is the only thing you need to touch in the <color_theme_name>.xml file.
(2019-11-07, 20:58)bsoriano Wrote: [ -> ]
(2019-11-06, 15:03)Captain_Tactful Wrote: [ -> ]I had brief look and it's fairly straightforward to add colours by editing the XMLs rezipping and installing from zip.
But.
There's got to be a better overall way.

I think the Titan Vanilla skin has some great options. Maybe there's some ideas there?
Leia Titan Vanilla

@Captain_Tactful , this is something that I am not going to take on for a while.  I am not great on the design part of skinning, and doing this the correct and complete way (providing color customization from the skin itself without the user modifying any files) takes a lot of coding.  I will add it to my internal to-do list, but don't expect this in any short timeframe.  My apologies for not providing a more concrete answer.

Regards,

Bart 
@bsoriano I understand.
Just to add a concept, I think a way would be to provide a colour box pop up for each of the lines in the XML. The colour box could be generated from the colors.xml in the
program files\Kodi\system folder. Each line of the xml relating to an individual component.
I've been through the amber skin default xml and changed each line one at a time to see what is affected.

Line 4 Grey2 - https://imgur.com/Z6vpEtP
Line 5 Grey  - https://imgur.com/isSem86
Line 7 Details - https://imgur.com/tQwntYM
Line 8 white - https://imgur.com/8uwWGUV
Line 12 Black - https://imgur.com/prTOBAw
Line 18 disabled - https://imgur.com/vqOts1N
Line 22 heavy shadow - https://imgur.com/vf5k1O9
Line 23 shadow dark - https://imgur.com/0A1oMTv
Line 24 highlight - https://imgur.com/uEJk2aL
Line 25 selected orange - https://imgur.com/EhXTfip

I'm sure the other lines have uses but I couldn't see the change.

I also looked into unpacking the textures.xbt file, but couldn't find a sure fire way to do that.

regards
(2019-11-12, 16:24)Captain_Tactful Wrote: [ -> ]
(2019-11-07, 20:58)bsoriano Wrote: [ -> ]
(2019-11-06, 15:03)Captain_Tactful Wrote: [ -> ]I had brief look and it's fairly straightforward to add colours by editing the XMLs rezipping and installing from zip.
But.
There's got to be a better overall way.

I think the Titan Vanilla skin has some great options. Maybe there's some ideas there?
Leia Titan Vanilla

@Captain_Tactful , this is something that I am not going to take on for a while.  I am not great on the design part of skinning, and doing this the correct and complete way (providing color customization from the skin itself without the user modifying any files) takes a lot of coding.  I will add it to my internal to-do list, but don't expect this in any short timeframe.  My apologies for not providing a more concrete answer.

Regards,

Bart  
@bsoriano I understand.
Just to add a concept, I think a way would be to provide a colour box pop up for each of the lines in the XML. The colour box could be generated from the colors.xml in the
program files\Kodi\system folder. Each line of the xml relating to an individual component.
I've been through the amber skin default xml and changed each line one at a time to see what is affected.

Line 4 Grey2 - https://imgur.com/Z6vpEtP
Line 5 Grey  - https://imgur.com/isSem86
Line 7 Details - https://imgur.com/tQwntYM
Line 8 white - https://imgur.com/8uwWGUV
Line 12 Black - https://imgur.com/prTOBAw
Line 18 disabled - https://imgur.com/vqOts1N
Line 22 heavy shadow - https://imgur.com/vf5k1O9
Line 23 shadow dark - https://imgur.com/0A1oMTv
Line 24 highlight - https://imgur.com/uEJk2aL
Line 25 selected orange - https://imgur.com/EhXTfip

I'm sure the other lines have uses but I couldn't see the change.

I also looked into unpacking the textures.xbt file, but couldn't find a sure fire way to do that.

regards 
@Captain_Tactful , thanks! I am aware of where each color defined is used, so I understand what the impact would be of the change.  You can create your own file and place it in the colors folder of the skin.  Then you can go to Interface Settings and choose your file from the Color options.  What I am not keen on doing is writing the code so that you can pick your own colors from within the skin, and customize them however you like.  I might do this in the future, but not now.

If you download the skin from Git, all of the textures are unpacked, and you will find them in the media folder of the skin.

Regards,

Bart
(2019-11-12, 18:48)bsoriano Wrote: [ -> ]
(2019-11-12, 16:24)Captain_Tactful Wrote: [ -> ]
(2019-11-07, 20:58)bsoriano Wrote: [ -> ]@Captain_Tactful , this is something that I am not going to take on for a while.  I am not great on the design part of skinning, and doing this the correct and complete way (providing color customization from the skin itself without the user modifying any files) takes a lot of coding.  I will add it to my internal to-do list, but don't expect this in any short timeframe.  My apologies for not providing a more concrete answer.

Regards,

Bart  
@bsoriano I understand.
Just to add a concept, I think a way would be to provide a colour box pop up for each of the lines in the XML. The colour box could be generated from the colors.xml in the
program files\Kodi\system folder. Each line of the xml relating to an individual component.
I've been through the amber skin default xml and changed each line one at a time to see what is affected.

Line 4 Grey2 - https://imgur.com/Z6vpEtP
Line 5 Grey  - https://imgur.com/isSem86
Line 7 Details - https://imgur.com/tQwntYM
Line 8 white - https://imgur.com/8uwWGUV
Line 12 Black - https://imgur.com/prTOBAw
Line 18 disabled - https://imgur.com/vqOts1N
Line 22 heavy shadow - https://imgur.com/vf5k1O9
Line 23 shadow dark - https://imgur.com/0A1oMTv
Line 24 highlight - https://imgur.com/uEJk2aL
Line 25 selected orange - https://imgur.com/EhXTfip

I'm sure the other lines have uses but I couldn't see the change.

I also looked into unpacking the textures.xbt file, but couldn't find a sure fire way to do that.

regards  
@Captain_Tactful , thanks! I am aware of where each color defined is used, so I understand what the impact would be of the change.  You can create your own file and place it in the colors folder of the skin.  Then you can go to Interface Settings and choose your file from the Color options.  What I am not keen on doing is writing the code so that you can pick your own colors from within the skin, and customize them however you like.  I might do this in the future, but not now.

If you download the skin from Git, all of the textures are unpacked, and you will find them in the media folder of the skin.

Regards,

Bart 
@bsoriano Thank you, I wasn't aware that whats on git is already unpacked.

I'll have a play and see which lines need to be used to mimic the default skin, but in another colours. Then I'll create some additional XMLs.
I'm not bothered about doing it the long way round for the time being and will stick to the colours in the Kodi colors.xml

There's no point me doing this without sharing what I will have done, so I'm curious as to your preferred way to share the files and file naming scheme.
Actually adding a theme looks like the way to go for me atm.
(2019-11-12, 22:45)Captain_Tactful Wrote: [ -> ]Actually adding a theme looks like the way to go for me atm.
@Captain_Tactful , thank you.  Please go ahead and post links here for any themes you add, I will look at them and include in the skin.

Regards,

Bart
i have done some for me estuary jade skin
AA FAEBD7
AA  transparency 
FAEBD7 html colors
http://www.wideskills.com/sites/default/...image1.png
ImageImage
@Captain_Tactful , could you please give the latest version of Amber (in GitHub only for now) a try? I have added the ability to customize the following colors:

1. Highlight color
2. Regular text color
3. Focused text color
4. Selected text color
5. Horizontal Main Menu Bar tint
6. Horizontal Main Menu Glow Bars tint
7. Veritcal Main Menu/Submenu background tint
8. Top Bar tint
9. Dialogs Background tint
10. Shelves Background tint

You can also choose to use the same color for all of the tints to create a consistent look.  Please let me know if this is what you were looking for.  Thanks.

Regards,

Bart