AppSuite:Theming: Difference between revisions

From Open-Xchange
(add basic idea, how to develop a theme without package it)
Line 13: Line 13:
== How to activate a theme during development ==
== How to activate a theme during development ==


When creating a new theme, you don’t have it installed with your frontend. In this case you don’t want to go to a complete build of a theme and reinstall it for every change. The trick is to create your theme overwrite the default theme with yours. You can then use the [[AppSuite:appserver|appserver]] proxy to ship your own version of the UI.
When creating a new theme, you don’t have it installed with your frontend. In this case you don’t want to go to a complete build of a theme and reinstall it for every change. The trick is to create your theme and overwrite the default theme with it. You can then use the [[AppSuite:appserver|appserver]] proxy to ship your own version of the UI.


== Best practice ==
== Best practice ==

Revision as of 15:27, 8 April 2013

In this article, you can learn how to create customized themes and use them to change the look of you appsuite installation.

File structure

definitions.less

style.less

Variables

Mixins

How to activate a theme during development

When creating a new theme, you don’t have it installed with your frontend. In this case you don’t want to go to a complete build of a theme and reinstall it for every change. The trick is to create your theme and overwrite the default theme with it. You can then use the appserver proxy to ship your own version of the UI.

Best practice

Caveats