Revision as of 02:22, 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
Template: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

@@ Line 2: / Line 2: @@
 # Pick a name for the new theme
-# Start from an existing theme. Remember the name of this theme ("old name")
+# Invoke the theme generator with the name as the first argument
-# Rename the .spec file to the new name (hda-theme-<newname>.spec)
+#      {{ hda-generate-theme NameOfYourTheme }}
-# Search and replace the old name to the new name in these files:
+# The theme directory should be as NameOfYourTheme
-## Makefile, *.spec
+# cd into it
-## inside app/: app-register, app-remove, hda_app_install.rb, Makefile
+# The theme screenshot file is called app/theme/theme-sshot.png and it should be 640x480
-## inside app/hda_app_install, the name of the app is also in the name of the class (with camel case), so that needs to be changed as well
+# The theme thumbnail file is called app/theme/theme-thumb.png and it should be 64x64
-# The theme screenshot file is called app/public/theme-sshot.png and it should be 640x480
-# The theme thumbnail file is called app/public/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