7 files changed, 13 insertions, 1 deletions
diff --git a/librevideojs/css/mix-material/master.css b/librevideojs/css/mix-material/master.css
index 9f640be..0bb9214 100644
--- a/librevideojs/css/mix-material/master.css
+++ b/librevideojs/css/mix-material/master.css
@@ -442,6 +442,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
@@ -921,6 +922,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
@@ -1400,6 +1402,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
@@ -1879,6 +1882,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
@@ -2359,6 +2363,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
@@ -2839,6 +2844,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-blue.css b/librevideojs/css/mix-material/mix-blue.css
index e5489f9..4e63f6e 100644
--- a/librevideojs/css/mix-material/mix-blue.css
+++ b/librevideojs/css/mix-material/mix-blue.css
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-grey.css b/librevideojs/css/mix-material/mix-grey.css
index a3b5481..0809a7f 100644
--- a/librevideojs/css/mix-material/mix-grey.css
+++ b/librevideojs/css/mix-material/mix-grey.css
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-purple.css b/librevideojs/css/mix-material/mix-purple.css
index 6fd7398..e2c1b52 100644
--- a/librevideojs/css/mix-material/mix-purple.css
+++ b/librevideojs/css/mix-material/mix-purple.css
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-red.css b/librevideojs/css/mix-material/mix-red.css
index 7f5831a..e729b8c 100644
--- a/librevideojs/css/mix-material/mix-red.css
+++ b/librevideojs/css/mix-material/mix-red.css
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-teal.css b/librevideojs/css/mix-material/mix-teal.css
index 4bbf8e1..49afd7b 100644
--- a/librevideojs/css/mix-material/mix-teal.css
+++ b/librevideojs/css/mix-material/mix-teal.css
@@ -16,7 +16,7 @@ The control icons are from a custom font. Each icon corresponds to a character
 (e.g. "\e002"). Font icons allow for easy scaling and coloring of icons.
 */
 .librevjs-libre-mixteal-skin {
-color:#ccc;
+color:#ccc !important;
 background-color: inherit;
 }
 @font-face {
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */
diff --git a/librevideojs/css/mix-material/mix-yellow.css b/librevideojs/css/mix-material/mix-yellow.css
index 06357b7..92ec021 100644
--- a/librevideojs/css/mix-material/mix-yellow.css
+++ b/librevideojs/css/mix-material/mix-yellow.css
@@ -503,6 +503,7 @@ line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase;
+color: #ccc;
 }
 
 /* Select color menu subtitles/captions */