Add color scheme for player

This commit is contained in:
Omar Roth
2018-08-03 18:17:19 -05:00
parent 272e798f5c
commit 5ddf7889fe
4 changed files with 56 additions and 15 deletions

View File

@@ -133,3 +133,48 @@ div {
transform: rotate(360deg);
}
}
/* Control Bar */
.video-js .vjs-control-bar,
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: rgba(33, 33, 33, 0.75);
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: rgba(255, 255, 255, 0.75);
color: rgba(49, 49, 51, 0.75);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: rgba(0, 182, 240, 0.75);
}
/* Progress Bar */
.video-js .vjs-slider {
background-color: rgba(15, 15, 15, 0.5);
}
.video-js .vjs-slider:hover,
.video-js button:hover {
color: rgba(0, 182, 240, 1);
}
.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
background: rgba(87, 87, 88, 0.5);
}
.video-js .vjs-play-progress {
background-color: rgba(0, 182, 240, 0.5);
}
/* Big "Play" Button */
.video-js .vjs-big-play-button {
background-color: rgba(33, 33, 33, 0.5);
}
.video-js:hover .vjs-big-play-button {
background-color: rgba(33, 33, 33, 0.75);
}