From 7846c7f06fc913b74884d0572545da1360bde373 Mon Sep 17 00:00:00 2001
From: donfiguerres <lyndonfiguerres@gmail.com>
Date: Fri, 10 Jun 2022 16:49:42 +0800
Subject: [PATCH] Toggle initial dark only in the dynamic navbar.

---
 layouts/partials/navigators/navbar.html | 2 +-
 static/css/colortheme/colortheme.css    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html
index c4b5225..563f63d 100644
--- a/layouts/partials/navigators/navbar.html
+++ b/layouts/partials/navigators/navbar.html
@@ -66,7 +66,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="collapse navbar-collapse" id="top-nav-items">
+    <div class="collapse navbar-collapse dynamic-navbar" id="top-nav-items">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
           <a class="nav-link" href="#home">{{ i18n "home" }}</a>
diff --git a/static/css/colortheme/colortheme.css b/static/css/colortheme/colortheme.css
index 3b8eb1e..2bcf17c 100644
--- a/static/css/colortheme/colortheme.css
+++ b/static/css/colortheme/colortheme.css
@@ -1,7 +1,7 @@
 /* Note: No need to invert when the screen is small because the navbar is
    collapsed to a hamburger menu. */
 @media only screen and (min-width: 1200px) {
-  .navbar-icon-svg-dark {
+  .dynamic-navbar .navbar-icon-svg-dark {
     filter: invert(1);
   };
 }