I doubt @
jurialmunkey will help...
This is code from AZ2 skin.
xml:
<!-- Settings Buttons -->
<variable name="Defs_Settings_ToggleButton_Color">
<value condition="Control.HasFocus(300) | Control.HasFocus(20)">00ffffff</value>
<value>$VAR[ColorGradient]</value>
</variable>
<variable name="Defs_Settings_ToggleButton_Text">
<value condition="Control.HasFocus(300) | Control.HasFocus(20)">dialog_fg_70</value>
<value>Selected</value>
</variable>
<include name="Defs_Settings_Button">
<align>left</align>
<font>font_small</font>
<radioposx>1225</radioposx>
<height>item_list_height</height>
<textoffsetx>30</textoffsetx>
<focusedcolor>$VAR[Defs_Settings_ToggleButton_Text]</focusedcolor>
<texturefocus />
<alttexturefocus />
<texturefocus colordiffuse="$VAR[Defs_Settings_ToggleButton_Color]">common/white-gradient.png</texturefocus>
<alttexturefocus colordiffuse="$VAR[Defs_Settings_ToggleButton_Color]">common/white-gradient.png</alttexturefocus>
</include>
xml:
<!-- Left Gradient Fade -->
<include content="Defs_Settings_Gradient">
<param name="id" value="9000" />
<top>item_list_height_half</top>
<height>item_list_height</height>
<width>dialog_side_grouplist</width>
<visible>!Control.HasFocus(300) + !Control.HasFocus(20)</visible>
</include>
<!-- Right Gradient -->
<include content="Defs_Settings_Gradient">
<param name="id" value="9999" />
<top>item_list_height_half</top>
<height>item_list_height</height>
<left>dialog_side_grouplist</left>
<right>0</right>
<visible>ControlGroup(9999).HasFocus()</visible>
</include>
xml:
<control type="button" id="19101" description="Customise Home">
<visible>Integer.IsEqual(Window.Property(CurrentFocus),9001)</visible>
<include>Defs_Settings_Button</include>
<label>$LOCALIZE[31109]</label>
<onclick>RunScript(script.skinshortcuts,type=manage&group=mainmenu)</onclick>
</control>
xml:
<include name="Defs_Settings_Gradient">
<control type="group">
<nested />
<animation effect="fade" start="0" end="100" time="1">Visible</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,0)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,1)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,2)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,3)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,4)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,5)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,6)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,7)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,8)">Conditional</animation>
<animation effect="slide" end="0,item_list_height" condition="Integer.IsGreater(Container($PARAM[id]).Position,9)">Conditional</animation>
<control type="image">
<texture colordiffuse="$VAR[ColorHighlight]">common/white.png</texture>
</control>
<control type="image">
<texture colordiffuse="$VAR[ColorGradient]">common/white-gradient.png</texture>
</control>
</control>
</include>
I tried to implement it, this way but no luck. I can't understand how it's really works.
This gradient is dynamic, it depends what colors you choose for ColorHighlight and ColorGradient
I think this include Defs_Settings_Gradient does the trick.