diff --git a/src/scss/themes/_blue.scss b/src/scss/themes/_blue.scss
index 3c57bc8..45e7258 100644
--- a/src/scss/themes/_blue.scss
+++ b/src/scss/themes/_blue.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#blueTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_dark.scss b/src/scss/themes/_dark.scss
index 31c0efc..5b159a4 100644
--- a/src/scss/themes/_dark.scss
+++ b/src/scss/themes/_dark.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#darkTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_grape.scss b/src/scss/themes/_grape.scss
index 0d114f8..3895f45 100644
--- a/src/scss/themes/_grape.scss
+++ b/src/scss/themes/_grape.scss
@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#grapeTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_green.scss b/src/scss/themes/_green.scss
index d368f22..1c5a357 100644
--- a/src/scss/themes/_green.scss
+++ b/src/scss/themes/_green.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#greenTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_light.scss b/src/scss/themes/_light.scss
index c211517..52d2c43 100644
--- a/src/scss/themes/_light.scss
+++ b/src/scss/themes/_light.scss
@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#lightTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_mint.scss b/src/scss/themes/_mint.scss
index 24a835b..9e3313c 100644
--- a/src/scss/themes/_mint.scss
+++ b/src/scss/themes/_mint.scss
@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#mintTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_red.scss b/src/scss/themes/_red.scss
index 623c61c..284d1ac 100644
--- a/src/scss/themes/_red.scss
+++ b/src/scss/themes/_red.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#redTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_royal.scss b/src/scss/themes/_royal.scss
index fda3cc5..d7912da 100644
--- a/src/scss/themes/_royal.scss
+++ b/src/scss/themes/_royal.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#royalTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;
diff --git a/src/scss/themes/_yellow.scss b/src/scss/themes/_yellow.scss
index 6a3d5c2..5199c56 100644
--- a/src/scss/themes/_yellow.scss
+++ b/src/scss/themes/_yellow.scss
@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#yellowTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;