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 =
  
 +
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'''
 
* 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
 +
 +
== Old Instructions ==
 +
(to be deleted after 8/09)
 +
 
* Invoke the theme generator with the name as the first argument
 
* Invoke the theme generator with the name as the first argument
 
       /usr/sbin/hda-generate-theme '''NameOfYourTheme'''
 
       /usr/sbin/hda-generate-theme '''NameOfYourTheme'''

Revision as of 17:43, 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

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