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

From Amahi Wiki
Jump to: navigation, search
Line 6: Line 6:
 
* Pick a name for the new theme, let's say '''NameOfYourTheme'''
 
* Pick a name for the new theme, let's say '''NameOfYourTheme'''
 
* Copy the theme directory:
 
* Copy the theme directory:
  cd /var/hda/platform/html/public/themes
 
  cp -a BaseTheme NameOfYourTheme
 
  
* Edit NameOfYourTheme/init.rb to change the display name of your theme to match that of the directory.
+
      cd /var/hda/platform/html/public/themes
 +
      cp -a BaseTheme NameOfYourTheme
 +
 
 +
* Edit
 +
      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
 +
* The details of the theme can be found in the NameOfYourTheme/style.css file and of course, the images!
  
 
== Old Instructions ==
 
== Old Instructions ==

Revision as of 17:46, 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
  • Edit
      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
  • 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