chore: Improvements to dark mode usage in widget (#7873)

app/javascript/widget/components/AgentMessageBubble.vue

@@ -9,8 +9,7 @@
     >
       <div
         v-dompurify-html="formatMessage(message, false)"
-        class="message-content"
-        :class="$dm('text-black-900', 'dark:text-slate-50')"
+        class="message-content text-slate-900 dark:text-slate-50"
       />
       <email-input
         v-if="isTemplateEmail"

app/javascript/widget/components/layouts/ViewWithHeader.vue

@@ -46,7 +46,10 @@
     >
       <router-view />
     </transition>
-    <branding :disable-branding="disableBranding" />
+    <branding
+      class="bg-slate-25 dark:bg-slate-800"
+      :disable-branding="disableBranding"
+    />
   </div>
 </template>
 <script>