remove dark mode css until its properly supported

blade/components/accordion.rs

@@ -17,7 +17,7 @@ where
         <button
             type="button"
             on:click=move |_| set_hide.set(!hide.get())
-            class="flex w-full grow items-center justify-between p-5 font-medium rtl:text-right text-gray-500 border first:border-t-0 border-gray-200 first:rounded-t-xl last:rounded-b-xl focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 gap-3"
+            class="flex w-full grow items-center justify-between p-5 font-medium rtl:text-right text-gray-500 border first:border-t-0 border-gray-200 first:rounded-t-xl last:rounded-b-xl focus:ring-4 focus:ring-gray-200 hover:bg-gray-100 gap-3"
         >
             <span class=header_class>{header()}</span>
             <span>
@@ -51,7 +51,7 @@ where
                 if hide.get() { "max-h-0 absolute opacity-0 overflow-hidden" } else { "" },
             )
         }>
-            <div class="p-5 border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900">
+            <div class="p-5 border border-b-0 border-gray-200">
                 {children()}
             </div>
         </div>

blade/components/card.rs

@@ -9,7 +9,7 @@ pub fn Card(
 ) -> impl IntoView {
     view! {
         <div class=move || tailwind_merge(
-            "max-w-max p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700",
+            "max-w-max p-6 bg-white border border-gray-200 rounded-lg shadow",
             &class.get(),
         )>{children()}</div>
     }

blade/components/list.rs

@@ -13,7 +13,7 @@ pub fn ListItem(children: Children, hide: Signal<bool>) -> impl IntoView {
 #[component]
 pub fn List(children: Children) -> impl IntoView {
     view! {
-        <ul role="list" class="divide-y divide-gray-200 dark:divide-gray-700">
+        <ul role="list" class="divide-y divide-gray-200">
             {children()}
         </ul>
     }

blade/components/nav.rs

@@ -6,18 +6,18 @@ pub fn Nav(
     #[prop(into)] logo: MaybeSignal<String>,
 ) -> impl IntoView {
     view! {
-        <nav class="border-gray-200 bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
+        <nav class="border-gray-200 bg-gray-50">
             <div class="flex flex-wrap items-center justify-between mx-auto p-4">
                 <a href="" class="flex items-center rtl:space-x-reverse">
                     <img class="hover:animate-spin" src=move || logo.get() class="w-14" alt="Logo"/>
-                    <span class="self-center text-4xl font-semibold whitespace-nowrap dark:text-white">
+                    <span class="self-center text-4xl font-semibold whitespace-nowrap">
                         {move || name.get()}
                     </span>
                 </a>
                 <button
                     data-collapse-toggle="navbar-hamburger"
                     type="button"
-                    class="inline-flex items-center justify-center p-2 w-10 h-10 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+                    class="inline-flex items-center justify-center p-2 w-10 h-10 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
                     aria-controls="navbar-hamburger"
                     aria-expanded="false"
                 >
@@ -39,11 +39,11 @@ pub fn Nav(
                     </svg>
                 </button>
                 <div class="hidden w-full" id="navbar-hamburger">
-                    <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700">
+                    <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50">
                         <li>
                             <a
                                 href="#"
-                                class="block py-2 px-3 text-white bg-blue-700 rounded dark:bg-blue-600"
+                                class="block py-2 px-3 text-white bg-blue-700 rounded"
                                 aria-current="page"
                             >
                                 Home

blade/components/searchbar.rs

@@ -15,7 +15,7 @@ where
         <div class="relative">
             <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
                 <svg
-                    class="w-4 h-4 text-gray-500 dark:text-gray-400"
+                    class="w-4 h-4 text-gray-500"
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
                     fill="none"

blade/components/statusicon.rs

@@ -42,7 +42,7 @@ pub fn StatusIcon(
                              <svg
                                  aria-hidden="true"
                                  class=move || tailwind_merge(
-                                     "text-gray-200 animate-spin dark:text-gray-600 fill-blue-600",
+                                     "text-gray-200 animate-spin fill-blue-600",
                                      &c(),
                                  )
 

blade/routes/empty.rs

@@ -34,7 +34,7 @@ pub fn Empty() -> impl IntoView {
                     </g>
                 </svg>
             </div>
-            <p class="font-normal text-3xl text-gray-500 dark:text-gray-400">
+            <p class="font-normal text-3xl text-gray-500">
                 Missing Invocation ID
             </p>
         </div>