Difference between revisions of "How to Create a new Theme"

From Amahi Wiki
Jump to: navigation, search
Line 1: Line 1:
 
= How to Create a Theme =
 
= How to Create a Theme =
  
# Pick a name for the new theme
+
* Pick a name for the new theme
# Invoke the theme generator with the name as the first argument
+
* Invoke the theme generator with the name as the first argument
 
       hda-generate-theme NameOfYourTheme
 
       hda-generate-theme NameOfYourTheme
# The theme directory should be as NameOfYourTheme
+
* The theme directory should be as NameOfYourTheme
# cd into it
+
* cd into it
# The theme screenshot file is called app/theme/theme-sshot.png and it should be 640x480
+
* The theme screenshot file is called app/theme/theme-sshot.png and it should be 640x480
# The theme thumbnail file is called app/theme/theme-thumb.png and it should be 64x64
+
* The theme thumbnail file is called app/theme/theme-thumb.png and it should be 64x64
# The theme icon (for the installer in MyApps page), is called app/icon.png and it should be 48x48
+
* The theme icon (for the installer in MyApps page), is called app/icon.png and it should be 48x48
# The most important file in the theme is the CSS file, which contains the styling for the theme. That is app/theme/style.css
+
* The most important file in the theme is the CSS file, which contains the styling for the theme. That is app/theme/style.css

Revision as of 02:24, 20 July 2008

How to Create a Theme

  • Pick a name for the new theme
  • Invoke the theme generator with the name as the first argument
     hda-generate-theme NameOfYourTheme
  • The theme directory should be as NameOfYourTheme
  • cd into it
  • The theme screenshot file is called app/theme/theme-sshot.png and it should be 640x480
  • The theme thumbnail file is called app/theme/theme-thumb.png and it should be 64x64
  • The theme icon (for the installer in MyApps page), is called app/icon.png and it should be 48x48
  • The most important file in the theme is the CSS file, which contains the styling for the theme. That is app/theme/style.css