enhance(mobile): polish colors

src/main/mobile/components/app.css

@@ -78,6 +78,16 @@ html {
         --button-background: var(--ls-primary-background-color);
         --button-color: var(--ls-primary-text-color);
       }
+
+      .header-md {
+        box-shadow: 0 2px 8px var(--ls-secondary-background-color);
+      }
+
+      .sc-ion-buttons-ios, .sc-ion-buttons-md {
+        &.text-muted-foreground {
+          color: var(--lx-gray-02);
+        }
+      }
     }
   }
 }
@@ -212,7 +222,7 @@ ion-content {
   }
 
   .ion-page {
-    @apply bg-gray-01 -mb-3;
+    @apply bg-gray-01;
   }
 }
 

src/main/mobile/components/settings.cljs

@@ -33,21 +33,10 @@
 (rum/defc page
   []
   (ion/page
-   (ion/header
-    (ion/toolbar
-     (ion/title "Settings")))
-
-   (ion/content {:class "ion-padding"}
-                (ion/refresher
-                 {:slot "fixed"
-                  :pull-factor 0.5
-                  :pull-min 100
-                  :pull-max 200
-                  :on-ion-refresh (fn [^js e]
-                                    (js/setTimeout
-                                     #(.complete (.-detail e))
-                                     3000))}
-                 (ion/refresher-content))
-                (user-profile)
-                [:div.mt-8
-                 (repo/repos-cp)])))
+    (ion/header
+      (ion/toolbar
+        (ion/title "Settings")))
+    (ion/content {:class "ion-padding"}
+      (user-profile)
+      [:div.mt-8
+       (repo/repos-cp)])))