revert: html background for widget (#13981)

Reverts chatwoot/chatwoot#13955

app/javascript/widget/assets/scss/woot.scss

@@ -7,7 +7,7 @@
 
 html,
 body {
-  @apply antialiased h-full bg-n-slate-2 dark:bg-n-solid-1;
+  @apply antialiased h-full;
 }
 
 .is-mobile {

app/javascript/widget/composables/useDarkMode.js

@@ -1,4 +1,4 @@
-import { computed, watchEffect } from 'vue';
+import { computed } from 'vue';
 import { useMapGetter } from 'dashboard/composables/store';
 
 const isDarkModeAuto = mode => mode === 'auto';
@@ -23,10 +23,6 @@ export function useDarkMode() {
     calculatePrefersDarkMode(darkMode.value, systemPreference.value)
   );
 
-  watchEffect(() => {
-    document.documentElement.classList.toggle('dark', prefersDarkMode.value);
-  });
-
   return {
     darkMode,
     prefersDarkMode,

app/javascript/widget/views/ArticleViewer.vue

@@ -10,7 +10,7 @@ export default {
 </script>
 
 <template>
-  <div class="bg-n-solid-1 h-full">
+  <div class="bg-white h-full">
     <IframeLoader :url="$route.query.link" />
   </div>
 </template>