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

From Amahi Wiki
Jump to: navigation, search
Line 13: Line 13:
 
       NameOfYourTheme/init.rb
 
       NameOfYourTheme/init.rb
 
* 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 most important file in the theme is the CSS file, which contains the styling for the theme. The file is located in
* The details of the theme can be found in the NameOfYourTheme/style.css file and of course, the images!
+
      style.css
 
+
* The rest of the theme look is determined by the images, which are referenced by the platform code
== 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  
 
* The theme screenshot file should be 640x480 and is located in  
       app/theme/theme-sshot.png
+
       theme-sshot.png
 
* The theme thumbnail file should be 64x64 and is located in
 
* The theme thumbnail file should be 64x64 and is located in
       app/theme/theme-thumb.png
+
       theme-thumb.png
* The theme icon (for the installer in MyApps page), should be 48x48, and is located
+
* You can change the name of the them, and the color scheme of the piecharts in
      app/icon.png
+
       init.rb
* 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
 

Revision as of 16:38, 6 July 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
  • The most important file in the theme is the CSS file, which contains the styling for the theme. The file is located in
     style.css
  • The rest of the theme look is determined by the images, which are referenced by the platform code
  • The theme screenshot file should be 640x480 and is located in
     theme-sshot.png
  • The theme thumbnail file should be 64x64 and is located in
     theme-thumb.png
  • You can change the name of the them, and the color scheme of the piecharts in
     init.rb