diff --git a/assets/css/darktheme.css b/assets/css/darktheme.css
index ebd2b8b80..dce2cb91a 100644
--- a/assets/css/darktheme.css
+++ b/assets/css/darktheme.css
@@ -9,7 +9,7 @@ a {
 }
 
 body {
-  background-color: #232323;
+  background-color: rgba(35, 35, 35, 1);
   color: #f0f0f0;
 }
 
@@ -25,7 +25,7 @@ body {
 .pure-control-group > input,
 .pure-form > fieldset > select,
 .pure-control-group > select {
-  color: #232323;
+  color: rgba(35, 35, 35, 1);
 }
 
 .navbar > .searchbar input {
diff --git a/assets/css/default.css b/assets/css/default.css
index aec26abe8..868f4446c 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -133,10 +133,11 @@ 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);
+  background-color: rgba(35, 35, 35, 0.75);
 }
 
 .vjs-menu li.vjs-menu-item:focus,
@@ -156,25 +157,25 @@ div {
   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-slider:hover,
+.video-js button:hover {
+  color: rgba(0, 182, 240, 1);
+}
+
 .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);
+  background-color: rgba(35, 35, 35, 0.5);
 }
 
 .video-js:hover .vjs-big-play-button {
-  background-color: rgba(33, 33, 33, 0.75);
+  background-color: rgba(35, 35, 35, 0.75);
 }