feat: Dark Mode (#7471)

app/javascript/dashboard/components/widgets/forms/Input.vue

@@ -2,6 +2,8 @@
   <label class="input-container">
     <span v-if="label">{{ label }}</span>
     <input
+      class="bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 border-slate-200 dark:border-slate-600"
+      :class="{ 'input-margin': error }"
       :value="value"
       :type="type"
       :placeholder="placeholder"
@@ -65,10 +67,11 @@ export default {
 </script>
 <style scoped lang="scss">
 .help-text {
-  margin-top: var(--space-micro);
-  font-size: var(--font-size-mini);
-  color: var(--s-600);
-  font-style: normal;
+  @apply mt-0.5 text-xs not-italic text-slate-600 dark:text-slate-400;
+}
+
+.input-margin {
+  margin-bottom: 2px !important;
 }
 .message {
   margin-top: 0 !important;