diff --git a/android/app/build.gradle b/android/app/build.gradle
index 5d4d0de..29e2cd0 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -25,8 +25,14 @@ apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
+def keystoreProperties = new Properties()
+def keystorePropertiesFile = rootProject.file('key.properties')
+if (keystorePropertiesFile.exists()) {
+    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
+}
+
 android {
-    compileSdkVersion flutter.compileSdkVersion
+    compileSdkVersion 33
     ndkVersion flutter.ndkVersion
 
     compileOptions {
@@ -43,7 +49,7 @@ android {
     }
 
     defaultConfig {
-        applicationId "com.13willow.ramadantaskminder"
+        applicationId "com.thirteenthwillow.ramadantaskminder"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-build-configuration.
         minSdkVersion flutter.minSdkVersion
@@ -52,11 +58,37 @@ android {
         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.
-            // Signing with the debug keys for now, so `flutter run --release` works.
-            signingConfig signingConfigs.debug
+            signingConfig signingConfigs.release
+
+            // Enables code shrinking, obfuscation, and optimization for only
+            // your project's release build type.
+            minifyEnabled true
+
+            // Enables resource shrinking, which is performed by the
+            // Android Gradle plugin.
+            shrinkResources true
+
+            // Includes the default ProGuard rules files that are packaged with
+            // the Android Gradle plugin. To learn more, go to the section about
+            // R8 configuration files.
+            proguardFiles getDefaultProguardFile(
+                    'proguard-android-optimize.txt'),
+                    'proguard-rules.pro'
+
+            ndk {
+                debugSymbolLevel 'FULL'
+            }
         }
     }
 }
diff --git a/android/app/src/debug/AndroidManifest.xml b/android/app/src/debug/AndroidManifest.xml
index 87d2698..8370fef 100644
--- a/android/app/src/debug/AndroidManifest.xml
+++ b/android/app/src/debug/AndroidManifest.xml
@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.muslim_taskminder">
+    package="com.thirteenthwillow.ramadantaskminder">
     <!-- The INTERNET permission is required for development. Specifically,
          the Flutter tool needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 3985ab1..d1364bf 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,9 +1,9 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.muslim_taskminder">
+    package="com.thirteenthwillow.ramadantaskminder">
    <application
-        android:label="muslim_taskminder"
+        android:label="Ramadan Taskminder"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/launcher_icon">
         <activity
             android:name=".MainActivity"
             android:exported="true"
@@ -31,4 +31,11 @@
             android:name="flutterEmbedding"
             android:value="2" />
     </application>
+
+    <queries>
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="https" />
+        </intent>
+    </queries>
 </manifest>
diff --git a/android/app/src/main/kotlin/com/example/muslim_taskminder/MainActivity.kt b/android/app/src/main/kotlin/com/thirteenthwillow/ramadantaskminder/MainActivity.kt
similarity index 67%
rename from android/app/src/main/kotlin/com/example/muslim_taskminder/MainActivity.kt
rename to android/app/src/main/kotlin/com/thirteenthwillow/ramadantaskminder/MainActivity.kt
index 18a80b1..3d361db 100644
--- a/android/app/src/main/kotlin/com/example/muslim_taskminder/MainActivity.kt
+++ b/android/app/src/main/kotlin/com/thirteenthwillow/ramadantaskminder/MainActivity.kt
@@ -1,4 +1,4 @@
-package com.example.muslim_taskminder
+package com.thirteenthwillow.ramadantaskminder
 
 import io.flutter.embedding.android.FlutterActivity
 
diff --git a/android/app/src/main/res/drawable-hdpi/ic_launcher_background.png b/android/app/src/main/res/drawable-hdpi/ic_launcher_background.png
new file mode 100644
index 0000000..02e0a83
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/drawable-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..2119a3e
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_launcher_background.png b/android/app/src/main/res/drawable-mdpi/ic_launcher_background.png
new file mode 100644
index 0000000..88d16ea
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/drawable-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..4f34eae
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_launcher_background.png b/android/app/src/main/res/drawable-xhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..82a0b03
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/drawable-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..6f7aab3
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_launcher_background.png b/android/app/src/main/res/drawable-xxhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..8a58a2f
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/drawable-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..1424795
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_background.png b/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..4456e95
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..7d7f05c
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/launcher_icon.xml b/android/app/src/main/res/mipmap-anydpi-v26/launcher_icon.xml
new file mode 100644
index 0000000..7e91a57
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/launcher_icon.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@drawable/ic_launcher_background"/>
+  <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+</adaptive-icon>
diff --git a/android/app/src/main/res/mipmap-hdpi/launcher_icon.png b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png
new file mode 100644
index 0000000..c25d072
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/launcher_icon.png b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png
new file mode 100644
index 0000000..758378f
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png
new file mode 100644
index 0000000..b3d04ac
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png
new file mode 100644
index 0000000..c0a5cd6
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png
new file mode 100644
index 0000000..d278745
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png differ
diff --git a/android/app/src/profile/AndroidManifest.xml b/android/app/src/profile/AndroidManifest.xml
index 87d2698..8370fef 100644
--- a/android/app/src/profile/AndroidManifest.xml
+++ b/android/app/src/profile/AndroidManifest.xml
@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.muslim_taskminder">
+    package="com.thirteenthwillow.ramadantaskminder">
     <!-- The INTERNET permission is required for development. Specifically,
          the Flutter tool needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
diff --git a/assets/Android/ic_launcher_google_playstore.png b/assets/Android/ic_launcher_google_playstore.png
new file mode 100644
index 0000000..e9a970c
Binary files /dev/null and b/assets/Android/ic_launcher_google_playstore.png differ
diff --git a/assets/background.png b/assets/background.png
new file mode 100644
index 0000000..a125162
Binary files /dev/null and b/assets/background.png differ
diff --git a/assets/foreground.png b/assets/foreground.png
new file mode 100644
index 0000000..25ff89f
Binary files /dev/null and b/assets/foreground.png differ
diff --git a/assets/icon.png b/assets/icon.png
new file mode 100644
index 0000000..c54da5d
Binary files /dev/null and b/assets/icon.png differ
diff --git a/ios/Flutter/AppFrameworkInfo.plist b/ios/Flutter/AppFrameworkInfo.plist
index 9625e10..7c56964 100644
--- a/ios/Flutter/AppFrameworkInfo.plist
+++ b/ios/Flutter/AppFrameworkInfo.plist
@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>11.0</string>
+  <string>12.0</string>
 </dict>
 </plist>
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index ab4526e..61a5a73 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -3,20 +3,26 @@ PODS:
   - path_provider_foundation (0.0.1):
     - Flutter
     - FlutterMacOS
+  - url_launcher_ios (0.0.1):
+    - Flutter
 
 DEPENDENCIES:
   - Flutter (from `Flutter`)
   - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/ios`)
+  - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
 
 EXTERNAL SOURCES:
   Flutter:
     :path: Flutter
   path_provider_foundation:
     :path: ".symlinks/plugins/path_provider_foundation/ios"
+  url_launcher_ios:
+    :path: ".symlinks/plugins/url_launcher_ios/ios"
 
 SPEC CHECKSUMS:
   Flutter: f04841e97a9d0b0a8025694d0796dd46242b2854
   path_provider_foundation: c68054786f1b4f3343858c1e1d0caaded73f0be9
+  url_launcher_ios: 08a3dfac5fb39e8759aeb0abbd5d9480f30fc8b4
 
 PODFILE CHECKSUM: ef19549a9bc3046e7bb7d2fab4d021637c0c58a3
 
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
index 203c0b1..374a405 100644
--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 50;
+	objectVersion = 51;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -68,7 +68,6 @@
 				F319301637688D6F04A975B7 /* Pods-Runner.release.xcconfig */,
 				DCDE26A4FCAF9FA305D084A4 /* Pods-Runner.profile.xcconfig */,
 			);
-			name = Pods;
 			path = Pods;
 			sourceTree = "<group>";
 		};
@@ -322,6 +321,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -340,7 +340,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -359,11 +359,13 @@
 				DEVELOPMENT_TEAM = DYJ355N6M8;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
+				INFOPLIST_KEY_CFBundleDisplayName = "Ramadan Taskminder";
+				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.productivity";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.muslimTaskminder;
+				PRODUCT_BUNDLE_IDENTIFIER = com.thirteenthwillow.ramadantaskminder;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
@@ -394,6 +396,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -418,7 +421,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -449,6 +452,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -467,7 +471,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -488,11 +492,13 @@
 				DEVELOPMENT_TEAM = DYJ355N6M8;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
+				INFOPLIST_KEY_CFBundleDisplayName = "Ramadan Taskminder";
+				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.productivity";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.muslimTaskminder;
+				PRODUCT_BUNDLE_IDENTIFIER = com.thirteenthwillow.ramadantaskminder;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -511,11 +517,13 @@
 				DEVELOPMENT_TEAM = DYJ355N6M8;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
+				INFOPLIST_KEY_CFBundleDisplayName = "Ramadan Taskminder";
+				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.productivity";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.muslimTaskminder;
+				PRODUCT_BUNDLE_IDENTIFIER = com.thirteenthwillow.ramadantaskminder;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
index d36b1fa..5361129 100644
--- a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,122 +1,122 @@
 {
   "images" : [
     {
-      "size" : "20x20",
-      "idiom" : "iphone",
       "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
     },
     {
-      "size" : "20x20",
-      "idiom" : "iphone",
       "filename" : "Icon-App-20x20@3x.png",
-      "scale" : "3x"
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
       "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "idiom" : "iphone",
+      "scale" : "1x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
       "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
-      "idiom" : "iphone",
       "filename" : "Icon-App-29x29@3x.png",
-      "scale" : "3x"
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
     },
     {
-      "size" : "40x40",
-      "idiom" : "iphone",
       "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
     },
     {
-      "size" : "40x40",
-      "idiom" : "iphone",
       "filename" : "Icon-App-40x40@3x.png",
-      "scale" : "3x"
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
     },
     {
-      "size" : "60x60",
-      "idiom" : "iphone",
       "filename" : "Icon-App-60x60@2x.png",
-      "scale" : "2x"
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
     },
     {
-      "size" : "60x60",
-      "idiom" : "iphone",
       "filename" : "Icon-App-60x60@3x.png",
-      "scale" : "3x"
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
     },
     {
-      "size" : "20x20",
-      "idiom" : "ipad",
       "filename" : "Icon-App-20x20@1x.png",
-      "scale" : "1x"
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "20x20"
     },
     {
-      "size" : "20x20",
-      "idiom" : "ipad",
       "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "20x20"
     },
     {
-      "size" : "29x29",
-      "idiom" : "ipad",
       "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
-      "idiom" : "ipad",
       "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "29x29"
     },
     {
-      "size" : "40x40",
-      "idiom" : "ipad",
       "filename" : "Icon-App-40x40@1x.png",
-      "scale" : "1x"
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "40x40"
     },
     {
-      "size" : "40x40",
-      "idiom" : "ipad",
       "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "40x40"
     },
     {
-      "size" : "76x76",
-      "idiom" : "ipad",
       "filename" : "Icon-App-76x76@1x.png",
-      "scale" : "1x"
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "76x76"
     },
     {
-      "size" : "76x76",
-      "idiom" : "ipad",
       "filename" : "Icon-App-76x76@2x.png",
-      "scale" : "2x"
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "76x76"
     },
     {
-      "size" : "83.5x83.5",
-      "idiom" : "ipad",
       "filename" : "Icon-App-83.5x83.5@2x.png",
-      "scale" : "2x"
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "83.5x83.5"
     },
     {
-      "size" : "1024x1024",
-      "idiom" : "ios-marketing",
       "filename" : "Icon-App-1024x1024@1x.png",
-      "scale" : "1x"
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
index dc9ada4..a7904fb 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
index 28c6bf0..7d8a4f5 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
index 2ccbfd9..8c94b27 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
index f091b6b..6c62b27 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
index 4cde121..3812a44 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
index d0ef06e..3b4a59e 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
index dcdc230..d040c68 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
index 2ccbfd9..8c94b27 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
index c8f9ed8..948977c 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
index a6d6b86..d64e0ac 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
index a6d6b86..d64e0ac 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
index 75b2d16..b6125d1 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
index c4df70d..b8b1cc1 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
index 6a84f41..913230b 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
index d0e1f58..af79d1d 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png differ
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index 3253a9d..46013fa 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -2,6 +2,8 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
@@ -22,8 +24,14 @@
 	<string>????</string>
 	<key>CFBundleVersion</key>
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>LSApplicationQueriesSchemes</key>
+	<array>
+		<string>https</string>
+	</array>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
@@ -31,21 +39,15 @@
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
 	<key>UISupportedInterfaceOrientations~ipad</key>
 	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
 </dict>
 </plist>
diff --git a/lib/constants.dart b/lib/constants.dart
index b4d26b3..c02b3dc 100644
--- a/lib/constants.dart
+++ b/lib/constants.dart
@@ -1,11 +1,4 @@
-import 'package:flutter/material.dart';
-
 const appName = "Ramadan Taskminder";
 
-const primaryColor = Color(0xFFA9C5B8);
-const primaryDarkColor = Color(0xFF4B5A53);
-const backgroundColor = Color(0xFFF5F4ED);
-const buttonTextColor = Color(0xFF383838);
-
-const activeTabColor = Color(0xFF000000);
-const inactiveTabColor = Color.fromRGBO(0, 0, 0, .25);
\ No newline at end of file
+Uri feedbackUrl = Uri.parse(
+    "https://docs.google.com/forms/d/e/1FAIpQLScqajYl3qmnkdb48voPwN88LENp6XPxPh4eYQzgZUhAluqGWg/viewform?usp=sf_link");
diff --git a/lib/main.dart b/lib/main.dart
index 5f090c9..41bba88 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -3,6 +3,7 @@ import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:hive_flutter/hive_flutter.dart';
 import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 import 'package:ramadan_taskminder/screens/home.dart';
 import 'package:ramadan_taskminder/screens/quran.dart';
 import 'package:ramadan_taskminder/screens/tasks.dart';
@@ -41,11 +42,47 @@ class RamadanTaskminder extends StatelessWidget {
     return MaterialApp.router(
       title: appName,
       theme: ThemeData(
-        primaryColor: primaryColor,
+        primaryColor: getPrimaryColor(context),
         scaffoldBackgroundColor: backgroundColor,
         useMaterial3: true,
         textTheme: GoogleFonts.mPlus1pTextTheme(),
       ),
+      darkTheme: ThemeData(
+        useMaterial3: true,
+        brightness: Brightness.dark,
+        scaffoldBackgroundColor: Colors.black,
+        colorScheme: const ColorScheme.dark(
+          primary: Colors.black,
+          onPrimary: Colors.black,
+          secondary: primaryDarkColor,
+        ),
+        cardTheme: const CardTheme(
+          color: Colors.black87,
+        ),
+        iconTheme: const IconThemeData(
+          color: primaryDarkColor,
+        ),
+        textTheme: GoogleFonts.nunitoSansTextTheme(
+          const TextTheme(
+            subtitle1: TextStyle(
+              color: Colors.white,
+              fontSize: 20.0,
+            ),
+            subtitle2: TextStyle(
+              color: Colors.white70,
+              fontSize: 18.0,
+            ),
+          ),
+        ),
+        textSelectionTheme: const TextSelectionThemeData(
+          cursorColor: primaryDarkColor,
+          selectionColor: primaryDarkColor,
+          selectionHandleColor: primaryDarkColor,
+        ),
+        toggleableActiveColor: primaryDarkColor,
+        primaryColor: Colors.white,
+      ),
+      themeMode: ThemeMode.system,
       debugShowCheckedModeBanner: false,
       routerConfig: _router,
     );
diff --git a/lib/screens/home.dart b/lib/screens/home.dart
index 8451cc7..8d97db6 100644
--- a/lib/screens/home.dart
+++ b/lib/screens/home.dart
@@ -5,12 +5,15 @@ import 'package:hijri/hijri_calendar.dart';
 import 'package:hive_flutter/hive_flutter.dart';
 import 'package:intl/intl.dart';
 import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 import 'package:ramadan_taskminder/tasks.dart';
 import 'package:ramadan_taskminder/widgets/page_footer.dart';
 import 'package:ramadan_taskminder/widgets/page_header.dart';
 import 'package:ramadan_taskminder/widgets/section_header.dart';
 import 'package:ramadan_taskminder/widgets/stacked_card.dart';
 import 'package:ramadan_taskminder/widgets/statistic_card.dart';
+import 'package:ramadan_taskminder/widgets/wide_card.dart';
+import 'package:url_launcher/url_launcher.dart';
 
 class HomeScreen extends StatefulWidget {
   const HomeScreen({super.key});
@@ -24,11 +27,13 @@ class _HomeScreenState extends State<HomeScreen> {
   HijriCalendar hijriCurrent = HijriCalendar.now();
   Box tasks =
       Hive.box("tasks_${DateTime.now().toIso8601String().split("T")[0]}");
+  Box quran = Hive.box("quran");
 
   @override
   void initState() {
     super.initState();
     initializeTasks();
+    initializeHistory();
   }
 
   void initializeTasks() {
@@ -39,215 +44,136 @@ class _HomeScreenState extends State<HomeScreen> {
     }
   }
 
+  void initializeHistory() {
+    List? quranHistory = quran.get("history");
+    if (quranHistory == null) {
+      quran.put("history", []);
+    }
+  }
+
+  Future<void> _launchUrl() async {
+    if (!await launchUrl(feedbackUrl)) {
+      throw Exception('Could not launch $feedbackUrl');
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     Iterable incompleteTasks =
         tasks.toMap().entries.where((task) => task.value == false);
 
     return Material(
-      color: backgroundColor,
-      child: CustomScrollView(
-        slivers: [
-          SliverSafeArea(
-            sliver: SliverPadding(
-              padding: const EdgeInsets.only(
-                top: 25.0,
-                left: 20.0,
-                right: 20.0,
-              ),
-              sliver: SliverList(
-                delegate: SliverChildListDelegate(
-                  [
-                    PageHeader(
-                      header: appName,
-                      title:
-                          "${hijriCurrent.hDay} ${hijriCurrent.longMonthName} ${hijriCurrent.hYear}",
-                      rightAlign: Column(
-                        crossAxisAlignment: CrossAxisAlignment.center,
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Text(
-                            current.day.toString(),
-                            style: GoogleFonts.mPlus1p(
-                              fontWeight: FontWeight.w500,
-                              fontSize: 32,
-                              letterSpacing: 0,
-                            ),
-                          ),
-                          Text(
-                            DateFormat.MMMM().format(current).toUpperCase(),
-                            style: GoogleFonts.mPlus1p(
-                              fontWeight: FontWeight.w300,
-                              fontSize: 14,
-                              letterSpacing: 0,
-                            ),
+      color: getBackgroundColor(context),
+      child: Stack(
+        children: [
+          CustomScrollView(
+            slivers: [
+              SliverSafeArea(
+                sliver: SliverPadding(
+                  padding: const EdgeInsets.only(
+                    top: 25.0,
+                    left: 20.0,
+                    right: 20.0,
+                  ),
+                  sliver: SliverList(
+                    delegate: SliverChildListDelegate(
+                      [
+                        PageHeader(
+                          header: appName,
+                          title:
+                              "${hijriCurrent.hDay} ${hijriCurrent.longMonthName} ${hijriCurrent.hYear}",
+                          rightAlign: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisSize: MainAxisSize.min,
+                            children: [
+                              Text(
+                                current.day.toString(),
+                                style: GoogleFonts.mPlus1p(
+                                  fontWeight: FontWeight.w500,
+                                  fontSize: 32,
+                                  letterSpacing: 0,
+                                ),
+                              ),
+                              Text(
+                                DateFormat.MMMM().format(current).toUpperCase(),
+                                style: GoogleFonts.mPlus1p(
+                                  fontWeight: FontWeight.w300,
+                                  fontSize: 14,
+                                  letterSpacing: 0,
+                                ),
+                              ),
+                            ],
                           ),
-                        ],
-                      ),
-                    ),
-                    const SizedBox(
-                      height: 15,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "Times",
-                          subtitle: "Lafayette, CA, U.S.",
                         ),
-                        const SizedBox(height: 15),
-                        Row(
-                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                          children: const [
-                            StackedCard(
-                              header: "Suhoor",
-                              title: "5:55 AM",
-                            ),
-                            StackedCard(
-                              header: "Iftar",
-                              title: "7:25 PM",
+                        const SizedBox(
+                          height: 15,
+                        ),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            SectionHeader(
+                              title: "Tasks",
+                              subtitle:
+                                  "${tasks.length - incompleteTasks.length}/${tasks.length} completed",
+                              buttonText: "View All",
+                              onClick: (() =>
+                                  GoRouter.of(context).go("/tasks")),
                             ),
+                            const SizedBox(height: 15),
+                            incompleteTasks.isNotEmpty
+                                ? Wrap(
+                                    spacing: 10,
+                                    runSpacing: 10,
+                                    children: incompleteTasks
+                                        .take(4)
+                                        .map(
+                                          (task) => Statistic(
+                                            statistic: task.key,
+                                          ),
+                                        )
+                                        .toList(),
+                                  )
+                                : const Text(
+                                    "You've completed all tasks! Congratulations!",
+                                  ),
                           ],
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        SectionHeader(
-                          title: "Tasks",
-                          subtitle:
-                              "${tasks.length - incompleteTasks.length}/${tasks.length} completed",
-                          buttonText: "View All",
-                          onClick: (() => GoRouter.of(context).go("/tasks")),
                         ),
-                        const SizedBox(height: 15),
-                        incompleteTasks.isNotEmpty
-                            ? Wrap(
-                                spacing: 10,
-                                runSpacing: 10,
-                                children: incompleteTasks
-                                    .take(4)
-                                    .map(
-                                      (task) => Statistic(
-                                        statistic: task.key,
-                                      ),
-                                    )
-                                    .toList(),
-                              )
-                            : const Text(
-                                "You've completed all tasks! Congratulations!",
-                              ),
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        SectionHeader(
-                          title: "Qur'an",
-                          subtitle: "Nothing read today",
-                          buttonText: "Track",
-                          onClick: (() => GoRouter.of(context).go("/quran")),
+                        const SizedBox(
+                          height: 25,
                         ),
-                        const SizedBox(height: 15),
-                        Wrap(
-                          spacing: 10,
-                          runSpacing: 10,
-                          children: const [
-                            Statistic(statistic: "2% read"),
-                            Statistic(statistic: "126 ayahs"),
-                            Statistic(statistic: "85% of Juz 1"),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            SectionHeader(
+                              title: "Qur'an",
+                              subtitle:
+                                  "${quran.get('history').length} entries",
+                              buttonText: "Track",
+                              onClick: (() =>
+                                  GoRouter.of(context).go("/quran")),
+                            ),
                           ],
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "Prayers",
-                          subtitle: "Keep up the good work!",
-                          buttonText: "Track",
                         ),
-                        const SizedBox(height: 15),
-                        Wrap(
-                          spacing: 10,
-                          runSpacing: 10,
-                          children: const [
-                            Statistic(statistic: "6 Fardh"),
-                            Statistic(statistic: "10 Sunnah"),
-                          ],
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: const [
-                        SectionHeader(
-                          title: "Hadith of the Day",
+                        const SizedBox(
+                          height: 50,
                         ),
-                        SizedBox(height: 15),
-                        Text(
-                          "Whoever recites a letter from the Book of Allah, he will receive one good deed as ten good deeds like it. I do not say that Alif Lam Meem is one letter, but rather Alif is a letter, Lam is a letter, and Meem is a letter.\n\nTirmidhi",
-                          style: TextStyle(
-                            letterSpacing: 0,
-                          ),
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: const [
-                        SectionHeader(
-                          title: "Du'a of the Day",
+                        WideCard(
+                          content: "Submit feedback",
+                          onTap: () => _launchUrl(),
                         ),
-                        SizedBox(height: 10),
-                        Align(
-                          alignment: Alignment.centerRight,
-                          child: Text(
-                            "رَّبِّ اغْفِرْ وَارْحَمْ وَأَنتَ خَيْرُ الرَّاحِمِينَ",
-                            style: TextStyle(
-                              fontSize: 20,
-                              letterSpacing: 0,
-                            ),
-                          ),
+                        const SizedBox(
+                          height: 25,
                         ),
-                        SizedBox(height: 10),
-                        Text(
-                          "My Lord! Forgive and have mercy, for You are the best of those who show mercy.\n\nAl-Mu'minun, 23:118",
-                          style: TextStyle(
-                            letterSpacing: 0,
-                          ),
-                        )
                       ],
                     ),
-                    const PageFooter(),
-                  ],
+                  ),
                 ),
               ),
-            ),
+            ],
           ),
+          const PageFooter()
         ],
       ),
     );
diff --git a/lib/screens/quran.dart b/lib/screens/quran.dart
index d5d273d..45c6b49 100644
--- a/lib/screens/quran.dart
+++ b/lib/screens/quran.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:hijri/hijri_calendar.dart';
 import 'package:hive_flutter/hive_flutter.dart';
 import 'package:intl/intl.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 import 'package:ramadan_taskminder/quran.dart';
 import 'package:ramadan_taskminder/widgets/page_footer.dart';
 import 'package:ramadan_taskminder/widgets/page_header.dart';
@@ -73,193 +73,164 @@ class _QuranScreenState extends State<QuranScreen> {
   @override
   Widget build(BuildContext context) {
     return Material(
-      color: backgroundColor,
-      child: CustomScrollView(
-        slivers: [
-          SliverSafeArea(
-            sliver: SliverPadding(
-              padding: const EdgeInsets.only(
-                top: 25.0,
-                left: 20.0,
-                right: 20.0,
-              ),
-              sliver: SliverList(
-                delegate: SliverChildListDelegate(
-                  [
-                    const PageHeader(
-                      header: "Qur'an",
-                      title: "Nothing read today",
-                    ),
-                    const SizedBox(
-                      height: 15,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "Overview",
+      color: getBackgroundColor(context),
+      child: Stack(
+        children: [
+          CustomScrollView(
+            slivers: [
+              SliverSafeArea(
+                sliver: SliverPadding(
+                  padding: const EdgeInsets.only(
+                    top: 25.0,
+                    left: 20.0,
+                    right: 20.0,
+                  ),
+                  sliver: SliverList(
+                    delegate: SliverChildListDelegate(
+                      [
+                        PageHeader(
+                          header: "Qur'an",
+                          title: "${history.length} entries",
                         ),
-                        const SizedBox(height: 5),
-                        Wrap(
-                          runSpacing: 10,
-                          children: const [
-                            WideCard(content: "2% read of Qur'an"),
-                            WideCard(content: "166 ayahs read"),
-                            WideCard(content: "85% of Juz 1 complete"),
-                            WideCard(content: "29 juz left")
-                          ],
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        SectionHeader(
-                          title: "Log Reading",
-                          buttonText: "Help",
-                          onClick: (() => setState(() => showHelp = !showHelp)),
+                        const SizedBox(
+                          height: 15,
                         ),
-                        showHelp
-                            ? const Text(
-                                "Enter the starting surah/ayah, then the ending surah/ayah. The ending input will be visible after the starting input is set, and the log button will be visible after the ending input is set.",
-                                style: TextStyle(fontSize: 12),
-                              )
-                            : const SizedBox(),
-                        const SizedBox(height: 10),
-                        Wrap(
-                          runSpacing: 10,
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
-                            QuranAdditionRow(
-                              surahIndex: startingSurah,
-                              ayah: startingAyah,
-                              setSurah: (int index) {
-                                setState(() {
-                                  startingSurah = index;
-                                });
-                              },
-                              setAyah: (int ayah) {
-                                setState(() {
-                                  startingAyah = ayah;
-                                });
-                              },
+                            SectionHeader(
+                              title: "Log Reading",
+                              buttonText: "Help",
+                              onClick: (() =>
+                                  setState(() => showHelp = !showHelp)),
                             ),
-                            startingSurah != -1 && startingAyah != 0
-                                ? QuranAdditionRow(
-                                    surahIndex: endingSurah,
-                                    ayah: endingAyah,
-                                    setSurah: (int index) {
-                                      setState(() {
-                                        endingSurah = index;
-                                      });
-                                    },
-                                    setAyah: (int ayah) {
-                                      setState(() {
-                                        endingAyah = ayah;
-                                      });
-                                    },
+                            showHelp
+                                ? const Text(
+                                    "Enter the starting surah/ayah, then the ending surah/ayah. The ending input will be visible after the starting input is set, and the log button will be visible after the ending input is set.",
+                                    style: TextStyle(fontSize: 12),
                                   )
                                 : const SizedBox(),
-                            startingSurah != -1 &&
-                                    startingAyah != 0 &&
-                                    endingSurah != -1 &&
-                                    endingAyah != 0
-                                ? WideCard(
-                                    content: "Log",
-                                    textAlign: TextAlign.center,
-                                    onTap: () => setState(
-                                      () {
-                                        final entry = [
-                                          DateTime.now()
-                                              .toIso8601String()
-                                              .split("T")[0],
-                                          [
-                                            "${startingSurah + 1}-$startingAyah",
-                                            "${endingSurah + 1}-$endingAyah"
-                                          ]
-                                        ];
-
-                                        history.add(entry);
-                                        quran.put("history", history);
-
-                                        endingSurah = 0;
-                                        endingAyah = 0;
-
-                                        final lastEntry =
-                                            (history.last[1] as List<String>)[1]
-                                                .split("-")
-                                                .map(int.parse)
-                                                .toList();
-
-                                        startingSurah =
-                                            surahs.length == lastEntry[0]
-                                                ? 1
-                                                : lastEntry[0];
-                                        startingAyah = int.parse(
-                                                    surahs[lastEntry[0] - 1]
-                                                            ["ayahs"]
-                                                        .toString()) >=
-                                                lastEntry[1]
-                                            ? 1
-                                            : lastEntry[1] + 1;
+                            const SizedBox(height: 10),
+                            Wrap(
+                              runSpacing: 10,
+                              children: [
+                                QuranAdditionRow(
+                                  surahIndex: startingSurah,
+                                  ayah: startingAyah,
+                                  setSurah: (int index) {
+                                    setState(() {
+                                      startingSurah = index;
+                                    });
+                                  },
+                                  setAyah: (int ayah) {
+                                    setState(() {
+                                      startingAyah = ayah;
+                                    });
+                                  },
+                                ),
+                                startingSurah != -1 && startingAyah != 0
+                                    ? QuranAdditionRow(
+                                        surahIndex: endingSurah,
+                                        ayah: endingAyah,
+                                        setSurah: (int index) {
+                                          setState(() {
+                                            endingSurah = index;
+                                          });
+                                        },
+                                        setAyah: (int ayah) {
+                                          setState(() {
+                                            endingAyah = ayah;
+                                          });
+                                        },
+                                      )
+                                    : const SizedBox(),
+                                startingSurah != -1 &&
+                                        startingAyah != 0 &&
+                                        endingSurah != -1 &&
+                                        endingAyah != 0
+                                    ? WideCard(
+                                        content: "Log",
+                                        textAlign: TextAlign.center,
+                                        onTap: () => setState(
+                                          () {
+                                            final entry = [
+                                              DateTime.now()
+                                                  .toIso8601String()
+                                                  .split("T")[0],
+                                              [
+                                                "${startingSurah + 1}-$startingAyah",
+                                                "${endingSurah + 1}-$endingAyah"
+                                              ]
+                                            ];
+
+                                            history.add(entry);
+                                            quran.put("history", history);
+
+                                            endingSurah = -1;
+                                            endingAyah = 0;
+
+                                            setStartingEntry();
+                                          },
+                                        ),
+                                      )
+                                    : const SizedBox(),
+                              ],
+                            )
+                          ],
+                        ),
+                        const SizedBox(
+                          height: 25,
+                        ),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            const SectionHeader(
+                              title: "History",
+                            ),
+                            SizedBox(height: history.isNotEmpty ? 10 : 5),
+                            history.isNotEmpty
+                                ? Wrap(
+                                    runSpacing: 10,
+                                    children: history.reversed.map(
+                                      (entry) {
+                                        final date =
+                                            DateTime.parse(entry[0].toString());
+                                        final hijriDate =
+                                            HijriCalendar.fromDate(date);
+
+                                        final starting =
+                                            (entry[1] as List<String>)[0]
+                                                .split("-");
+                                        final ending =
+                                            (entry[1] as List<String>)[1]
+                                                .split("-");
+
+                                        return StackedCard(
+                                          header:
+                                              "${DateFormat.MMMMd().format(date)} / ${hijriDate.longMonthName} ${hijriDate.hDay}",
+                                          title:
+                                              "${surahs[int.parse(starting[0]) - 1]["name"].toString()} ${starting[1]} - ${surahs[int.parse(ending[0]) - 1]["name"].toString()} ${ending[1]}",
+                                          fullWidth: true,
+                                        );
                                       },
-                                    ),
+                                    ).toList(),
                                   )
-                                : const SizedBox(),
+                                : const Text("Log some reading first!"),
                           ],
-                        )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "History",
                         ),
-                        SizedBox(height: history.isNotEmpty ? 10 : 5),
-                        history.isNotEmpty
-                            ? Wrap(
-                                runSpacing: 10,
-                                children: history.reversed.map(
-                                  (entry) {
-                                    final date =
-                                        DateTime.parse(entry[0].toString());
-                                    final hijriDate =
-                                        HijriCalendar.fromDate(date);
-
-                                    final starting =
-                                        (entry[1] as List<String>)[0]
-                                            .split("-");
-                                    final ending = (entry[1] as List<String>)[1]
-                                        .split("-");
-
-                                    return StackedCard(
-                                      header:
-                                          "${DateFormat.MMMMd().format(date)} / ${hijriDate.longMonthName} ${hijriDate.hDay}",
-                                      title:
-                                          "${surahs[int.parse(starting[0]) - 1]["name"].toString()} ${starting[1]} - ${surahs[int.parse(ending[0]) - 1]["name"].toString()} ${ending[1]}",
-                                      fullWidth: true,
-                                    );
-                                  },
-                                ).toList(),
-                              )
-                            : const Text("Log some reading first!"),
+                        const SizedBox(
+                          height: 25,
+                        ),
                       ],
                     ),
-                    const PageFooter(),
-                  ],
+                  ),
                 ),
               ),
-            ),
+            ],
           ),
+          const PageFooter()
         ],
       ),
     );
diff --git a/lib/screens/tasks.dart b/lib/screens/tasks.dart
index 747f3ad..9e363b0 100644
--- a/lib/screens/tasks.dart
+++ b/lib/screens/tasks.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:hive_flutter/hive_flutter.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 import 'package:ramadan_taskminder/tasks.dart';
 import 'package:ramadan_taskminder/widgets/page_footer.dart';
 import 'package:ramadan_taskminder/widgets/page_header.dart';
@@ -43,94 +43,103 @@ class _TasksScreenState extends State<TasksScreen> {
   @override
   Widget build(BuildContext context) {
     return Material(
-      color: backgroundColor,
-      child: CustomScrollView(
-        slivers: [
-          SliverSafeArea(
-            sliver: SliverPadding(
-              padding: const EdgeInsets.only(
-                top: 25.0,
-                left: 20.0,
-                right: 20.0,
-              ),
-              sliver: SliverList(
-                delegate: SliverChildListDelegate(
-                  [
-                    PageHeader(
-                      header: "Tasks",
-                      title: "${complete.length}/${allTasks.length} completed",
-                      hintText: "Tap an item to mark it as complete/incomplete",
-                    ),
-                    const SizedBox(
-                      height: 15,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "Incomplete",
+      color: getBackgroundColor(context),
+      child: Stack(
+        children: [
+          CustomScrollView(
+            slivers: [
+              SliverSafeArea(
+                sliver: SliverPadding(
+                  padding: const EdgeInsets.only(
+                    top: 25.0,
+                    left: 20.0,
+                    right: 20.0,
+                  ),
+                  sliver: SliverList(
+                    delegate: SliverChildListDelegate(
+                      [
+                        PageHeader(
+                          header: "Tasks",
+                          title:
+                              "${complete.length}/${allTasks.length} completed",
+                          hintText:
+                              "Tap an item to mark it as complete/incomplete",
                         ),
-                        SizedBox(height: incomplete.isNotEmpty ? 10 : 5),
-                        incomplete.isNotEmpty
-                            ? Wrap(
-                                runSpacing: 10,
-                                children: incomplete
-                                    .map(
-                                      (task) => WideCard(
-                                        content: task,
-                                        onTap: () => setState(() {
-                                          incomplete.remove(task);
-                                          complete.add(task);
-                                          tasks.put(task, true);
-                                        }),
-                                      ),
-                                    )
-                                    .toList(),
-                              )
-                            : const Text(
-                                "You've completed all tasks! Congratulations!",
-                              )
-                      ],
-                    ),
-                    const SizedBox(
-                      height: 25,
-                    ),
-                    Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const SectionHeader(
-                          title: "Complete",
+                        const SizedBox(
+                          height: 15,
+                        ),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            const SectionHeader(
+                              title: "Incomplete",
+                            ),
+                            SizedBox(height: incomplete.isNotEmpty ? 10 : 5),
+                            incomplete.isNotEmpty
+                                ? Wrap(
+                                    runSpacing: 10,
+                                    children: incomplete
+                                        .map(
+                                          (task) => WideCard(
+                                            content: task,
+                                            onTap: () => setState(() {
+                                              incomplete.remove(task);
+                                              complete.add(task);
+                                              tasks.put(task, true);
+                                            }),
+                                          ),
+                                        )
+                                        .toList(),
+                                  )
+                                : const Text(
+                                    "You've completed all tasks! Congratulations!",
+                                  )
+                          ],
+                        ),
+                        const SizedBox(
+                          height: 25,
+                        ),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            const SectionHeader(
+                              title: "Complete",
+                            ),
+                            SizedBox(height: complete.isNotEmpty ? 10 : 5),
+                            complete.isNotEmpty
+                                ? Wrap(
+                                    runSpacing: 10,
+                                    children: complete
+                                        .map(
+                                          (task) => WideCard(
+                                            content: task,
+                                            onTap: () => setState(() {
+                                              complete.remove(task);
+                                              incomplete.add(task);
+                                              tasks.put(task, false);
+                                            }),
+                                          ),
+                                        )
+                                        .toList(),
+                                  )
+                                : const Text(
+                                    "No completed tasks yet. Complete tasks by tapping the card.",
+                                  )
+                          ],
+                        ),
+                        const SizedBox(
+                          height: 25,
                         ),
-                        SizedBox(height: complete.isNotEmpty ? 10 : 5),
-                        complete.isNotEmpty
-                            ? Wrap(
-                                runSpacing: 10,
-                                children: complete
-                                    .map(
-                                      (task) => WideCard(
-                                        content: task,
-                                        onTap: () => setState(() {
-                                          complete.remove(task);
-                                          incomplete.add(task);
-                                          tasks.put(task, false);
-                                        }),
-                                      ),
-                                    )
-                                    .toList(),
-                              )
-                            : const Text(
-                                "No completed tasks yet. Complete tasks by tapping the card.",
-                              )
                       ],
                     ),
-                    const PageFooter(),
-                  ],
+                  ),
                 ),
               ),
-            ),
+            ],
           ),
+          const PageFooter()
         ],
       ),
     );
diff --git a/lib/theme.dart b/lib/theme.dart
new file mode 100644
index 0000000..fe3451b
--- /dev/null
+++ b/lib/theme.dart
@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+const primaryLightColor = Color(0xFFA9C5B8);
+const primaryDarkColor = Color(0xFF4B5A53);
+
+const backgroundColor = Color(0xFFF5F4ED);
+
+const buttonTextLightColor = Color(0xFF383838);
+const buttonTextDarkColor = Color.fromARGB(255, 206, 206, 206);
+
+const activeTabLightColor = Color(0xFF000000);
+const inactiveTabLightColor = Color.fromRGBO(0, 0, 0, .25);
+
+const activeTabDarkColor = Color(0xFFFFFFFF);
+const inactiveTabDarkColor = Color.fromRGBO(255, 255, 255, .25);
+
+Color getPrimaryColor(BuildContext context) =>
+    Theme.of(context).brightness == Brightness.dark
+        ? primaryDarkColor
+        : primaryLightColor;
+
+Color getBackgroundColor(BuildContext context) =>
+    Theme.of(context).brightness == Brightness.dark
+        ? Colors.black
+        : backgroundColor;
+
+Color getButtonTextColor(BuildContext context) =>
+    Theme.of(context).brightness == Brightness.dark
+        ? buttonTextDarkColor
+        : buttonTextLightColor;
+
+Color getActiveTabColor(BuildContext context) =>
+    Theme.of(context).brightness == Brightness.dark
+        ? activeTabDarkColor
+        : activeTabLightColor;
+
+Color getInactiveTabColor(BuildContext context) =>
+    Theme.of(context).brightness == Brightness.dark
+        ? inactiveTabDarkColor
+        : inactiveTabLightColor;
\ No newline at end of file
diff --git a/lib/widgets/page_footer.dart b/lib/widgets/page_footer.dart
index 4191e70..28b7267 100644
--- a/lib/widgets/page_footer.dart
+++ b/lib/widgets/page_footer.dart
@@ -15,24 +15,27 @@ class PageFooter extends StatelessWidget {
       ["/", LucideIcons.home],
       ["/tasks", LucideIcons.clipboardList],
       ["/quran", LucideIcons.bookOpen],
-      ["/prayers", LucideIcons.construction],
-      ["/settings", LucideIcons.cog],
     ];
 
-    return Padding(
-      padding: const EdgeInsets.all(25),
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: tabBar
-            .map(
-              (List item) => TabBarItem(
-                location: item[0],
-                icon: item[1],
-                active: currentLocation == item[0],
-              ),
-            )
-            .toList(),
+    return Center(
+      child: Align(
+        alignment: Alignment.bottomCenter,
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 25, horizontal: 50),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: tabBar
+                .map(
+                  (List item) => TabBarItem(
+                    location: item[0],
+                    icon: item[1],
+                    active: currentLocation == item[0],
+                  ),
+                )
+                .toList(),
+          ),
+        ),
       ),
     );
   }
diff --git a/lib/widgets/quran_addition_row.dart b/lib/widgets/quran_addition_row.dart
index b59bae1..e5d5404 100644
--- a/lib/widgets/quran_addition_row.dart
+++ b/lib/widgets/quran_addition_row.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:ramadan_taskminder/extensions/text_field.dart';
 import 'package:ramadan_taskminder/quran.dart';
+import 'package:ramadan_taskminder/theme.dart';
 import 'package:ramadan_taskminder/widgets/stacked_card.dart';
 
 class QuranAdditionRow extends StatefulWidget {
@@ -64,7 +65,7 @@ class _QuranAdditionRowState extends State<QuranAdditionRow> {
           ),
         ),
         InkWell(
-          onTap: widget.surahIndex == -1 && ayahsCount == null
+          onTap: widget.surahIndex == -1 && ayahsCount == 0
               ? null
               : () => showModalBottomSheet(
                     context: context,
@@ -87,7 +88,7 @@ class _QuranAdditionRowState extends State<QuranAdditionRow> {
                             const SizedBox(height: 10),
                             TextField(
                               onChanged: (value) {
-                                int? ayah = int.tryParse(value);
+                                int? ayah = int.tryParse(value.replaceAll(RegExp(r"[^0-9]"), ""));
                                 if (ayah != null &&
                                     ayah > 0 &&
                                     ayah <= ayahsCount!) {
@@ -99,6 +100,7 @@ class _QuranAdditionRowState extends State<QuranAdditionRow> {
                               keyboardType: TextInputType.number,
                               decoration: InputDecoration(
                                 labelText: "Ayah",
+                                focusColor: getPrimaryColor(context),
                                 border: OutlineInputBorder(
                                   borderRadius: BorderRadius.circular(15),
                                 ),
diff --git a/lib/widgets/section_header.dart b/lib/widgets/section_header.dart
index c0906a4..fed7b7b 100644
--- a/lib/widgets/section_header.dart
+++ b/lib/widgets/section_header.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:google_fonts/google_fonts.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 
 class SectionHeader extends StatelessWidget {
   const SectionHeader({
@@ -54,8 +54,8 @@ class SectionHeader extends StatelessWidget {
             onPressed: onClick!,
             child: Text(
               buttonText!.toUpperCase(),
-              style: const TextStyle(
-                color: buttonTextColor,
+              style: TextStyle(
+                color: getButtonTextColor(context),
               ),
             ),
           )
diff --git a/lib/widgets/stacked_card.dart b/lib/widgets/stacked_card.dart
index 2fc03b0..6ba3d9e 100644
--- a/lib/widgets/stacked_card.dart
+++ b/lib/widgets/stacked_card.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 
 class StackedCard extends StatelessWidget {
   const StackedCard({
@@ -20,7 +20,7 @@ class StackedCard extends StatelessWidget {
     return Container(
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(15),
-        color: primaryColor,
+        color: getPrimaryColor(context),
       ),
       width: fullWidth != null && fullWidth! ? width + 10 : width / 2,
       child: Padding(
diff --git a/lib/widgets/statistic_card.dart b/lib/widgets/statistic_card.dart
index 0a16dd1..3d8086a 100644
--- a/lib/widgets/statistic_card.dart
+++ b/lib/widgets/statistic_card.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 
 class Statistic extends StatelessWidget {
   const Statistic({
@@ -14,7 +14,7 @@ class Statistic extends StatelessWidget {
     return Container(
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(10),
-        color: primaryColor,
+        color: getPrimaryColor(context),
       ),
       child: Padding(
         padding: const EdgeInsets.fromLTRB(15, 7, 15, 7),
diff --git a/lib/widgets/tab_bar_item.dart b/lib/widgets/tab_bar_item.dart
index 9133e90..d318235 100644
--- a/lib/widgets/tab_bar_item.dart
+++ b/lib/widgets/tab_bar_item.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 
 class TabBarItem extends StatelessWidget {
   const TabBarItem({
@@ -19,7 +19,7 @@ class TabBarItem extends StatelessWidget {
     return IconButton(
       onPressed: () => GoRouter.of(context).go(location),
       icon: Icon(icon),
-      color: active ? activeTabColor : inactiveTabColor,
+      color: active ? getActiveTabColor(context) : getInactiveTabColor(context),
     );
   }
 }
diff --git a/lib/widgets/wide_card.dart b/lib/widgets/wide_card.dart
index 04ea4b2..5567b07 100644
--- a/lib/widgets/wide_card.dart
+++ b/lib/widgets/wide_card.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:ramadan_taskminder/constants.dart';
+import 'package:ramadan_taskminder/theme.dart';
 
 class WideCard extends StatelessWidget {
   const WideCard({
@@ -33,7 +33,7 @@ class WideCard extends StatelessWidget {
         child: Ink(
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(10),
-            color: primaryColor,
+            color: getPrimaryColor(context),
           ),
           child: SizedBox(
             width: width,
@@ -45,7 +45,7 @@ class WideCard extends StatelessWidget {
       return Container(
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(10),
-          color: primaryColor,
+          color: getPrimaryColor(context),
         ),
         width: width,
         child: widgetContent,
diff --git a/pubspec.lock b/pubspec.lock
index 6a308ba..4c6b1b4 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,6 +1,20 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.3.6"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.4.0"
   async:
     dependency: transitive
     description:
@@ -22,6 +36,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.1"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
+  cli_util:
+    dependency: transitive
+    description:
+      name: cli_util
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.5"
   clock:
     dependency: transitive
     description:
@@ -36,6 +64,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.16.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.1"
   crypto:
     dependency: transitive
     description:
@@ -69,6 +104,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_launcher_icons:
+    dependency: "direct dev"
+    description:
+      name: flutter_launcher_icons
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.12.0"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -135,6 +177,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.2"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.15"
   intl:
     dependency: "direct main"
     description:
@@ -149,6 +198,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.6.4"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.8.0"
   lints:
     dependency: transitive
     description:
@@ -240,6 +296,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.5"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.1.0"
   platform:
     dependency: transitive
     description:
@@ -254,6 +317,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.4"
+  pointycastle:
+    dependency: transitive
+    description:
+      name: pointycastle
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.7.0"
   process:
     dependency: transitive
     description:
@@ -315,6 +385,62 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.1"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.10"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.25"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.3"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.4"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.4"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.2"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.16"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.5"
   vector_math:
     dependency: transitive
     description:
@@ -336,6 +462,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.0"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.1"
 sdks:
   dart: ">=2.18.4 <3.0.0"
   flutter: ">=3.3.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index f820129..85dd926 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -3,7 +3,7 @@ description: A new Flutter project.
 
 # The following line prevents the package from being accidentally published to
 # pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: "none" # Remove this line if you wish to publish to pub.dev
 
 # The following defines the version and build number for your application.
 # A version number is three numbers separated by dots, like 1.2.43
@@ -20,7 +20,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 0.9.0+1
 
 environment:
-  sdk: '>=2.18.4 <3.0.0'
+    sdk: ">=2.18.4 <3.0.0"
 
 # Dependencies specify other packages that your package needs in order to work.
 # To automatically upgrade your package dependencies to the latest versions
@@ -29,66 +29,76 @@ environment:
 # the latest version available on pub.dev. To see which dependencies have newer
 # versions available, run `flutter pub outdated`.
 dependencies:
-  flutter:
-    sdk: flutter
+    flutter:
+        sdk: flutter
 
-  google_fonts: ^4.0.3
-  lucide_icons: ^0.125.0
-  go_router: ^6.2.0
-  intl: ^0.18.0
-  hijri: ^3.0.0
-  hive: ^2.2.3
-  hive_flutter: ^1.1.0
+    google_fonts: ^4.0.3
+    lucide_icons: ^0.125.0
+    go_router: ^6.2.0
+    intl: ^0.18.0
+    hijri: ^3.0.0
+    hive: ^2.2.3
+    hive_flutter: ^1.1.0
+    url_launcher: ^6.1.10
 
 dev_dependencies:
-  flutter_test:
-    sdk: flutter
+    flutter_test:
+        sdk: flutter
 
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
-  flutter_lints: ^2.0.0
+    # The "flutter_lints" package below contains a set of recommended lints to
+    # encourage good coding practices. The lint set provided by the package is
+    # activated in the `analysis_options.yaml` file located at the root of your
+    # package. See that file for information about deactivating specific lint
+    # rules and activating additional ones.
+    flutter_lints: ^2.0.0
+
+    flutter_launcher_icons: ^0.12.0
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
 # The following section is specific to Flutter packages.
 flutter:
+    # The following line ensures that the Material Icons font is
+    # included with your application, so that you can use the icons in
+    # the material Icons class.
+    uses-material-design: true
 
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
-  uses-material-design: true
+    # To add assets to your application, add an assets section, like this:
+    # assets:
+    #   - images/a_dot_burr.jpeg
+    #   - images/a_dot_ham.jpeg
 
-  # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+    # An image asset can refer to one or more resolution-specific "variants", see
+    # https://flutter.dev/assets-and-images/#resolution-aware
 
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/assets-and-images/#resolution-aware
+    # For details regarding adding assets from package dependencies, see
+    # https://flutter.dev/assets-and-images/#from-packages
 
-  # For details regarding adding assets from package dependencies, see
-  # https://flutter.dev/assets-and-images/#from-packages
+    # To add custom fonts to your application, add a fonts section here,
+    # in this "flutter" section. Each entry in this list should have a
+    # "family" key with the font family name, and a "fonts" key with a
+    # list giving the asset and other descriptors for the font. For
+    # example:
+    # fonts:
+    #   - family: Schyler
+    #     fonts:
+    #       - asset: fonts/Schyler-Regular.ttf
+    #       - asset: fonts/Schyler-Italic.ttf
+    #         style: italic
+    #   - family: Trajan Pro
+    #     fonts:
+    #       - asset: fonts/TrajanPro.ttf
+    #       - asset: fonts/TrajanPro_Bold.ttf
+    #         weight: 700
+    #
+    # For details regarding fonts from package dependencies,
+    # see https://flutter.dev/custom-fonts/#from-packages
 
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
-  #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/custom-fonts/#from-packages
+flutter_icons:
+    android: "launcher_icon"
+    ios: true
+    remove_alpha_ios: true
+    image_path: "assets/icon.png"
+    adaptive_icon_background: "assets/background.png"
+    adaptive_icon_foreground: "assets/foreground.png"