Overrode root color to white in main

assets/styles/components/tables.scss

@@ -3,6 +3,7 @@ table {
   border: 1px solid rgba(get-light-color('accent-color'), 0.1);
   min-width: 10rem;
   padding: 0.1rem;
+
   thead {
     tr {
       background: get-light-color('accent-color');
@@ -14,14 +15,17 @@ table {
     tr {
       height: 40px !important;
       color: get-light-color('text-color');
+
       &:nth-child(odd) {
         background-color: get-light-color('bg-primary');
       }
+
       &:nth-child(even) {
         background-color: rgba(get-light-color('accent-color'), 0.05);
       }
     }
   }
+
   th,
   td {
     padding-top: 0.2rem;
@@ -48,6 +52,7 @@ table {
       border-left: unset !important;
       border-bottom: unset !important;
     }
+
     td,
     tc {
       border-right: 1px solid rgba(get-light-color('accent-color'), 0.1);
@@ -56,7 +61,7 @@ table {
     thead {
       tr {
         background: unset !important;
-        color: unset !important;
+        color: get-light-color('text-over-accent-color');
       }
     }
 
@@ -65,6 +70,7 @@ table {
         &:nth-child(odd) {
           background-color: unset !important;
         }
+
         &:hover {
           background: unset !important;
         }
@@ -76,6 +82,7 @@ table {
 html[data-theme='dark'] {
   table {
     border: 1px solid rgba(get-dark-color('accent-color'), 0.1);
+
     thead {
       tr {
         background: get-dark-color('accent-color');
@@ -86,25 +93,31 @@ html[data-theme='dark'] {
     tbody {
       tr {
         color: get-dark-color('text-color');
+
         &:nth-child(odd) {
           background-color: get-dark-color('bg-primary');
         }
+
         &:nth-child(even) {
           background-color: rgba(get-dark-color('accent-color'), 0.05);
         }
       }
     }
   }
+
   .gist {
-    &::-moz-selection{
+    &::-moz-selection {
       background: get-dark-color('text-color');
       color: get-dark-color('inverse-text-color');
     }
-    &::selection{
+
+    &::selection {
       background: get-dark-color('text-color');
       color: get-dark-color('inverse-text-color');
     }
+
     table {
+
       td,
       tc {
         border-right: 1px solid rgba(get-dark-color('accent-color'), 0.1);

assets/styles/layouts/main.scss

@@ -8,6 +8,9 @@ html {
   scroll-behavior: smooth !important;
 }
 
+$body-color: #ffffff;
+
+/* Custom body color */
 body {
   position: relative;
 }
@@ -19,13 +22,21 @@ body {
 :target::before {
   content: '';
   display: block;
-  height: 2em; /* fixed header height*/
+  height: 2em;
-  margin: -2em 0 0; /* negative fixed header height */
+  /* fixed header height*/
+  margin: -2em 0 0;
+  /* negative fixed header height */
 }
 
 body {
   background-color: get-light-color('bg-primary');
   font-family: 'Mulish';
+  color: #ffffff !important;
+}
+
+:root {
+  --bs-body-color: white;
+  /* Change the global default text color */
 }
 
 .bg-primary {
@@ -47,12 +58,13 @@ body {
 }
 
 .content {
-  ul > ol,
+
-  ol > ul,
+  ul>ol,
-  ul > ul,
+  ol>ul,
-  ol > ol,
+  ul>ul,
-  li > ol,
+  ol>ol,
-  li > ul {
+  li>ol,
+  li>ul {
     padding-inline-start: 1rem;
   }
 }
@@ -68,6 +80,7 @@ mark {
 }
 
 @include media('<=small') {
+
   .skills-section,
   .projects-section,
   .publications-section {
@@ -101,13 +114,16 @@ html[data-theme='dark'] {
   .bg-primary {
     background-color: get-dark-color('bg-primary') !important;
   }
+
   .bg-secondary {
     background-color: get-dark-color('bg-secondary') !important;
   }
+
   kbd {
     background-color: get-dark-color('accent-color');
     color: get-dark-color('text-over-accent-color');
   }
+
   mark {
     background-color: get-dark-color('highlight-color');
   }

layouts/tags/list.html

@@ -16,7 +16,7 @@
         </form>
         <div class="sidebar-tree">
           <ul class="tree" id="tree">
-            <li id="list-heading"><a href="{{ .Type | relLangURL }}" data-filter="all">{{ i18n .Type }}</a></li>
+            <li id="list-heading"><a style="color: white;" href="{{ .Type | relLangURL }}" data-filter="all">{{ i18n .Type }}</a></li>
             <div class="subtree taxonomy-terms">
               {{ $context := . }}
               {{ partial "navigators/taxonomies.html" (dict "context" $context "taxo" "tags" "title" ( humanize "tags" ) ) }}