From 01ae2206747ca1a7d0347ff2fd1398d301582af3 Mon Sep 17 00:00:00 2001
From: Brian McGonagill <brian@fixitdelrio.com>
Date: Sat, 27 Jul 2024 13:56:23 -0500
Subject: [PATCH] Updated to set font color in header bar in dark mode.

---
 client/General/headerBar.html | 32 ++++++++++++++++----------------
 client/General/headerBar.js   |  5 ++++-
 client/MainLayout.js          |  4 ++--
 3 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/client/General/headerBar.html b/client/General/headerBar.html
index 8893ed9..00e9d71 100644
--- a/client/General/headerBar.html
+++ b/client/General/headerBar.html
@@ -4,36 +4,36 @@
   </ul>
     <nav>
         <div class="nav-wrapper blue darken-4">
-          <a href="#" class="brand-logo center" id="brandLogo">Get My</a>
-          <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+          <a href="#" class="brand-logo center {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="brandLogo">Get My</a>
+          <a href="#" data-target="mobile-demo" class="sidenav-trigger {{#if $eq myTheme 'dark'}}white-text{{/if}}"><i class="material-icons">menu</i></a>
           <ul class="right hide-on-med-and-down">
             {{#if currentUser}}
-              <li><a href="#" id="mylists" class="navBtn">My Lists</a></li>
-              <li><a href="#" id="mymenus" class="navBtn">My Menus</a></li>
-              <li><a href="#" id="myTasks" class="navBtn">My Tasks</a></li>
-              <li><a href="#" class="navBtn" id="mySettings">My Settings</a></li>
+              <li><a href="#" id="mylists" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
+              <li><a href="#" id="mymenus" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
+              <li><a href="#" id="myTasks" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
+              <li><a href="#" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="mySettings">My Settings</a></li>
               {{#if isInRole 'systemadmin'}}
-                <li><a href="#" id="manage" class="navBtn">Manage</a></li>
+                <li><a href="#" id="manage" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
               {{/if}}
-              <li class="signOut"><a href="#" class="signOut">Log Out</a></li>
+              <li class="signOut {{#if $eq myTheme 'dark'}}white-text{{/if}}"><a href="#" class="signOut">Log Out</a></li>
             {{else}}
-              <li><a href="#!" id="login" class="navBtn">Login</a></li>
+              <li><a href="#!" id="login" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
             {{/if}}
           </ul>
         </div>
       </nav>
       <ul class="sidenav" id="mobile-demo">
         {{#if currentUser}}
-        <li><a href="#!" id="mylists" class="navBtn">My Lists</a></li>
-        <li><a href="#!" id="mymenus" class="navBtn">My Menus</a></li>
-        <li><a href="#!" id="myTasks" class="navBtn">My Tasks</a></li>
-        <li><a href="#!" class="navBtn" id="mySettings">My Settings</a></li>
+        <li><a href="#!" id="mylists" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
+        <li><a href="#!" id="mymenus" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
+        <li><a href="#!" id="myTasks" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
+        <li><a href="#!" class="navBtn" id="mySettings {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Settings</a></li>
         {{#if isInRole 'systemadmin'}}
-          <li><a href="#!" id="manage" class="navBtn">Manage</a></li>
+          <li><a href="#!" id="manage" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
         {{/if}}
-        <li><a href="#!" class="signOut">Sign Out</a></li>
+        <li><a href="#!" class="signOut {{#if $eq myTheme 'dark'}}white-text{{/if}}">Sign Out</a></li>
         {{else}}
-          <li><a href="#!" id="login" class="navBtn">Login</a></li>
+          <li><a href="#!" id="login" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
         {{/if}}
       </ul>
 </template>
diff --git a/client/General/headerBar.js b/client/General/headerBar.js
index 34281c1..cd5963c 100644
--- a/client/General/headerBar.js
+++ b/client/General/headerBar.js
@@ -15,6 +15,9 @@ Template.headerBar.helpers({
     adminReg: function() {
         return Session.get("adminreg");
     },
+    myTheme: function() {
+        return Session.get("myTheme");
+    }
 });
 
 Template.headerBar.events({
@@ -36,5 +39,5 @@ Template.headerBar.events({
     'click #brandLogo' (event) {
         event.preventDefault();
         FlowRouter.go('/dashboard');
-    },
+    }
 });
diff --git a/client/MainLayout.js b/client/MainLayout.js
index b86cf0c..2a37018 100644
--- a/client/MainLayout.js
+++ b/client/MainLayout.js
@@ -11,11 +11,11 @@ Template.MainLayout.onRendered(function() {
         if (typeof myprefs != 'undefined') {
             if (myprefs.darkMode == "light") {
                 console.log("Found theme as light");
-                // Session.set("myTheme", "light");
+                Session.set("myTheme", "light");
                 document.documentElement.setAttribute('theme', "light");
             } else {
                 console.log("Found theme as dark");
-                // Session.set("myTheme", "dark");
+                Session.set("myTheme", "dark");
                 document.documentElement.setAttribute('theme', "dark");
             } 
         } else {