enhance(mobile): polish dark mode

src/main/mobile/components/app.cljs

@@ -181,8 +181,7 @@
 (rum/defc app
   [current-repo {:keys [login?]}]
   (let [[tab] (mobile-state/use-tab)
-        *home (rum/use-ref nil)
-        *search-page (rum/use-ref nil)]
+        *home (rum/use-ref nil)]
     (use-screen-size-effects!)
     (use-theme-effects! current-repo)
     (silkhq/depth-sheet-stack {:as-child true}
@@ -202,7 +201,7 @@
                  :settings
                  (settings/page)
                  :search
-                 (search/search *search-page)
+                 (search/search)
                  ;:demos
                  ;(demos/demos-inner)
                  "Not Found")

src/main/mobile/components/app.css

@@ -57,6 +57,10 @@ html {
       #mobile-editor-toolbar {
         background: var(--ls-secondary-background-color);
       }
+
+      .BottomSheet-handle {
+        @apply bg-gray-03;
+      }
     }
   }
 }
@@ -376,7 +380,7 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
     }
 
     .ui__input {
-      @apply border-none bg-gray-04 pl-10 outline-none ring-0;
+      @apply border-none dark:bg-gray-02 bg-gray-04 pl-10 outline-none ring-0;
 
       outline-offset: 0;
       box-shadow: none;