UI/UX overhaul: improved Now Playing, queue, and theming

- Add blurred/glassy backgrounds to NowPlaying/HomePage
- Redesign mini/expanded player layouts with Material components
- Replace helpBtn with queueBtn; prevent multiple queue sheets
- Add animated "Love" button with haptic/circular reveal
- Song list: improved actions, theming, and favorite feedback
- Artist picker bottom sheet for filtering/searching by artist
- Lyrics and song info: horizontal image+title, better styling
- Theme-aware colors for buttons, text, and backgrounds
- Refactor ViewModel naming and remove unused carousel code
- Update AndroidManifest and project device settings

Author: YBTopaz8

Dimmer/Dimmer.Droid/AndroidManifest.xml

@@ -20,7 +20,7 @@
                           android:pathPrefix="/invite" /> -->
 			</intent-filter>
 		</activity>
-		<activity android:name=".Activities.PlaybackBubbleActivity" android:label="Dimmer Bubble" android:allowEmbedded="true" android:resizeableActivity="true" android:documentLaunchMode="always" android:exported="false" android:taskAffinity="" android:launchMode="singleInstance" android:configChanges="screenSize|smallestScreenSize|screenLayout|orientation" />
+		<activity android:name=".Activities.PlaybackBubbleActivity" android:label="Dimmer Bubble" android:allowEmbedded="true" android:resizeableActivity="true" android:documentLaunchMode="always" android:exported="false" android:taskAffinity="" android:launchMode="singleInstance" android:configChanges="uiMode|screenSize|smallestScreenSize|screenLayout|orientation" />
 		<service android:name="com.yvanbrunel.dimmer.ExoPlayerService" android:directBootAware="true" android:exported="true" android:foregroundServiceType="mediaPlayback">
 			<intent-filter>
 				<action android:name="android.media.browse.MediaBrowserService" />

Dimmer/Dimmer.Droid/Dimmer.Droid.csproj.user

@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
-    <SelectedDevice>Nothing A142</SelectedDevice>
-    <SelectedPlatformGroup>PhysicalDevice</SelectedPlatformGroup>
-    <ActiveDebugProfile>Nothing A142 (Android 16.0 - API 36)</ActiveDebugProfile>
-    <DefaultDevice>pixel_7_-_api_36</DefaultDevice>
+    <SelectedDevice>pixel_7_-_api_35</SelectedDevice>
+    <SelectedPlatformGroup>Emulator</SelectedPlatformGroup>
+    <ActiveDebugProfile>Pixel 7 - API 35 (Android 15.0 - API 35)</ActiveDebugProfile>
+    <DefaultDevice>pixel_7_-_api_35</DefaultDevice>
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
     <DebuggerFlavor>ProjectDebugger</DebuggerFlavor>

Dimmer/Dimmer.Droid/Utils/Extensions/ViewExtensions.cs

@@ -1,10 +1,32 @@
-using Point = Microsoft.Maui.Graphics.Point;
+using System.Threading.Tasks;
+using AndroidX.Lifecycle;
+using Bumptech.Glide;
+using Dimmer.Utilities;
+using Point = Microsoft.Maui.Graphics.Point;
 using Rect = Microsoft.Maui.Graphics.Rect;
 
 namespace Dimmer.Utils.Extensions;
 
 public static class ViewExts
 {
+    public static void SetButtonIconColor(this MaterialButton btn, Color color)
+    {
+        btn.IconTint = AppUtil.ToColorStateList(color);
+    }
+    public static void SetImageWithGlide(this ImageView ImgView, string imgPath)
+    {
+
+        Glide.With(ImgView.Context).Load(imgPath).Into(ImgView);
+    }
+    public static async Task SetImageWithStringPathViaGlideAndFilterEffect(this ImageView ImgView, string imgPath, FilterType desiredFilter)
+    {
+        var glassyImg = await ImageFilterUtils.ApplyFilter(imgPath, desiredFilter);
+        Glide.With(ImgView.Context)
+            .Load(glassyImg)
+            .Into(ImgView);
+    
+    }
+
     public static Rect GetAbsoluteBounds(VisualElement view, IWindow window)
     {
         var location = GetAbsoluteLocation(view,window);

Dimmer/Dimmer.Droid/ViewsAndPages/NativeViews/Activity/TransitionActivity.cs

@@ -147,6 +147,33 @@ protected override void OnCreate(Bundle? savedInstanceState)
 
     }
     private SmoothBottomBar _bottomBar;
+
+    public override void OnConfigurationChanged(Configuration newConfig)
+    {
+        base.OnConfigurationChanged(newConfig);
+        RefreshBottomSheet();
+    }
+
+    private void RefreshBottomSheet()
+    {
+        SheetBehavior.State = BottomSheetBehavior.StateHidden;
+
+        var frag = SupportFragmentManager.FindFragmentByTag("NowPlayingFragment");
+            if(frag is not null)
+        {
+            SupportFragmentManager.BeginTransaction()
+                .Remove(frag)
+                .CommitNow();
+        }
+
+
+        var nowPlayingFrag = new NowPlayingFragment(MyViewModel);
+        SupportFragmentManager
+            .BeginTransaction()
+            .Replace(_sheetContainer.Id, nowPlayingFrag, "NowPlayingFragment")
+            .CommitNow();
+    }
+
     private void SetupCsharpUi()
     {
         // 1. Theme Colors
@@ -849,6 +876,7 @@ private void ShowCrashDialog(Exception ex)
             .Show();
 
     }
+
 }
 sealed class BackInvokedCallback : Java.Lang.Object, IOnBackInvokedCallback
 {

Dimmer/Dimmer.Droid/ViewsAndPages/NativeViews/DimmerLive/SocialFragment.cs

@@ -36,7 +36,7 @@ public SocialFragment(string transitionName, BaseViewModelAnd viewModel)
         ChatVM = MainApplication.ServiceProvider.GetRequiredService<ChatViewModel>();
         SocialVM = MainApplication.ServiceProvider.GetRequiredService<SocialViewModel>();
     }
-    public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
+    public override View OnCreateView(LayoutInflater inflater, ViewGroup? container, Bundle? savedInstanceState)
     {
         var ctx = Context;
         var root = new LinearLayout(ctx)

Dimmer/Dimmer.Droid/ViewsAndPages/NativeViews/DimsSection/PlayEventsAdapter.cs

@@ -91,7 +91,7 @@ public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int
         moreCol.SetGravity(GravityFlags.End | GravityFlags.CenterVertical);
 
         var timeAgoTxt = new TextView(_ctx) { TextSize = 12 };
-        var moreBtn = UiBuilder.CreateMaterialButton(_ctx, _ctx.Resources.Configuration, sizeDp: 40, iconRes: Resource.Drawable.more1);
+        var moreBtn = UiBuilder.CreateMaterialButton(_ctx, sizeDp: 40, iconRes: Resource.Drawable.more1);
 
         moreCol.AddView(timeAgoTxt);
         moreCol.AddView(moreBtn);

Dimmer/Dimmer.Droid/ViewsAndPages/NativeViews/HomePageFragment.cs

@@ -9,6 +9,7 @@
 using Dimmer.DimmerSearch;
 using Dimmer.UiUtils;
 using Dimmer.Utils;
+using Dimmer.Utils.Extensions;
 using Dimmer.ViewsAndPages.NativeViews.DimmerLive;
 using Dimmer.ViewsAndPages.NativeViews.Misc;
 using Dimmer.ViewsAndPages.ViewUtils;
@@ -75,7 +76,7 @@ public HomePageFragment(BaseViewModelAnd myViewModel)
     }
     private CancellationTokenSource? _searchCts;
     private SongAdapter _adapter;
-
+    private ImageView _backgroundImageView;
 
     public override View OnCreateView(LayoutInflater inflater, ViewGroup? container, Bundle? savedInstanceState)
     {
@@ -89,6 +90,15 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
 
         root.SetBackgroundColor(UiBuilder.IsDark(ctx) ? Color.ParseColor("#0D0E20") : Color.ParseColor("#CAD3DA"));
 
+        _backgroundImageView = new ImageView(ctx)
+        {
+            LayoutParameters = new FrameLayout.LayoutParams(-1, -1),
+
+        };
+
+        _backgroundImageView.SetScaleType(ImageView.ScaleType.CenterCrop);
+       
+        root.AddView(_backgroundImageView);
         // 2. Main Content Container (Linear Layout inside Coordinator)
         var contentLinear = new LinearLayout(ctx)
         {
@@ -129,6 +139,7 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
             Background = null,
             TextSize = 14
         };
+        _searchBar.SetTextColor(!UiBuilder.IsDark(this.View) ? Color.Black : Color.White);
         _searchBar.SetPadding(40, 30, 40, 30);
 
         _searchBar.TextChanged += _searchBar_TextChanged;
@@ -143,27 +154,27 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
         };
         searchCard.AddView(_searchBar);
         // Help Button
-         helpBtn = new Google.Android.Material.Button.MaterialButton(ctx, null, Resource.Attribute.materialIconButtonStyle)
+         QueueBtn = new Google.Android.Material.Button.MaterialButton(ctx, null, Resource.Attribute.materialIconButtonStyle)
         {
             Icon = AndroidX.Core.Content.ContextCompat.GetDrawable(ctx, Resource.Drawable.playlista),
             IconTint = Android.Content.Res.ColorStateList.ValueOf(Android.Graphics.Color.DarkSlateBlue),
             LayoutParameters = new LinearLayout.LayoutParams(AppUtil.DpToPx(50), AppUtil.DpToPx(50))
         };
-        helpBtn.Click += async (s, e) =>
+        QueueBtn.Click += async (s, e) =>
         {
 
-            var queueSheet = new QueueBottomSheetFragment(MyViewModel);
+            var queueSheet = new QueueBottomSheetFragment(MyViewModel,QueueBtn);
             queueSheet.Show(ParentFragmentManager, "QueueSheet");
-
+            QueueBtn.Enabled = false;
             await Task.Delay(800);
             queueSheet.ScrollToSong();
         };
-        helpBtn.LongClickable = true;
-        helpBtn.LongClick += (s, e) =>
+        QueueBtn.LongClickable = true;
+        QueueBtn.LongClick += (s, e) =>
         {
             MyViewModel.CopyAllSongsInNowPlayingQueueToMainSearchResult();
             Toast.MakeText(ctx, "Copied Queue to Main UI", ToastLength.Short);
-            helpBtn.PerformHapticFeedback(FeedbackConstants.Confirm);
+            QueueBtn.PerformHapticFeedback(FeedbackConstants.Confirm);
         };
 
         loadingIndic = new LoadingIndicator(ctx);
@@ -173,7 +184,7 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
         // Add items to Header
         headerLayout.AddView(menuBtn);
         headerLayout.AddView(searchCard);
-        headerLayout.AddView(helpBtn);
+        headerLayout.AddView(QueueBtn);
 
 
 
@@ -186,24 +197,22 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
         bottomLayout.SetPadding(20, 20, 20, 20);
 
         songsTotal = new TextView(ctx, null, Resource.Attribute.titleTextStyle);
-
+        songsTotal.SetTextColor(UiBuilder.IsDark(this.View) ? Color.White : Color.Black);
         songsTotal.TextAlignment = TextAlignment.TextStart;
 
 
-        var twoRowLayout = new LinearLayout(ctx)
-        {
-            Orientation = Orientation.Vertical
-        };
 
-        twoRowLayout.SetPadding(10, 10, 10, 10);
-        currentTql = UiBuilder.CreateMarqueeTextView(ctx);
+        currentTql = new TextView(ctx, null, Resource.Attribute.titleTextStyle);
+
+
+        currentTql.SetTextColor(UiBuilder.IsDark(this.View) ? Color.White : Color.Black);
 
-        twoRowLayout.AddView(currentTql);
 
         bottomLayout.AddView(loadingIndic);
 
         bottomLayout.AddView(songsTotal);
-        bottomLayout.AddView(twoRowLayout);
+
+        bottomLayout.AddView(currentTql);
 
 
 
@@ -241,7 +250,9 @@ public override View OnCreateView(LayoutInflater inflater, ViewGroup? container,
         // --- 5. Extended FAB ---
         fab = new Google.Android.Material.FloatingActionButton.ExtendedFloatingActionButton(ctx);
         ;
-        fab.Extended = false;
+        fab.Extended = true;
+
+        fab.SetBackgroundColor(UiBuilder.IsDark(ctx) ? Color.ParseColor("#1a1a1a") : Color.ParseColor("#DEDFF0"));
         fab.SetIconResource(Resource.Drawable.musicaba); 
 
 
@@ -337,13 +348,27 @@ public override void OnResume()
 
         MyViewModel.WhenPropertyChange(nameof(MyViewModel.CurrentPlayingSongView), newVl => MyViewModel.CurrentPlayingSongView)
             .ObserveOn(RxSchedulers.UI)
-            .Subscribe(currSong =>
+            .Subscribe(async currSong =>
             {
                 var art = currSong.Artist;
                 var alb= currSong.Album;
                 var artImgPath = art?.ImagePath;
                 var albImgPath = alb?.ImagePath;
-               
+                if (MyViewModel.CurrentPlayingSongView.CoverImagePath is not null)
+                {
+
+                    if(UiBuilder.IsDark(this.View))
+                    {
+
+                        await _backgroundImageView.SetImageWithStringPathViaGlideAndFilterEffect(MyViewModel.CurrentPlayingSongView.CoverImagePath,
+                             Utilities.FilterType.DarkAcrylic);
+                    }
+                    else
+                    {
+                        await _backgroundImageView.SetImageWithStringPathViaGlideAndFilterEffect(MyViewModel.CurrentPlayingSongView.CoverImagePath,
+                             Utilities.FilterType.Glassy);
+                    }
+                }
                 //currSong.IsCurrentPlayingHighlight= true; 
             });
 
@@ -366,7 +391,7 @@ public override void OnResume()
             .Subscribe(pbQueue =>
             {
                 if(pbQueue is not null)
-                    helpBtn.TooltipText = $"{MyViewModel.PlaybackQueue.Count} Songs in Queue";
+                    QueueBtn.TooltipText = $"{MyViewModel.PlaybackQueue.Count} Songs in Queue";
             });
 
 
@@ -457,37 +482,7 @@ public override void OnViewCreated(View view, Bundle? savedInstanceState)
         .DisposeWith(CompositeDisposables);
 
 
-        _morphMenu = new FabMorphMenu(Context, root, fab)
-        .AddItem("Settings", Resource.Drawable.settings, () =>
-        {
-            // Logic copied from your old ShowFabMenu
-            if (Activity is TransitionActivity act)
-                act.NavigateTo(new SettingsFragment("sett", MyViewModel), "SettingsFragment");
-        })
-        .AddItem("Search (TQL)", Resource.Drawable.searchd, () =>
-        {
-            var searchSheet = new TqlSearchBottomSheet(MyViewModel);
-            searchSheet.Show(ParentFragmentManager, "TqlSearchSheet");
-        })
-        .AddItem("Scroll to Playing", Resource.Drawable.eye, () =>
-        {
-
-            var songPos = MyViewModel.SearchResults.IndexOf(MyViewModel.CurrentPlayingSongView);
-            _songListRecycler?.SmoothScrollToPosition(songPos);
-
-            Toast.MakeText(Context, $"Scrolled To Song {MyViewModel.CurrentPlayingSongView.Title}", ToastLength.Short)?.Show();
-        })
-        .AddItem("View Queue", Resource.Drawable.playlistminimalistic3, () =>
-        {
-            var queueSheet = new QueueBottomSheetFragment(MyViewModel);
-            queueSheet.Show(ParentFragmentManager, "QueueSheet");
-        })
-        .AddItem("Login", Resource.Drawable.user, () =>
-        {
-            MyViewModel.NavigateToAnyPageOfGivenType(this, new LoginFragment("IntoLogin", MyViewModel), "loginPageTag");
-        });
-
-
+        
         PostponeEnterTransition();
         _songListRecycler?.ViewTreeObserver?.AddOnPreDrawListener(new MyPreDrawListener(_songListRecycler, this));
 
@@ -516,7 +511,7 @@ private void Fab_LongClick(object? sender, View.LongClickEventArgs e)
     public LoadingIndicator loadingIndic { get; private set; }
     public TextView songsTotal { get; private set; }
     public TextView currentTql { get; private set; }
-    public Button helpBtn { get; private set; }
+    public Button QueueBtn { get; private set; }
 
     public override void OnDestroyView()
     {