Difference between revisions of "How to Create a new Theme"
From Amahi Wiki
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