Merge pull request #144 from camelus-hq/ui-changes

feat: tab bar feed bg color

Author: 1-leo

lib/presentation_layer/components/generic_feed.dart

@@ -142,10 +142,20 @@ class _GenericFeedState extends ConsumerState<GenericFeed>
                     pinned: true,
                     snap: widget.floatHeaderSlivers, // Snap if floating
                     forceElevated: innerBoxIsScrolled,
-                    backgroundColor: Theme.of(context).colorScheme.surface,
                     surfaceTintColor: Theme.of(context).colorScheme.surface,
+                    shadowColor: Theme.of(context).colorScheme.surface,
+                    backgroundColor: Theme.of(context).colorScheme.surface,
                     bottom: TabBar(
                       controller: _tabController!,
+                      dividerHeight: 0,
+                      indicator: UnderlineTabIndicator(
+                        borderSide: BorderSide(
+                          width: 2.5,
+                          color: Theme.of(context).colorScheme.primary,
+                        ),
+
+                        borderRadius: BorderRadius.circular(20),
+                      ),
                       tabs: [
                         Tab(text: AppLocalizations.of(context)!.posts),
                         Tab(

lib/presentation_layer/routes/home_page_mobile.dart

@@ -116,17 +116,21 @@ class _HomePageMobileState extends ConsumerState<HomePageMobile>
                       context,
                     ),
                     sliver: SliverAppBar(
+                      surfaceTintColor: Theme.of(context).colorScheme.surface,
+                      shadowColor: Theme.of(context).colorScheme.surface,
+                      backgroundColor: Theme.of(context).colorScheme.surface,
+
                       floating: true,
                       snap: false,
                       pinned: false,
-                      forceElevated: true,
+
                       leadingWidth: 48,
                       leading: MobileFeedHeader(
                         scaffoldKey: _scaffoldKey,
                         pubkey: currentUserPubkey,
                       ),
                       centerTitle: true,
-                      title: const AppLogo(),
+                      //title: const AppLogo(),
                       actions: [
                         RelaysConnectivityWidget(
                           onTap: () => context.push('/nostr/relays'),
@@ -140,6 +144,18 @@ class _HomePageMobileState extends ConsumerState<HomePageMobile>
                         preferredSize: const Size.fromHeight(40),
                         child: TabBar(
                           controller: tabController,
+                          indicatorColor: Theme.of(context).colorScheme.primary,
+                          // rounded underline indicator
+                          indicator: UnderlineTabIndicator(
+                            borderSide: BorderSide(
+                              width: 2.5,
+                              color: Theme.of(context).colorScheme.primary,
+                            ),
+
+                            borderRadius: BorderRadius.circular(20),
+                          ),
+
+                          dividerHeight: 0,
                           tabs: [
                             Tab(text: AppLocalizations.of(context)!.posts),
                             Tab(