settings menu color
#1
ronie, in the settings menu can i change the active or inactive color?
I am having a hard time to see where I am since the inactive buttons are in white and the active is in light blue.
Normally the active color is the brighter one, at least on my computers.
You also make the active button a bit bigger, but for people without 20/20 vision that is not easy to see also.

If I could change anything in an xml that would be great.
will not bother you if I can change these things myself...

Would there a way to change the square selection boxes (videos movies tv shows etc) in the main screen to a more eye pleasing rounded corner design?

thanks
joe
IMAX@Home on the room sized screen since 1989
Reply
#2
font color of the menu buttons is defined in Includes.xml
Code:
<include name="ButtonCommonValues">
    <height>47</height>
    <font>font-20bc</font>
    <textcolor>white</textcolor>
    <focusedcolor>blue</focusedcolor>
    <shadowcolor>black</shadowcolor>
    ...

and the color names (white, blue and black..) are defined in colors/defaults.xml

making buttons bigger on focus is not something i prefer.

as for the home menu, you need to know each item is a seperate button.
so if you give them round corners, they'll all have round corners.
i'm open to suggestions though...feel free to provide some mockups.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#3
thanks ronie
the first tip did not work for the main menu
so I just switched the colors blue and white in the colors/defaults.xml
works like a charm

"making buttons bigger on focus is not something i prefer."
that was meant for the CHANGE YOUR SETTINGS menu
where you make the buttons a bit bigger when active

my problem was there, the moment my eye left the selected button I had a hard time to find it again in all the bright colors.
Making the background image much darker helped as did the color change, since now the selected item has the bright color
also the glowing border is now better to see

Image

"as for the home menu, you need to know each item is a seperate button.
so if you give them round corners, they'll all have round corners."

OK I can see where this would look not too good

Can I change the font size in the home/start menu for the selected item like they do it in Confluence?
Or switch the background of the select boxes to have all a bit more transparent just the selected one less?
IMAX@Home on the room sized screen since 1989
Reply
#4
the home menu is in Include_Home.xml

look up the <control type="list" id="5040"> section, this is the normal menu.

the <control type="wraplist" id="5040"> section is the horizontal menu, in case you're using that one.

modify the font sizes of the label controls in the focussed layout to get bigger fonts.

making the menu buttons less transparent can be done by adding a fade animation to the images in the itemlayout section:
<animation effect="fade" start="50" end="50" time="0" condition="true">conditional</animation>
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#5
i am at
<visible>!Control.HasFocus(5040)</visible>
</control>
<control type="label">
<posy>1</posy>
<height>40</height>
<font>-25c</font>
<textcolor>blue</textcolor>

but no matter what I type into font it only gets smaller
<font>-35c</font>
<font>-15c</font>
<font>-45</font>

what do i do wrong?

and i am using the vertical menu

when I am doing the same a bit above at
>T-Button_Home_NoFocus1</include>
then I can go up to <font>-32c</font>
and the fonts get bigger
IMAX@Home on the room sized screen since 1989
Reply
#6
Star 
Would it be possible to have 'NO' buttons, and increase the font size and perhaps a font choice and still have the hot button area active? I've seen a few of the 'other' skins, and their home screen seems attractive, but there seems to be issues mousing it.
Reply
#7
you can't just add any value. they refer to entries in Font.xml.

you can use this one for instance:
<font>font-30c</font>
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#8
PatK Wrote:Would it be possible to have 'NO' buttons, and increase the font size and perhaps a font choice and still have the hot button area active? I've seen a few of the 'other' skins, and their home screen seems attractive, but there seems to be issues mousing it.

sure, remove the image controls from the item and focused layout,
also search for and remove the top and bottom shadow images.

font sizes can be changed as instructed above.
T! includes two fonts: Teen (default) and Arial.
feel free to add/replace the fonts if you like.

the 'hot' area is defined by the item and focused layout width,
not by the buttons and/or length of the label.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#9
some interesting wiki links for those who want to mod T!:

Fonts: http://wiki.xbmc.org/index.php?title=Fonts
Colors: http://wiki.xbmc.org/index.php?title=Colour_Themes
Skinning: http://wiki.xbmc.org/index.php?title=Skinning_Manual
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#10
well i got it to work kind of

Image

I could make the non selected items smaller
15 works in this case

and I changed the transparency by just swapping
Button_Home_NoFocus.png withButton_Home_Focus.png
and vise versa

but I still like to find out how to make the font bigger - pretty please



also I was playing with the rounded corners idea a bit and I think an end cap top and bottom would look nicer

Image

would it be possible to insert 2 semi transparent graphics if I would know the place? (no problem in making them)
IMAX@Home on the room sized screen since 1989
Reply
#11
GranCanaria Wrote:but I still like to find out how to make the font bigger - pretty please
you need to add another entry to Fonts.xml


GranCanaria Wrote:also I was playing with the rounded corners idea a bit and I think an end cap top and bottom would look nicer

Image

would it be possible to insert 2 semi transparent graphics if I would know the place? (no problem in making them)

put the images in the media folder.
in Includes_Home.xml, replace the shadow-home-top.png and shadow-home-bottom.png
images with your new ones.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#12
find and remove
<texture border="15">Button_Home_NoFocus.png</texture>
<texture border="15">Button_Home_Focus.png</texture>
<texture border="30,0,30,0">shadow-home-top.png</texture>
<texture border="30,0,30,0">shadow-home-bottom.png</texture>

and you get this
Image

ronie, I read the font thingy and they are defined up to 35 and 80 but I still can not get the sizes to work.
IMAX@Home on the room sized screen since 1989
Reply
#13
GranCanaria Wrote:ronie, I read the font thingy and they are defined up to 35 and 80 but I still can not get the sizes to work.

can't help you any more than i already did i'm afraid.
my time is limited and although i don't mind giving a few pointers here and there, i'm not gonna spent a lot of time on peoples personalized mods.

read the wiki and keep on trying till you get it right. ;-)
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#14
No Problem!
you have been a great help, thanks a lot and sorry for taking up so much of your time.

here is my result on the 120" screen
Image

and if you like to have it back to normal, just enable
"I hate transparency" and go to 80 or 100%
IMAX@Home on the room sized screen since 1989
Reply
#15
@GranCanaria, why don't you use the skin night?

if you want change font to be bigger, you should open font.xml and edit the right font. it depends which font you select in the transparency setting/appearance. this one you should edit in font.xml, there are i think 4 different font. arial normal and arial bigger, and the other one.
Reply

Logout Mark Read Team Forum Stats Members Help
settings menu color0