There are two variations of the Gold skin, one with the progress bar at the bottom of the control bar and one with the progress bar at the top.Below, you can see a full list of color variables used for Gold skin. Variables are placed at the top of the CSS document, so you can experiment with colors in an easy way. Check out examples of color theme changes below.
Gold Theme Red Theme Grey Theme
| --controlbar-bg-color | transparent | 
| --big-play-bg-color | #FFC50F | 
| --big-play-color | #FFFFFF | 
| --button-icon-bg-color | |
| --button-icon-hover-bg-color | |
| --button-icon-color | |
| --button-icon-hover-color | |
| --menu-bg-color | |
| --menu-hover-bg-color | |
| --menu-color | |
| --menu-active-color | |
| --menu-active-bg-color | |
| --menu-secondary-color | |
| --menu-title-bg-color | 
| --menu-title-color | |
| --menu-zoom-level-color | |
| --menu-zoom-slider-color | |
| --menu-zoom-thumb-color | |
| --tooltip-bg-color | #FFC50F | 
| --tooltip-color | #FFC50F | 
| --progress-play-color | #FFC50F | 
| --progress-load-color | #CCCCCC | 
| --progress-ad-color | #CC0000 | 
| --chapter-marker-color | #FFFFFF | 
| --volume-bg-color | rgba(0,0,0,.5) | 
| --volume-slider-color | #666666 | 
| --volume-level-color | #FFFFFF | 
| --volume-thumb-color | #FFC50F |