docs: add updated screenshots

README.md

@@ -18,6 +18,10 @@ Btw it's not just another Electron app 😉
 
 ---
 
+![Spotube Desktop](assets/branding/spotube-screenshot.png)
+
+![Spotube Mobile](assets/branding/mobile-screenshots/combined.jpg)
+
 </div>
 
 ## 🌃 Features

lib/modules/root/sidebar/sidebar.dart

@@ -3,7 +3,6 @@ import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_flutter/shadcn_flutter.dart';
 
-import 'package:spotube/collections/assets.gen.dart';
 import 'package:spotube/collections/side_bar_tiles.dart';
 import 'package:spotube/models/database/database.dart';
 import 'package:spotube/extensions/constrains.dart';
@@ -20,19 +19,6 @@ class Sidebar extends HookConsumerWidget {
     super.key,
   });
 
-  static Widget brandLogo(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
-        color: Colors.black,
-        borderRadius: BorderRadius.circular(50),
-      ),
-      child: Assets.branding.spotubeLogoPng.image(
-        height: 50,
-        cacheHeight: (100 * MediaQuery.devicePixelRatioOf(context)).toInt(),
-      ),
-    );
-  }
-
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final ThemeData(:colorScheme) = Theme.of(context);

lib/pages/home/home.dart

@@ -3,8 +3,6 @@ import 'package:flutter_hooks/flutter_hooks.dart';
 
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_flutter/shadcn_flutter.dart';
-import 'package:shadcn_flutter/shadcn_flutter_extension.dart';
-import 'package:spotube/collections/assets.gen.dart';
 import 'package:spotube/collections/routes.gr.dart';
 import 'package:spotube/collections/spotube_icons.dart';
 import 'package:spotube/models/database/database.dart';
@@ -43,19 +41,17 @@ class HomePage extends HookConsumerWidget {
               if (mediaQuery.smAndDown || layoutMode == LayoutMode.compact)
                 SliverAppBar(
                   floating: true,
-                  title: Image.asset(
+                  title: DefaultTextStyle(
-                    theme.brightness == Brightness.dark
+                    style: TextStyle(
-                        ? Assets.branding.spotubeLogoPng.path
+                      fontFamily: "Cookie",
-                        : Assets.branding.spotubeLogoLight.path,
+                      fontSize: 30,
-                    height: 45,
+                      letterSpacing: 1.8,
-                    width: 45,
+                      color: theme.colorScheme.foreground,
-                    color: theme.colorScheme.background,
+                    ),
-                    colorBlendMode: BlendMode.saturation,
+                    child: const Text("Spotube"),
-                    cacheHeight:
-                        (100 * MediaQuery.devicePixelRatioOf(context)).toInt(),
                   ),
-                  backgroundColor: context.theme.colorScheme.background,
+                  backgroundColor: theme.colorScheme.background,
-                  foregroundColor: context.theme.colorScheme.foreground,
+                  foregroundColor: theme.colorScheme.foreground,
                   actions: [
                     const ConnectDeviceButton(),
                     const Gap(10),