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

From Amahi Wiki
Jump to: navigation, search
Line 10: Line 10:
 
       cp -a BaseTheme NameOfYourTheme
 
       cp -a BaseTheme NameOfYourTheme
  
* Edit
+
* To change the display name of your theme to match that of the directory, edit
 
       NameOfYourTheme/init.rb
 
       NameOfYourTheme/init.rb
* to change the display name of your theme to match that of the directory.
 
 
* At this point the theme should be visible and selectable in http://hda/setup?tab=themes
 
* At this point the theme should be visible and selectable in http://hda/setup?tab=themes
 
* Of course, you can change the color scheme of the piecharts in init.rb also
 
* Of course, you can change the color scheme of the piecharts in init.rb also

Revision as of 17:47, 18 April 2009

How to Create a Theme

Creating a theme is easy nowadays:

  • Pick a base theme to start with, say, BaseTheme
  • Pick a name for the new theme, let's say NameOfYourTheme
  • Copy the theme directory:
      cd /var/hda/platform/html/public/themes
      cp -a BaseTheme NameOfYourTheme
  • To change the display name of your theme to match that of the directory, edit
      NameOfYourTheme/init.rb
  • At this point the theme should be visible and selectable in http://hda/setup?tab=themes
  • Of course, you can change the color scheme of the piecharts in init.rb also
  • The details of the theme can be found in the NameOfYourTheme/style.css file and of course, the images!

Old Instructions

(to be deleted after 8/09)

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