more darktheme changes

jukent · May 28, 2024 · 781931c · 781931c
1 parent 0677866
commit 781931c
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 39 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -106,15 +106,25 @@ a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
 @media (prefers-color-scheme: dark) {
   body {
     background-color: #eeeeee !important;
-      color: black;
+    color: black;
   }
-  navbar-toggler {
-    color: #413622 !important;
+
+  .navbar {
+    --bs-navbar-toggler-border-color: lightgray;
+    color: rgba(65, 54, 34, 0.8);
+  }
+  :root {
+    --bs-emphasis-color-rgb: black;
+    --bs-secondary-color: gray;
   }
-  card-body {
-    color: white !important;
+  .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }
-  text-body-secondary {
-    color: rgba(33, 37, 41, 0.75) !important;
+
+  .card-body {
+    background: white !important;
   }
+  .card {
+    --bs-card-border-color: lightgray;
+  } 
 }
diff --git a/travel.html b/travel.html
@@ -39,14 +39,6 @@
       }
     }
 
-    .nav-link {
-        color: #eeee;
-      }
-
-    .nav {
-      --bs-nav-link-hover-color: gray;
-    } 
-
     .footer-top {
       z-index:1000;
     } 
@@ -100,38 +92,38 @@
 </head>
 
 <body>
-<nav class="navbar navbar-expand-md fixed-top">
+  <nav class="navbar navbar-expand-md fixed-top">
     <div class="container-fluid nav-text-container">
       <a class="navbar-brand nav-link fw-bold py-1 px-0 active" href="index.html" style="font-size: 1em;">
         <img src="images/JandM.png" alt="J&M" style="height: 1.5em;">
       </a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-            <ul class="navbar-nav ms-auto mb-2 mb-md-0">
-                <li class="nav-item">
-                    <a class="nav-link fw-bold py-1 px-0" href="rsvp.html">R.S.V.P.</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link fw-bold py-1 px-0" href="story.html">Story</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link fw-bold py-1 px-0" href="schedule.html">Schedule</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link fw-bold py-1 px-0" href="travel.html">Travel</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link fw-bold py-1 px-0" href="faq.html">F.A.Q.</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link fw-bold py-1 px-0" href="thank-you.html">Gratitude</a>
-                </li>
-            </ul>
-        </div>
+      <div class="collapse navbar-collapse" id="navbarCollapse">
+        <ul class="navbar-nav ms-auto mb-2 mb-md-0">
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="rsvp.html">R.S.V.P.</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="story.html">Story</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="schedule.html">Schedule</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="travel.html">Travel</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="faq.html">F.A.Q.</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fw-bold py-1 px-0" href="thank-you.html">Gratitude</a>
+          </li>
+        </ul>
+      </div>
     </div>
-</nav>
+  </nav> 
 
 <div class="sidebar d-none d-md-block col-md-3 p-3">
     <nav class="nav flex-column">