diff --git a/app/src/main/java/foundation/e/blisslauncher/features/launcher/LauncherActivity.java b/app/src/main/java/foundation/e/blisslauncher/features/launcher/LauncherActivity.java
index 1462e8adfb8a84ef87b85f149f98ea75ba6f456a..8e811cce0b1f42d18f200f1846c3ba76a2388dcb 100755
--- a/app/src/main/java/foundation/e/blisslauncher/features/launcher/LauncherActivity.java
+++ b/app/src/main/java/foundation/e/blisslauncher/features/launcher/LauncherActivity.java
@@ -9,8 +9,10 @@ import android.Manifest;
 import android.animation.Animator;
 import android.animation.AnimatorListenerAdapter;
 import android.animation.AnimatorSet;
+import android.animation.ArgbEvaluator;
 import android.animation.LayoutTransition;
 import android.animation.ObjectAnimator;
+import android.animation.ValueAnimator;
 import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.app.AlertDialog;
@@ -70,6 +72,7 @@ import android.widget.Toast;
 import androidx.annotation.NonNull;
 import androidx.appcompat.app.AppCompatActivity;
 import androidx.core.app.ActivityCompat;
+import androidx.core.graphics.ColorUtils;
 import androidx.core.view.GestureDetectorCompat;
 import androidx.core.view.WindowInsetsCompat;
 import androidx.core.view.WindowInsetsControllerCompat;
@@ -1198,6 +1201,8 @@ public class LauncherActivity extends AppCompatActivity
      * currentPageNumber updated
      */
     private void createPageChangeListener() {
+        ValueAnimator navbarAnimator = createNavbarColorAnimator();
+
         mHorizontalPager.addOnScrollListener(new HorizontalPager.OnScrollListener() {
             boolean isViewScrolling = true;
 
@@ -1232,10 +1237,13 @@ public class LauncherActivity extends AppCompatActivity
 
                 if (currentPageNumber != page) {
                     currentPageNumber = page;
-                    if (currentPageNumber == 0) {
+                    navbarAnimator.cancel();
+                    if (currentPageNumber == WIDGET_PAGE) {
+                        navbarAnimator.start();
                         refreshSuggestedApps(widgetsPage, forceRefreshSuggestedApps);
                         mInsetsController.hide(WindowInsetsCompat.Type.statusBars());
                     } else {
+                        navbarAnimator.reverse();
                         mInsetsController.show(WindowInsetsCompat.Type.statusBars());
                     }
 
@@ -1246,6 +1254,23 @@ public class LauncherActivity extends AppCompatActivity
         });
     }
 
+    private ValueAnimator createNavbarColorAnimator() {
+        int navColor = getWindow().getNavigationBarColor();
+        ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), navColor,
+                ColorUtils.setAlphaComponent(navColor, 160));
+
+        colorAnimation.setDuration(400);
+        colorAnimation.setInterpolator(new LinearInterpolator());
+        colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator animator) {
+                getWindow().setNavigationBarColor((int) animator.getAnimatedValue());
+            }
+        });
+
+        return colorAnimation;
+    }
+
     public void refreshSuggestedApps(ViewGroup viewGroup, boolean forceRefresh) {
         TextView openUsageAccessSettingsTv = viewGroup.findViewById(R.id.openUsageAccessSettings);
         GridLayout suggestedAppsGridLayout = viewGroup.findViewById(R.id.suggestedAppGrid);
@@ -3413,4 +3438,4 @@ public class LauncherActivity extends AppCompatActivity
 
         }
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/main/res/values-nl/strings.xml b/app/src/main/res/values-nl/strings.xml
index 23cc85ff18c64883ea1615ead545cabb3a006658..57359aea95ed5cd2ad3941ef4760607fdea916d5 100644
--- a/app/src/main/res/values-nl/strings.xml
+++ b/app/src/main/res/values-nl/strings.xml
@@ -148,4 +148,4 @@
     <string name="grant">Toestaan</string>
     <string name="notification_badge_warning">Om notificatie bolletjes op app iconen te zien moet je launcher notificatie toegang geven.</string>
     <string name="perm_required">Toestemming vereist</string>
-</resources>
\ No newline at end of file
+</resources>