mirror of
https://github.com/nextcloud/documentation.git
synced 2026-01-02 17:59:36 +07:00
2647cd93c7
This moves lots of pages around. The high-level changes are * Better main sections, so it's more *general*, *into*, *basics* and *details* * Move more general topics to a *Basic* section, which are not app-specific * Remove app docs to the stuff that is likely used, anything else goes into "Digging deeper" * Move general guides into a prologue * Try to *compress*/combine some pages with similar content * Try to have better consistencs on level ob abstraction across pages * Split app development and maintenance pages into two sections * Integrate bugtracker info into prologue * Integrate Android pages into client APIs section Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
43 lines
1.2 KiB
ReStructuredText
43 lines
1.2 KiB
ReStructuredText
===============
|
|
Theming support
|
|
===============
|
|
|
|
.. sectionauthor:: Julius Härtl <jus@bitgrid.net>
|
|
|
|
The Nextcloud theming app offers some tools for app developers to ensure that apps also match the themed look.
|
|
|
|
CSS classes
|
|
-----------
|
|
|
|
* **.nc-theming-main-background** Background in theming color
|
|
* **.nc-theming-main-text** Text in theming color
|
|
* **.nc-theming-contrast** Text in white/black color to be shown in front of the theming color
|
|
|
|
|
|
JavaScript
|
|
----------
|
|
|
|
When the theming app is enabled, it provides the **OCA.Theming** object. It can
|
|
be used to handle themed instances differently.
|
|
|
|
.. code-block:: javascript
|
|
|
|
if(OCA.Theming) {
|
|
$('.myapp-element').animate({backgroundColor:OCA.Theming.color});
|
|
}
|
|
|
|
The following information is available:
|
|
|
|
* **OCA.Theming.color** Main color
|
|
* **OCA.Theming.inverted** Will be true on bright theming colors to get contrast with text
|
|
* **OCA.Theming.name** Instance name
|
|
* **OCA.Theming.slogan** Instance slogan
|
|
* **OCA.Theming.url** Instance web address
|
|
|
|
Icons
|
|
-----
|
|
|
|
The theming app will automatically generate favicons and home screen icons for
|
|
each app by using the icon `img/app.svg` inside of the app folder. Any custom
|
|
favicon set by an app will only be visible when the theming app is disabled.
|