feat: Dark Mode (PR -12) (#7590)

app/javascript/dashboard/modules/notes/components/AddNote.vue

@@ -1,12 +1,14 @@
 <template>
-  <div class="card">
+  <div
+    class="flex flex-col mb-2 p-4 border border-solid border-slate-75 dark:border-slate-700 overflow-hidden rounded-md flex-grow shadow-sm bg-white dark:bg-slate-900 text-slate-700 dark:text-slate-100"
+  >
     <woot-message-editor
       v-model="noteContent"
       class="input--note"
       :placeholder="$t('NOTES.ADD.PLACEHOLDER')"
       :enable-suggestions="false"
     />
-    <div class="footer">
+    <div class="flex justify-end w-full">
       <woot-button
         color-scheme="warning"
         :title="$t('NOTES.ADD.TITLE')"
@@ -75,10 +77,4 @@ export default {
     max-height: 22.5rem;
   }
 }
-
-.footer {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-}
 </style>