chore: sign app with release keys and change appId

* remove spotify-only restriction.
* only support players that use mediasession and media notifications.
* don't capture non-mediasession notifications.

README.md

@@ -1,3 +1,8 @@
 # lyricsgrabbr
+App that listens to your notifications and provides lyrics for the currently playing song.
 
-App to listen to Spotify notifications and provide lyrics for currently playing song.
+## Supported players
+Any player that uses the MediaSession API _should_ be supported
+
+## License
+The project is licensed under the GPL2 license while the assets (icon) are licensed under the creative commons license.

android/app/build.gradle

@@ -21,6 +21,12 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
+def keystoreProperties = new Properties()
+def keystorePropertiesFile = rootProject.file("key.properties")
+if (keystorePropertiesFile.exists()) {
+    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
+}
+
 apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
@@ -42,17 +48,27 @@ android {
     }
 
     defaultConfig {
-        applicationId "com.illusionware.lyricsgrabbr"
+        applicationId "com.illusionman1212.lyricsgrabbr"
         minSdkVersion 23
         targetSdkVersion 31
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }
 
+    signingConfigs {
+        release {
+            keyAlias keystoreProperties['keyAlias']
+            keyPassword keystoreProperties['keyPassword']
+            storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
+            storePassword keystoreProperties['storePassword']
+        }
+    }
+
     buildTypes {
         release {
-            // TODO: Add your own signing config for the release build.
+            signingConfig signingConfigs.release
-            // Signing with the debug keys for now, so `flutter run --release` works.
+        }
+        debug {
             signingConfig signingConfigs.debug
         }
     }

android/app/src/debug/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.illusionware.lyricsgrabbr">
+    package="com.illusionman1212.lyricsgrabbr">
     <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.illusionware.lyricsgrabbr">
+    package="com.illusionman1212.lyricsgrabbr">
 
    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
    <uses-permission android:name="android.permission.INTERNET" />

android/app/src/main/kotlin/com/illusionware/lyricsgrabbr/lyricsgrabbr/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.illusionware.lyricsgrabbr
+package com.illusionman1212.lyricsgrabbr
 
 import android.content.Intent
 import android.os.Bundle

android/app/src/main/kotlin/com/illusionware/lyricsgrabbr/lyricsgrabbr/NotificationListener.kt

@@ -1,4 +1,4 @@
-package com.illusionware.lyricsgrabbr
+package com.illusionman1212.lyricsgrabbr
 
 import android.app.Notification
 import android.app.NotificationChannel
@@ -56,21 +56,19 @@ class NotificationListener : NotificationListenerService() {
     }
 
     override fun onNotificationPosted(sbn: StatusBarNotification) {
-        if (sbn.packageName == SPOTIFY_PACKAGE) {
+        sendNotificationBroadcast(sbn, applicationContext)
-            sendNotificationBroadcast(sbn, applicationContext)
-        }
     }
 
     private fun getStopServiceNotificationAction(): PendingIntent {
         val intent = Intent(MainActivity.ACTION_NOTIFICATION_LISTENER_SETTINGS).addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
-        val pendingIntent = PendingIntent.getActivity(this, 0, intent, 0)
+        val pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_IMMUTABLE)
         return pendingIntent
     }
 
     private fun startForegroundService() {
         val notification: Notification = NotificationCompat.Builder(this, NOTIFICATION_CHANNEL_ID)
             .setContentTitle("Service Running")
-            .setContentText("Play some songs on spotify to get lyrics")
+            .setContentText("Play some songs on a supported player to get lyrics")
             .setSmallIcon(R.drawable.ic_notification)
             .setShowWhen(false)
             .addAction(R.drawable.ic_notification, "Stop Service", getStopServiceNotificationAction())
@@ -103,19 +101,21 @@ class NotificationListener : NotificationListenerService() {
     private fun getCurrentNotifications(context: Context) {
         val sbns = activeNotifications
         for (sbn in sbns) {
-            if (sbn.packageName == SPOTIFY_PACKAGE) {
+            sendNotificationBroadcast(sbn, context)
-                sendNotificationBroadcast(sbn, context)
-            }
         }
     }
 
     private fun sendNotificationBroadcast(sbn: StatusBarNotification, context: Context) {
         // get the media session stuff
         val mediaSessionToken = sbn.notification.extras.getParcelable<MediaSession.Token>(Notification.EXTRA_MEDIA_SESSION)
-        val mediaCtrl = mediaSessionToken?.let { MediaController(context, it) }
+        if (mediaSessionToken == null) {
-        val duration = mediaCtrl?.metadata?.getLong(MediaMetadata.METADATA_KEY_DURATION)?.div(1000)
+            return
-        val playbackState = mediaCtrl?.playbackState?.state
+        }
-        val albumArt = mediaCtrl?.metadata?.getBitmap(MediaMetadata.METADATA_KEY_ALBUM_ART)
+
+        val mediaCtrl = mediaSessionToken.let { MediaController(context, it) }
+        val duration = mediaCtrl.metadata?.getLong(MediaMetadata.METADATA_KEY_DURATION)?.div(1000)
+        val playbackState = mediaCtrl.playbackState?.state
+        val albumArt = mediaCtrl.metadata?.getBitmap(MediaMetadata.METADATA_KEY_ALBUM_ART)
 
         // Retrieve package name to set as title.
         val packageName = sbn.packageName
@@ -134,7 +134,7 @@ class NotificationListener : NotificationListenerService() {
         if (playbackState == PlaybackState.STATE_PAUSED) {
             val notification: Notification = NotificationCompat.Builder(this, NOTIFICATION_CHANNEL_ID)
                 .setContentTitle("Service Running")
-                .setContentText("Play some songs on spotify to get lyrics")
+                .setContentText("Play some songs on a supported player to get lyrics")
                 .setSmallIcon(R.drawable.ic_notification)
                 .setShowWhen(false)
                 .addAction(R.drawable.ic_notification, "Stop Service", getStopServiceNotificationAction())
@@ -173,7 +173,6 @@ class NotificationListener : NotificationListenerService() {
         const val NOTIFICATION_PACKAGE_DURATION = "package_duration"
         const val NOTIFICATION_ID = 12251999
         const val NOTIFICATION_CHANNEL_ID = "Lyrics"
-        const val SPOTIFY_PACKAGE = "com.spotify.music"
         const val START_FOREGROUND_SERVICE_ACTION = "START_SERVICE"
     }
 }

android/app/src/main/kotlin/com/illusionware/lyricsgrabbr/lyricsgrabbr/NotificationStreamHandler.kt

@@ -1,4 +1,4 @@
-package com.illusionware.lyricsgrabbr
+package com.illusionman1212.lyricsgrabbr
 
 import io.flutter.plugin.common.EventChannel.StreamHandler
 import io.flutter.plugin.common.EventChannel.EventSink

android/app/src/profile/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.illusionware.lyricsgrabbr">
+    package="com.illusionman1212.lyricsgrabbr">
     <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->

lib/lyrics.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'dart:convert' as convert;
 import 'package:web_scraper/web_scraper.dart';
 
 class LyricsPage extends StatefulWidget {
@@ -45,7 +44,6 @@ class _LyricsPageState extends State<LyricsPage> {
         lyrics = fullLyrics;
         fetching = false;
       });
-      // print(thing);
     }
   }
 
@@ -88,8 +86,7 @@ class _LyricsPageState extends State<LyricsPage> {
                 width: MediaQuery.of(context).size.width,
                 child: SingleChildScrollView(
                   child: Container(
-                    padding: const EdgeInsets.symmetric(
+                    padding: const EdgeInsets.all(30),
-                        horizontal: 30, vertical: 30),
                     child: Text(
                       lyrics ?? '',
                       style: const TextStyle(

lib/main.dart

@@ -1,26 +1,59 @@
 import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
 import 'notification_listener.dart';
 import 'search_result.dart';
 import 'package:http/http.dart' as http;
 import 'dart:convert' as convert;
+import 'package:shared_preferences/shared_preferences.dart';
+
+import 'settings.dart';
+import 'theme_provider.dart';
 
 Future<void> main() async {
   runApp(const LyricsGrabbr());
 }
 
-class LyricsGrabbr extends StatelessWidget {
+class LyricsGrabbr extends StatefulWidget {
   const LyricsGrabbr({Key? key}) : super(key: key);
 
+  @override
+  State<LyricsGrabbr> createState() => _LyricsGrabbrState();
+}
+
+class _LyricsGrabbrState extends State<LyricsGrabbr> {
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return FutureBuilder<SharedPreferences>(
-      title: 'Lyrics Grabbr',
+      future: SharedPreferences.getInstance(),
-      theme: ThemeData(
+      builder: (_, snapshot) {
-        primarySwatch: Colors.purple,
+      final prefTheme = snapshot.data?.getString("theme");
-      ),
+
-      home: const HomePage(title: 'Lyrics Grabbr'),
+      var themeMode = ThemeMode.system;
+      if (prefTheme == AppTheme.Dark.name) {
+          themeMode = ThemeMode.dark;
+      } else if (prefTheme == AppTheme.Light.name) {
+          themeMode = ThemeMode.light;
+      } else if (prefTheme == AppTheme.System.name) {
+          themeMode = ThemeMode.system;
+      }
+
+      return snapshot.hasData ? ChangeNotifierProvider(
+        create: (context) => ThemeProvider(themeMode),
+        builder: (context, _) {
+          final themeProvider = Provider.of<ThemeProvider>(context);
+
+          return MaterialApp(
+            title: 'Lyrics Grabbr',
+            theme: MyThemes.lightTheme,
+            darkTheme: MyThemes.darkTheme,
+            themeMode: themeProvider.themeMode,
+            home: const HomePage(title: 'Lyrics Grabbr'),
+          );
+        }
+      ) : Container();
+      }
     );
   }
 }
@@ -90,7 +123,6 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
               ),
               content: const Text(
                 'This app requires permission to listen to notifications to function properly. Please grant permission in the next screen. BEWARE that the only way to stop the service is to revoke the notification listening permission.',
-                style: TextStyle(color: Colors.blueGrey),
               ),
               actions: [
                 TextButton(
@@ -148,7 +180,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
 
     // TODO: build an httpclient to reuse between requests.
     final uri = Uri.https(
-      'api.illusionman1212.tech',
+      'api.illusionman1212.com',
       '/lyrics/search',
       {'q': '$song $artist'},
     );
@@ -178,86 +210,111 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
   }
 
   Widget _buildResults() {
-    return ListView.builder(
+    return ListView.separated(
       itemBuilder: (_, i) {
         return searchResults[i];
       },
       itemCount: searchResults.length,
+      separatorBuilder: (BuildContext context, int index) {
+        return const Divider(height: 1);
+      },
     );
   }
 
+  List<Widget> _buildPage() {
+    if (lastNotification != null) {
+      return [
+        Container(
+          padding: const EdgeInsets.all(20),
+          child: RichText(
+            text: TextSpan(
+                text: lastNotification?.songTitle,
+                style: TextStyle(
+                  fontSize: 24.0,
+                  color: Theme.of(context).textTheme.bodyLarge?.color,
+                  fontWeight: FontWeight.w700,
+                ),
+                children: [
+                  const TextSpan(
+                    text: '\n',
+                  ),
+                  TextSpan(
+                    text: lastNotification?.artist,
+                    style: TextStyle(
+                      fontSize: 20.0,
+                      color: Theme.of(context).textTheme.bodyMedium?.color,
+                    ),
+                  )
+                ]),
+            textAlign: TextAlign.center,
+          ),
+        ),
+        Container(
+          child: searching
+              ? Expanded(
+                  child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: const [CircularProgressIndicator(value: null)]))
+              : Flexible(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Container(
+                        padding: const EdgeInsets.symmetric(horizontal: 10),
+                        margin: const EdgeInsets.symmetric(vertical: 10),
+                        child: Text(
+                          running
+                              ? 'Found ${searchResults.length} result(s)'
+                              : "",
+                          style: TextStyle(
+                            fontSize: 15,
+                            color: Theme.of(context).textTheme.bodyText1?.color,
+                            fontWeight: FontWeight.bold,
+                            fontStyle: FontStyle.italic,
+                          ),
+                        ),
+                      ),
+                      Flexible(child: _buildResults()),
+                    ],
+                  ),
+                ),
+        ),
+      ];
+    }
+
+    return [
+      const Padding(
+        padding: EdgeInsets.symmetric(vertical: 16),
+        child: Text("No supported player is running",
+            style: TextStyle(fontSize: 24)),
+      ),
+    ];
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: Text(widget.title),
         centerTitle: true,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.settings),
+            tooltip: "Settings",
+            splashRadius: 20,
+            onPressed: () {
+              Navigator.of(context).push(
+                  MaterialPageRoute(builder: (context) => const SettingsPage()));
+            },
+          ),
+        ],
       ),
       body: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.start,
           crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
+          children: _buildPage(),
-            if (running)
-              Container(
-                padding: const EdgeInsets.all(20),
-                child: RichText(
-                  text: TextSpan(
-                      text: lastNotification?.songTitle,
-                      style: const TextStyle(
-                        fontSize: 24.0,
-                        color: Colors.black,
-                        fontWeight: FontWeight.w700,
-                      ),
-                      children: [
-                        const TextSpan(
-                          text: '\n',
-                        ),
-                        TextSpan(
-                          text: lastNotification?.artist,
-                          style: const TextStyle(
-                            fontSize: 20.0,
-                            color: Color(0xFF303030),
-                          ),
-                        )
-                      ]),
-                  textAlign: TextAlign.center,
-                ),
-              ),
-            Container(
-              child: searching
-                  ? Expanded(
-                      child: Column(
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          crossAxisAlignment: CrossAxisAlignment.center,
-                          children: const [
-                          CircularProgressIndicator(value: null)
-                        ]))
-                  : Flexible(
-                      child: Column(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Container(
-                            padding: const EdgeInsets.symmetric(horizontal: 10),
-                            margin: const EdgeInsets.symmetric(vertical: 10),
-                            child: Text(
-                              running
-                                  ? 'Found ${searchResults.length} result(s)'
-                                  : "",
-                              style: const TextStyle(
-                                fontSize: 15,
-                                color: Colors.black87,
-                                fontWeight: FontWeight.bold,
-                                fontStyle: FontStyle.italic,
-                              ),
-                            ),
-                          ),
-                          Flexible(child: _buildResults()),
-                        ],
-                      ),
-                    ),
-            ),
-          ],
         ),
       ),
     );

lib/search_result.dart

@@ -3,7 +3,7 @@ import 'package:url_launcher/url_launcher.dart';
 
 import 'lyrics.dart';
 
-class SearchResult extends StatefulWidget {
+class SearchResult extends StatelessWidget {
   const SearchResult(
       {Key? key,
       required this.title,
@@ -30,65 +30,28 @@ class SearchResult extends StatefulWidget {
         id = json['id'],
         super(key: key);
 
-  @override
-  State<StatefulWidget> createState() => _SearchResultState();
-}
-
-class OptionItem extends StatelessWidget {
-  final String title;
-  final IconData icon;
-  final void Function()? tapFunction;
-
-  const OptionItem(
-      {Key? key, required this.title, required this.icon, this.tapFunction})
-      : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return InkWell(
-      onTap: tapFunction,
-      child: Ink(
-        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
-        child: Row(
-          children: [
-            Container(
-              margin: const EdgeInsets.only(right: 15),
-              child: Icon(icon),
-            ),
-            Text(
-              title,
-              style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}
-
-class _SearchResultState extends State<SearchResult> {
   List<Widget> _buildOptions() {
     return <OptionItem>[
       OptionItem(
           title: "Open Artist Page in Genius",
           icon: Icons.library_music,
-          tapFunction: () async {
+          onTap: () async {
-            if (!await launch(widget.artistUrl)) {
+            if (!await launch(artistUrl)) {
-              throw 'could not launch ${widget.artistUrl}';
+              throw 'could not launch $artistUrl';
             }
           }),
       OptionItem(
           title: "Open Song Page in Genius",
           icon: Icons.music_note,
-          tapFunction: () async {
+          onTap: () async {
-            if (!await launch(widget.url)) {
+            if (!await launch(url)) {
-              throw 'could not launch ${widget.url}';
+              throw 'could not launch $url';
             }
           })
     ];
   }
 
-  void _showOptionsBottomSheet() {
+  void _showOptionsBottomSheet(BuildContext context) {
     showModalBottomSheet(
         context: context,
         builder: (context) {
@@ -108,65 +71,101 @@ class _SearchResultState extends State<SearchResult> {
   @override
   Widget build(BuildContext context) {
     return Material(
-      child: Container(
+      child: InkWell(
-        margin: const EdgeInsets.only(top: 0.5),
+        onTap: () {
-        child: InkWell(
+          Navigator.of(context).push(
-          onTap: () {
+            MaterialPageRoute(
-            Navigator.of(context).push(
+              builder: (context) => LyricsPage(
-              MaterialPageRoute(
+                title: title,
-                builder: (context) => LyricsPage(
+                artist: artist,
-                  title: widget.title,
+                url: url,
-                  artist: widget.artist,
+              ),
-                  url: widget.url,
+            ),
+          );
+        },
+        onLongPress: () => _showOptionsBottomSheet(context),
+        child: Ink(
+          height: 75,
+          child: Row(
+            children: [
+              Container(
+                margin: const EdgeInsets.only(right: 20),
+                child: Image.network(
+                  thumbnail,
+                  width: 75,
+                  height: 75,
+                  fit: BoxFit.cover,
+                  errorBuilder: (context, error, stackTrace) {
+                    return const Center(
+                      child: SizedBox(
+                          width: 75,
+                          height: 75,
+                          child: Icon(Icons.broken_image, size: 40)),
+                    );
+                  },
                 ),
               ),
-            );
+              Flexible(
-          },
+                child: Column(
-          onLongPress: () => _showOptionsBottomSheet(),
+                  crossAxisAlignment: CrossAxisAlignment.start,
-          child: Ink(
+                  mainAxisAlignment: MainAxisAlignment.center,
-            height: 75,
+                  children: [
-            color: Colors.white10,
+                    Text(
-            child: Row(
+                      title,
-              children: [
+                      style: TextStyle(
-                Container(
+                        color: Theme.of(context).textTheme.bodyText1?.color,
-                  margin: const EdgeInsets.only(right: 20),
+                        fontSize: 18,
-                  child: Image.network(
+                        fontWeight: FontWeight.bold,
-                    widget.thumbnail,
-                    width: 75,
-                    height: 75,
-                    fit: BoxFit.cover,
-                  ),
-                ),
-                Flexible(
-                  child: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: [
-                      Text(
-                        widget.title,
-                        style: const TextStyle(
-                          color: Colors.black,
-                          fontSize: 18,
-                          fontWeight: FontWeight.bold,
-                        ),
-                        overflow: TextOverflow.ellipsis,
                       ),
-                      Text(
+                      overflow: TextOverflow.ellipsis,
-                        widget.artist,
+                    ),
-                        style: const TextStyle(
+                    Text(
-                          color: Colors.black54,
+                      artist,
-                          fontSize: 14,
+                      style: TextStyle(
-                        ),
+                        color: Theme.of(context).textTheme.subtitle1?.color,
-                        overflow: TextOverflow.ellipsis,
+                        fontSize: 14,
                       ),
-                    ],
+                      overflow: TextOverflow.ellipsis,
-                  ),
+                    ),
+                  ],
                 ),
-              ],
+              ),
-            ),
+            ],
           ),
         ),
       ),
     );
   }
 }
+
+class OptionItem extends StatelessWidget {
+  final String title;
+  final IconData icon;
+  final void Function()? onTap;
+
+  const OptionItem(
+      {Key? key, required this.title, required this.icon, this.onTap})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      child: Ink(
+        padding: const EdgeInsets.all(20),
+        child: Row(
+          children: [
+            Container(
+              margin: const EdgeInsets.only(right: 15),
+              child: Icon(icon),
+            ),
+            Text(
+              title,
+              style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/settings.dart

@@ -0,0 +1,188 @@
+// ignore_for_file: constant_identifier_names
+
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import 'theme_provider.dart';
+
+enum AppTheme {
+  Dark,
+  Light,
+  System
+}
+
+class Setting extends StatelessWidget {
+  final String title;
+  final String? desc;
+  final void Function() onTap;
+
+  const Setting({
+    Key? key,
+    required this.title,
+    this.desc,
+    required this.onTap,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      child: InkWell(
+        onTap: onTap,
+        child: Ink(
+          child: Container(
+            padding: const EdgeInsets.all(16),
+            child: Row(
+              children: [
+                Expanded(
+                  child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(title, style: const TextStyle(fontSize: 16)),
+                        if (desc != null)
+                          Text(desc!,
+                              style: const TextStyle(color: Colors.grey)),
+                      ]),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class SettingsPage extends StatefulWidget {
+  const SettingsPage({Key? key}) : super(key: key);
+
+  @override
+  State<SettingsPage> createState() => _SettingsPageState();
+}
+
+class _SettingsPageState extends State<SettingsPage> {
+  final Future<SharedPreferences> _prefs = SharedPreferences.getInstance();
+  late SharedPreferences prefs;
+  String? activeTheme;
+
+  @override
+  void initState() {
+    super.initState();
+    initPlatformState();
+  }
+
+  Future<void> initPlatformState() async {
+    prefs = await _prefs;
+
+    setState(() {
+      activeTheme = prefs.getString("theme") ?? AppTheme.System.name;
+    });
+  }
+
+  Widget _buildSettingsGroup(String groupTitle, List<Setting> items) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 16),
+          child: Text(groupTitle,
+              style: const TextStyle(color: Colors.deepPurple)),
+        ),
+        ...items,
+      ],
+    );
+  }
+
+  List<Widget> _buildSettingsList(BuildContext context) {
+    return [
+      _buildSettingsGroup("Customization", [
+        Setting(
+            title: "Theme",
+            desc: activeTheme,
+            onTap: () {
+              final provider = Provider.of<ThemeProvider>(context, listen: false);
+
+              showDialog(
+                  context: context,
+                  builder: (BuildContext buildCtx) {
+                    return Dialog(
+                      shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(2)),
+                      child: Container(
+                        padding: const EdgeInsets.symmetric(vertical: 16),
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Padding(
+                              padding:
+                                  const EdgeInsets.symmetric(horizontal: 20),
+                              child: Text("Theme",
+                                  style: Theme.of(context).textTheme.headline6),
+                            ),
+                            Padding(
+                              padding: const EdgeInsets.symmetric(vertical: 8),
+                              child: Column(
+                                children: [
+                                  RadioListTile(
+                                      value: AppTheme.System.name,
+                                      groupValue: activeTheme,
+                                      title: Text("Use System Default", style: Theme.of(context).textTheme.bodyText1),
+                                      onChanged: (String? value) => setState(() {
+                                        provider.changeTheme(ThemeMode.system);
+                                        activeTheme = AppTheme.System.name;
+                                        prefs.setString("theme", AppTheme.System.name);
+                                        Navigator.pop(context);
+                                      })),
+                                  RadioListTile(
+                                      value: AppTheme.Dark.name,
+                                      groupValue: activeTheme,
+                                      title: Text("Dark", style: Theme.of(context).textTheme.bodyText1),
+                                      onChanged: (String? value) => setState(() {
+                                        provider.changeTheme(ThemeMode.dark);
+                                        activeTheme = AppTheme.Dark.name;
+                                        prefs.setString("theme", AppTheme.Dark.name);
+                                        Navigator.pop(context);
+                                      })),
+                                  RadioListTile(
+                                      value: AppTheme.Light.name,
+                                      groupValue: activeTheme,
+                                      title: Text("Light", style: Theme.of(context).textTheme.bodyText1),
+                                      onChanged: (String? value) => setState(() {
+                                        provider.changeTheme(ThemeMode.light);
+                                        activeTheme = AppTheme.Light.name;
+                                        prefs.setString("theme", AppTheme.Light.name);
+                                        Navigator.pop(context);
+                                      })),
+                                ],
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    );
+                  });
+            })
+      ])
+    ];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("Settings"),
+      ),
+      body: ListView.separated(
+        itemBuilder: (_, i) {
+          return _buildSettingsList(context)[i];
+        },
+        separatorBuilder: (_, __) {
+          return const SizedBox(height: 15);
+        },
+        itemCount: 1,
+        padding: const EdgeInsets.symmetric(vertical: 20),
+      ),
+    );
+  }
+}

lib/theme_provider.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+
+class ThemeProvider extends ChangeNotifier {
+  ThemeMode themeMode;
+
+  ThemeProvider(this.themeMode);
+
+  bool get isDarkMode => themeMode == ThemeMode.dark;
+
+  void changeTheme(ThemeMode mode) {
+    themeMode = mode;
+
+    notifyListeners();
+  }
+}
+
+class MyThemes {
+  static final darkTheme = ThemeData(
+    primarySwatch: Colors.deepPurple,
+    dialogTheme: const DialogTheme(backgroundColor: Color(0xFF202020)),
+    unselectedWidgetColor: Colors.white,
+    canvasColor: Colors.black,
+    bottomSheetTheme: const BottomSheetThemeData(backgroundColor: Color(0xFF202020)),
+    dividerColor: Colors.white,
+    iconTheme: const IconThemeData(color: Colors.white),
+    textTheme: const TextTheme(
+        bodyText1: TextStyle(color: Colors.white, fontSize: 16),
+        bodyText2: TextStyle(color: Colors.white),
+        subtitle1: TextStyle(color: Colors.grey),
+        subtitle2: TextStyle(color: Colors.white),
+        headline6: TextStyle(color: Colors.white),
+    ),
+  );
+
+  static final lightTheme = ThemeData(
+    primarySwatch: Colors.purple,
+    dividerColor: Colors.black,
+    textTheme: const TextTheme(
+        bodyText1: TextStyle(fontSize: 16),
+        subtitle1: TextStyle(color: Colors.black54),
+    ),
+  );
+}

pubspec.lock

@@ -128,6 +128,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  fluttertoast:
+    dependency: "direct main"
+    description:
+      name: fluttertoast
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "8.0.9"
   html:
     dependency: transitive
     description:
@@ -184,6 +191,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.7.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   path:
     dependency: transitive
     description:
@@ -191,6 +205,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.1"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.7"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.7"
   petitparser:
     dependency: transitive
     description:
@@ -219,6 +254,69 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.2.4"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.3"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.15"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.12"
+  shared_preferences_ios:
+    dependency: transitive
+    description:
+      name: shared_preferences_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.1"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.1"
+  shared_preferences_macos:
+    dependency: transitive
+    description:
+      name: shared_preferences_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -350,6 +448,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.1.4"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.6.1"
   xdg_directories:
     dependency: transitive
     description:
@@ -365,5 +470,5 @@ packages:
     source: hosted
     version: "5.3.1"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.17.0 <3.0.0"
   flutter: ">=2.10.0"

pubspec.yaml

@@ -1,5 +1,5 @@
 name: lyricsgrabbr
-description: A new Flutter project.
+description: App that listens to your notifications and provides lyrics for the currently playing song.
 
 # The following line prevents the package from being accidentally published to
 # pub.dev using `flutter pub publish`. This is preferred for private packages.
@@ -15,7 +15,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
 # Read more about iOS versioning at
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
-version: 0.1.1+1
+version: 0.3.2+1
 
 environment:
   sdk: ">=2.16.1 <3.0.0"
@@ -34,6 +34,9 @@ dependencies:
   flutter_local_notifications: ^9.3.2
   url_launcher: ^6.0.20
   web_scraper: ^0.1.4
+  fluttertoast: ^8.0.9
+  shared_preferences: ^2.0.15
+  provider: ^6.0.3
 
 dev_dependencies:
   flutter_test: