mirror of
https://github.com/nextcloud/documentation.git
synced 2026-01-04 10:46:21 +07:00
37 lines
1012 B
ReStructuredText
37 lines
1012 B
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
|
|
|