if you open that progress-bar alb element – you see this –

both entries could be clicked again – and a new popup will arise. On this you have the styling mode of each progress par – including colors

Guess the default color will be the theme-color – and this is set on enfold options : general styling : primary color
( this is dependent on if the element is main content or alternate content etc. )

2) what do you mean by admin panel – what do you like to change there ?
Do you mean on dashboard – users – your profile: the admin color scheme ?

Enfold provides some additional image sizes to have for their alb elements a better choice.
in functions.php of enfold there are:

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

you see that there is featured and featured image and extra_large …

Now is you put an image to your layout or insert to an alb element ( masonry gallery, gallery etc. ) there are default insertions for them.
But you can allways change them by the alb options.
See masonry gallery f.e.:

if you open a new page and style it with enfold advanced layout editor – you can pull a single button-row alb element into the layout.
( Nothing else – no columns etc. pp – except if you like to have it in your widget too )
if you have activated the debug mode under the layout input area – there is the shortcode area.
this shortcode represents the button-row.
So style it til you are satisfied with all colors and links etc.

copy paste it then – and put that shortcodes into the html widget of header2

but use this snippet : https://kriesi.at/support/topic/cant-get-a-widget-area-above-the-header/#post-1353220

on that snippet you see that the header-widget area is : header2

this is up to you – how you call it: it only had to be the same name here on widgets options.

click then : Add widget area button.

then you can insert f.e. a html widget to it. These html widgets can be filled with enfold alb shortcodes.

Do you know how to activate the enfold debug mode? : Link

impossible mine is 188 kb big. And layerslider is active on that installation.
i got 3500 lines of extra code in my child-theme funtions.php.

but this isn’t the real link to this file! isn’t it?
these two merged files are in the uploads folder – dynamic_avia folder.

if i go through your js file there are no enfold things inside – f.e. avia- etc
where did you get the file from?