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:

.ms-bgSelected{

/* [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.