diff --git a/client/components/Reader/SettingsPage/SettingsPage.vue b/client/components/Reader/SettingsPage/SettingsPage.vue
index 06e27072..01577a35 100644
--- a/client/components/Reader/SettingsPage/SettingsPage.vue
+++ b/client/components/Reader/SettingsPage/SettingsPage.vue
@@ -198,6 +198,8 @@ selectedTabOld = null;//todo: remove
         this.webFonts = rstore.webFonts;
         const font = (this.webFontName ? this.webFontName : this.fontName);
         this.vertShift = this.fontShifts[font] || 0;
+        this.textColorFiltered = this.textColor;
+        this.bgColorFiltered = this.backgroundColor;
     }
 
     get mode() {
diff --git a/client/components/Reader/SettingsPage/include/ViewTab.inc b/client/components/Reader/SettingsPage/include/ViewTab.inc
index 4a41b2ca..257a8350 100644
--- a/client/components/Reader/SettingsPage/include/ViewTab.inc
+++ b/client/components/Reader/SettingsPage/include/ViewTab.inc
@@ -10,7 +10,6 @@
                 :rules="['hexColor']"
                 class="no-mp"
                 style="max-width: 150px"
-                :disabled="wallpaper != ''"
             >
                 <template v-slot:prepend>
                     <q-icon name="la la-angle-down la-xs" class="cursor-pointer text-white" :style="colorPanStyle('text')">
@@ -41,7 +40,7 @@
                 :rules="['hexColor']"
                 class="no-mp"
                 style="max-width: 150px"
-                :disabled="wallpaper != ''"
+                :disable="wallpaper != ''"
             >
                 <template v-slot:prepend>
                     <q-icon name="la la-angle-down la-xs" class="cursor-pointer text-white" :style="colorPanStyle('bg')">