Adjusting colors

assets/styles/navigators/navbar.scss

@@ -221,6 +221,7 @@ html[data-theme='dark'] {
     background-color: get-dark-color('bg-primary');
 
     .navbar-brand {
+      // Color of navbar when not transparent
       color: get-dark-color('heading-color');
     }
 
@@ -276,7 +277,8 @@ html[data-theme='dark'] {
 
     &.transparent-navbar {
       .navbar-brand {
-        color: get-dark-color('text-color');
+        // Color of navbar text when the navbar is transparent
+        color: get-dark-color('heading-color');
       }
 
       li {

assets/styles/variables.scss

@@ -20,6 +20,36 @@ $transition-type: ease-out;
 // borders and shadows
 $box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
 
+// Light colors
+// 'light': ( // cyan 600
+//     'accent-color': #0891b2,
+//     // cyan 500
+//     'hover-over-accent-color': #06b6d4,
+//     // zinc 200
+//     'text-over-accent-color': #e4e4e7,
+//     // slate 50
+//     'bg-primary': #f8fafc,
+//     // slate 900
+//     'bg-primary-inverse': #0f172a,
+//     // slate 200
+//     'bg-secondary': #e2e8f0,
+//     'bg-card': #fff,
+//     // slate 800
+//     'heading-color': #1e293b,
+//     // slate 700
+//     'text-color': #334155,
+//     // slate 300
+//     'inverse-text-color': #cbd5e1,
+//     // slate 500
+//     'muted-text-color': #64748b,
+//     // red 600
+//     'inline-code-color': #dc2626,
+//     // amber 200
+//     'highlight-color': #fde68a,
+//     // slate 900
+//     'footer-color': #0f172a,
+//   ),
+
 // themes
 $themes: (
   'light': ( // cyan 600
@@ -50,7 +80,8 @@ $themes: (
     // slate 900
     'footer-color': #0f172a,
   ),
-  'dark': ( // cyan 600
+  'dark': ( 
+    // cyan 600
     'accent-color': #0891b2,
     // cyan 500
     'hover-over-accent-color': #06b6d4,