How is it possible to rebrand the Progress bar in Dashboard?


There is a css file in ‘C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\ElearningForce\js\lib\jquery-ui\themes\SharePointBasedStyles\jquery-ui.css’ for jquery-ui.

This file involves tokens:

.ui-progressbar { background: # SelectionBackground #; height:2em; text-align: left; overflow: hidden; }

In this case: # SelectionBackground #


There is a SharePoint css file ‘C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\1033\STYLES\COREV15.CSS’. This file involves:


/* [ReplaceColor(themeColor:"SelectionBackground")] */ background-color:rgba( 156,206,240,0.5 );


We have http module that takes colors from SharePoint file and replaces tokens to these colors.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Article is closed for comments.

Powered by Zendesk