Fix placeholder color issue for selects

client/pages/forms/[slug]/index.vue

@@ -238,19 +238,3 @@ useHead({
   script: [{ src: '/widgets/iframeResizer.contentWindow.min.js' } ]
 })
 </script>
-
-<style lang="scss">
-#public-form {
-  p, div {
-    @apply text-gray-900 dark:text-white;
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    @apply text-gray-900 dark:text-white;
-  }
-
-  a {
-    @apply text-blue-600 hover:underline;
-  }
-}
-</style>

client/scss/app.scss

@@ -29,6 +29,18 @@ body.dark * {
   h2 {
     @apply text-3xl font-semibold;
   }
+
+  p, div {
+    @apply text-gray-900 dark:text-white text-inherit;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    @apply text-gray-900 dark:text-white text-inherit;
+  }
+
+  a {
+    @apply text-blue-600 hover:underline text-inherit;
+  }
 }
 
 .bg-white {