Make #mobileWordFormShow visible in all themes

src/js/account/utilities.js

@@ -9,10 +9,12 @@ export function saveToken(token) {
 
 export function dictionaryIsDefault() {
   const defaultDictionary = cloneObject(DEFAULT_DICTIONARY);
+  delete defaultDictionary.settings.theme;
   delete defaultDictionary.lastUpdated;
   delete defaultDictionary.createdOn;
   delete defaultDictionary.version;
   const currentDictionary = cloneObject(window.currentDictionary);
+  delete currentDictionary.settings.theme;
   delete currentDictionary.lastUpdated;
   delete currentDictionary.createdOn;
   delete currentDictionary.version;

src/scss/themes/_blue.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#blueTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_dark.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#darkTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_grape.scss

@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#grapeTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_green.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#greenTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_light.scss

@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#lightTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_mint.scss

@@ -247,7 +247,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#mintTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_red.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#redTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_royal.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#royalTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;

src/scss/themes/_yellow.scss

@@ -248,7 +248,7 @@
 }
 
 @media (max-width: 750px) {
-#defaultTheme {
+#yellowTheme {
   $dark: #bababa;
   $mid: #dedede;
   $light: #efefef;