Branding

Appskull is very brandable. You can set custom logos, name, CSS styles and etc...

Change logos

1. Change userend logo.

   

   To change userend logo, simply replace logo.svg file in the [app_root]/assets/themes/nuda/common/userend/img directory.

2. Change adminend logo.

   

   To change adminend logo, simply replace navbar_logo.svg file in the [app_root]/assets/themes/nuda/common/adminend/img directory. Recommended height and width of this file is 30px.

1. Open your .ai file in Adobe Illustrator software.

   

2. Choose Save As option in File menu.

   

3. Choose SVG option in Save As window.

   

4. Choose these options in SVG Options window.

   

Change default app name & slogan

You may need to change default app name and app slogan on the Appskull adminend.

You can easily change default Appskull name and slogan on the system settings -> app module page.

http://[base_url]/system/settings/app

Custom CSS styles

You can customize Appskull's both the userend and adminend very easily with your own custom CSS styles.

Appskull have 3 different stylesheets for your customizations.

1. Stylesheet for userend only.

   Use this stylesheet only to customize userend only. You can find this (app.css) stylesheet under [app_root]/app/assets/themes/nuda/common/userend/css directory.

2. Stylesheet for adminend only.

   Use this stylesheet only to customize adminend only. You can find this (app.css) stylesheet under [app_root]/app/assets/themes/nuda/common/adminend/css directory.

3. Stylesheet for both the userend and adminend.

   If you have common CSS styles for both the userend and adminend, then put those styles in this stylesheet. You can find this (app.css) stylesheet under [app_root]/app/assets/themes/nuda/common/common/css directory.

Examples:

• Change userend background color.

  Stylesheet: [app_root]/app/assets/themes/nuda/common/userend/css

                                  
                                      body {
                                          background-color: #1c00e0bd;
                                      }
                                  
                              

  

• Change app frame background color on the adminend.

  Stylesheet: [app_root]/app/assets/themes/nuda/common/adminend/css

                                  
                                      ._app_frame {
                                          background-color: #673ab7 !important;
                                      }