Difference between revisions of "Theme Components"
From AgileApps Support Wiki
Wikidevuser (talk | contribs) (Created page with "==<ace-activity-history>== Following variables are available for customization: :{| border="1" cellpadding="5" cellspacing="1"| |- align="center" ! Variable !! | Default value...") |
Wikidevuser (talk | contribs) () |
||
| Line 23: | Line 23: | ||
$ace-activity-history-icon-border-radius: 20%; | $ace-activity-history-icon-border-radius: 20%; | ||
</pre> | |||
==<ace-app-nav-list>== | |||
Following variables are available for customization: | |||
:{| border="1" cellpadding="5" cellspacing="1"| | |||
|- align="center" | |||
! Variable !! | Default value !! | Description | |||
|- | |||
| $ace-app-nav-list-background-color || #f8f9fa || Sets the background color property. | |||
|- | |||
| $ace-app-nav-list-background-color-focus || #f8f9fa || Sets the background color property in focus mode. | |||
|- | |||
| $ace-app-nav-list-border-focus || 1px solid #6200ee || Sets the color in focus mode. | |||
|- | |||
| $ace-app-nav-list-active-item-background-color || #6200ee || Sets the background color in active mode of the item. | |||
|} | |||
You can assign different values to each of the above variables as follows: | |||
<pre>html | |||
$ace-app-nav-list-border-focus : 1px solid #00ff00; | |||
$ace-app-nav-list-active-item-background-color: #fff; | |||
</pre> | </pre> | ||
Revision as of 08:36, 20 October 2023
<ace-activity-history>
Following variables are available for customization:
Variable Default value Description $ace-activity-history-date-color #6200ee Sets the color property of date in activity history. $ace-activity-history-timeline-divider-color #6200ee Sets the divider color in activity history. $ace-activity-history-icon-border-radius 50% Sets the icon button border radius property in activity history. $ace-activity-history-time-line-color #6200ee Sets the color property of timeline in activity history. $ace-activity-history-image-border-color #6200ee Sets the border color property of image in activity history. $ace-activity-history-image-box-shadow-color #6200ee Sets the box shadow color property of an image in activity history.
You can assign different values to each of the above variables as follows:
html $ace-activity-history-date-color : #00ff00; $ace-activity-history-icon-border-radius: 20%;
Following variables are available for customization:
Variable Default value Description $ace-app-nav-list-background-color #f8f9fa Sets the background color property. $ace-app-nav-list-background-color-focus #f8f9fa Sets the background color property in focus mode. $ace-app-nav-list-border-focus 1px solid #6200ee Sets the color in focus mode. $ace-app-nav-list-active-item-background-color #6200ee Sets the background color in active mode of the item.
You can assign different values to each of the above variables as follows:
html $ace-app-nav-list-border-focus : 1px solid #00ff00; $ace-app-nav-list-active-item-background-color: #fff;