View source

''Created by Tempus for the [[Creating Themes using the Beginner Package|Beginner Package]]''

==What you will need==

*[[Creating Themes using the Beginner Package|The Beginner Package]]
*A compiled version of [[Benzin]]


==Step by Step Instructions==

Below, step by step instructions are provided on how to replace the most noticeable and common colours from the Wii System Menu using benzin. This tutorial does not yet provide support for the SD card menu present in 4.0


===Convert your brlyt File to xmlyt===

The first step requires that you convert the [[Brlyt Documentation|brlyt files]] included with the [[Creating Themes using the Beginner Package|Beginner Package]] into xmlyt files. You can find step by step instructions below.

*For [[Compiling_Benzin_for_Mac#How_to_Extract_and_Encode_the_brlyt_files_using_the_benzin_droplet|Mac]]
*For [[Compiling_Benzin_for_Windows#How_to_Extract_and_Encode_Files_using_the_Benzin_.bat_Scripts|Windows]]
*For [[Compiling_Benzin_for_Linux#How_to_Extract_and_Encode_the_brlyt_files_using_the_benzin_droplet|Linux]]


===Learn About RGBA Colour===

Every colour has an RGBA equivalent. These are represented on a scale from 0 to 255. R stands for Red, G for Green, B for Blue, and A for Alpha, aslo known as transparency. Some examples below:


{| class="wikitable" style="text-align:center;"
||
! | Transparent Black
! | Semi-transparent Red	
! | Solid White
|-
|style="text-align:center;"| R 
|| 0
|| 255
|| 255
|-style="text-align:center;"
|| G
|| 0
|| 0
|| 255
|-
|| B
|| 0
|| 0
|| 255
|-
|| A
|| 0
|| 125
|| 255
|-
|}


You will need to choose colours for all of the following elements that you want to replace. If you want to keep the default colours, simply do not follow the instructions to replace the colours.

Photoshop and most other image editing programs support RGB colour. You can use these to determine the RGB value of the colour you want. Transparency will usually be either 255 (completely visible) or 0 (completely invisible). Other values will not be covered in this tutorial.

Web colours are also RGB colours. In a web colour, the first two digits are Red, the second two are Green, and the last two are Blue. These values are hex values. For more information on hex, use Wikipedia or Google.
:*Eg. #FF0000 is pure red, FF being 255 in hex.


===Choose RGBA colours===

Choose an RGBA colour for each of the following elements you would like to change.


'''Colours you can replace with this pack:'''
::*Wii Main Menu Channel Sheet Background Colour
::*Wii Main Menu Channel Sheet Border
::*Wii Main Menu Channel Sheet Shadow
::*Channel Borders
::*Channel Borders on Mouseover
::*Clock Number Colours
::*Date Colours
::*Wii Main Menu Button Edge colours


===Replace the Default Wii Colours===

Once you have selected an RGBA colour for all of the elements above that you want to replace, we will replace the default Wii colours with these. First of all, you will need to learn a little about how the Wii assigns colours.

The Wii creates a material file out of each image, which it gives a colour. These are represented by the tag "mat1". Each entry in "mat1" is a material, with a foreground colour and a background colour. We will be exchanging these values with our own RGBA colours.

To replace these, do a find for the material listed. Directely below will be tags for "forecolour" and "backcolour". Replace these with your own values. The values for each, in order, will be R, G, B and A. There are always four values for both the forecolour and the backcolour.



{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Wii Main Menu Channel Sheet Background Colour
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_a.brlyt
 | 
*Picture_00
*Picture_01
*Picture_02
*Picture_03
*Picture_04
*Picture_05
*Picture_06
*Picture_07
*Picture_08
*Picture_09

*board0
*board1
*board2
*board3
*board4

*BaseMask0
*BaseMask1
*BaseMask2
*BaseMask3
*BaseMask4
 | Forecolour and Backcolour
 | 
                    <forecolor>220</forecolor>
                    <forecolor>220</forecolor>
                    <forecolor>220</forecolor>
                    <forecolor>255</forecolor>
                    <backcolor>245</backcolor>
                    <backcolor>245</backcolor>
                    <backcolor>245</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Wii Main Menu Channel Sheet Border
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_a.brlyt
 | 
*Line0
*Line1
*Line2
*Line3
*Line4
 | Backcolour
 | 
                    <backcolor>52</backcolor>
                    <backcolor>190</backcolor>
                    <backcolor>237</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Wii Main Menu Channel Sheet Shadow
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_a.brlyt
 | 
*Shade0
*Shade1
*Shade2
*Shade3
*Shade4
 | Backcolour

*I suggest not changing the A, or transparency values, for this. It should remain at ~140. Fiddle if you are curious.
 | 
                    <backcolor>60</backcolor>
                    <backcolor>70</backcolor>
                    <backcolor>80</backcolor>
                    <backcolor>140</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Channel Borders
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_a.brlyt
 | 
*Edge0
*Edge1
*Edge2
*Edge3
*Edge4
 | Backcolour
 | 
                    <backcolor>180</backcolor>
                    <backcolor>180</backcolor>
                    <backcolor>180</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Channel Borders on Mouseover
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_d.brlyt
 | 
* Cursur_a
 | Forecolour and Backcolour

*If this does not show at first, modify backcolour alpha to 255. Otherwise, I suggest leaving all alpha (A) values at 0.
 | 
                    <forecolor>52</forecolor>
                    <forecolor>190</forecolor>
                    <forecolor>237</forecolor>
                    <forecolor>0</forecolor>
                    <backcolor>52</backcolor>
                    <backcolor>190</backcolor>
                    <backcolor>237</backcolor>
                    <backcolor>0</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Clock Number Colours
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_Clock_a.brlyt
 | 
*All Materials but T_WiiMenu
 | Backcolour
 | 
                    <backcolor>155</backcolor>
                    <backcolor>155</backcolor>
                    <backcolor>155</backcolor>
                    <backcolor>255</backcolor>

				AND

                    <backcolor>255</backcolor>
                    <backcolor>255</backcolor>
                    <backcolor>255</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Date Colours
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_c.brlyt
 | 
*T_Day_a
*T_Day_b
*T_Day_c
 | Backcolour
 | 
                    <backcolor>130</backcolor>
                    <backcolor>130</backcolor>
                    <backcolor>130</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}


{| class="wikitable collapsible collapsed" width="100%" style="v-align:top;"
 ! colspan="4"| For the Date Colours
 |-
 | File to Open:
 | Materials to replace
 | What to replace
 | Easy Find and Replace
 |-
 | my_ipLTop_e.brlyt
 | 
*CalExitBase0 - 2
*AddBase0 - 2
*Add_R_Base0 - 2
*AddBase0_00
*AddBase1_00
*AddBase2_00
*BtnL_a0_Add_00
*BtnL_a0_Cal_00
*BtnR_a0_Ch_00
*BtnL_a0_Set_00
*BtnR_a0_Bbs_00
*BtnR_a0_BbsSig1
 | Backcolour
 | 
                    <backcolor>52</backcolor>
                    <backcolor>190</backcolor>
                    <backcolor>237</backcolor>
                    <backcolor>255</backcolor>
 |-
 |}

===Convert your xmlyt File to brlyt===

The last step requires that you reconvert the xmlyt which you made in the first step into [[Brlyt Documentation|brlyt files]]. You can find step by step instructions below. Note, and this is very '''important''', that you need to be sure that your new brlyt replaces the old one with the exact same name and in the exact same place you found it in the [[Creating Themes using the Beginner Package|Beginniner Package]]

*For [[Compiling_Benzin_for_Mac#How_to_Extract_and_Encode_the_brlyt_files_using_the_benzin_droplet|Mac]]
*For [[Compiling_Benzin_for_Windows#How_to_Extract_and_Encode_Files_using_the_Benzin_.bat_Scripts|Windows]]
*For [[Compiling_Benzin_for_Linux#How_to_Extract_and_Encode_the_brlyt_files_using_the_benzin_droplet|Linux]]