fix(style): resolves issue with footer color

JacobCoffee · Jun 25, 2023 · 18656a3 · 18656a3
1 parent 0596b7c
commit 18656a3
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 4 deletions.
diff --git a/docs/images/index-dark.png b/docs/images/index-dark.png
diff --git a/docs/images/index.png b/docs/images/index.png
diff --git a/niapi/domain/web/resources/style.css b/niapi/domain/web/resources/style.css
@@ -1264,6 +1264,26 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-neutral-600 {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+}
+
+.text-slate-800 {
+  --tw-text-opacity: 1;
+  color: rgb(30 41 59 / var(--tw-text-opacity));
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity));
+}
+
 .antialiased {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -1453,6 +1473,21 @@ select {
   color: rgb(212 212 212 / var(--tw-text-opacity));
 }
 
+:is(.dark .dark\:text-neutral-900) {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-white) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-neutral-600) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+}
+
 :is(.dark .dark\:placeholder-neutral-500)::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(115 115 115 / var(--tw-placeholder-opacity));

diff --git a/niapi/domain/web/templates/base/footer.html b/niapi/domain/web/templates/base/footer.html
@@ -12,7 +12,11 @@ <h2 id="footer-heading" class="sr-only">Footer</h2>
       <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
         <div class="md:grid md:grid-cols-2 md:gap-8">
           <div>
-            <h3 class="text-sm font-semibold leading-6 text-white">About</h3>
+            <h3
+              class="text-sm font-semibold leading-6 text-neutral-600 dark:text-white"
+            >
+              About
+            </h3>
             <ul role="list" class="mt-6 space-y-4">
               <li>
                 <a
@@ -31,7 +35,11 @@ <h3 class="text-sm font-semibold leading-6 text-white">About</h3>
             </ul>
           </div>
           <div class="mt-10 md:mt-0">
-            <h3 class="text-sm font-semibold leading-6 text-white">Support</h3>
+            <h3
+              class="text-sm font-semibold leading-6 text-neutral-600 dark:text-white"
+            >
+              Support
+            </h3>
             <ul role="list" class="mt-6 space-y-4">
               <li>
                 <a
@@ -59,7 +67,9 @@ <h3 class="text-sm font-semibold leading-6 text-white">Support</h3>
         </div>
         <div class="md:grid md:grid-cols-2 md:gap-8">
           <div>
-            <h3 class="text-sm font-semibold leading-6 text-white">
+            <h3
+              class="text-sm font-semibold leading-6 text-neutral-600 dark:text-white"
+            >
               Open Source
             </h3>
             <ul role="list" class="mt-6 space-y-4">
@@ -80,7 +90,11 @@ <h3 class="text-sm font-semibold leading-6 text-white">
             </ul>
           </div>
           <div class="mt-10 md:mt-0">
-            <h3 class="text-sm font-semibold leading-6 text-white">Legal</h3>
+            <h3
+              class="text-sm font-semibold leading-6 text-neutral-600 dark:text-white"
+            >
+              Legal
+            </h3>
             <ul role="list" class="mt-6 space-y-4">
               <li>
                 <a