[TASK] support dark mode second draft

frontend/scss/components/_search.scss

@@ -0,0 +1,13 @@
+.search {
+  &-bar {
+    @apply w-full relative block rounded-md border-0 py-1.5 px-2 bg-white dark:bg-black text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-black placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 mb-2 md:mb-0;  
+  }
+
+  &-wrapper {
+    @apply bg-gray-200 dark:bg-primary-600 p-3 mt-4 rounded-t-md;
+  }
+
+  &-result {
+    @apply bg-gray-200 dark:bg-primary-600 text-primary-950 dark:text-white pb-3 px-3 text-right;
+  }
+}