From fe6479f72487f7ba336f567b4c9da31b266fa67c Mon Sep 17 00:00:00 2001
From: Schalk Neethling <schalk@mechanical.ink>
Date: Tue, 28 Nov 2023 12:49:37 +0200
Subject: [PATCH] fix: type in header and color in quote (#312)

This fixes a type in the header and illegible color in the quote section when in dark mode.

fix #311
---
 src/css/custom.css            | 2 ++
 src/pages/saas-producthunt.js | 7 +++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index ea82a260..32462745 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -17,6 +17,8 @@
   --ifm-code-font-size: 95%;
   --ifm-navbar-height: 5rem;
 
+  --color-neutral-90: #212121;
+
   --aa-input-border-color-rgb: 190, 195, 201 !important;
   --aa-selected-color-rgb: 141, 148, 158 !important;
   --aa-muted-color-rgb: 37, 194, 160 !important;
diff --git a/src/pages/saas-producthunt.js b/src/pages/saas-producthunt.js
index ab492093..44bc9ea8 100644
--- a/src/pages/saas-producthunt.js
+++ b/src/pages/saas-producthunt.js
@@ -27,7 +27,7 @@ const ProductHuntSaas = () => {
               marginTop: '-40px',
             }}
           >
-            Sucurity Building Blocks for Developers
+            Security Building Blocks for Developers
           </p>
         </div>
 
@@ -174,9 +174,7 @@ export default ProductHuntSaas;
 
 const Quote = ({ children, author, title, avatar }) => {
   const style = {
-    border: '2px solid var(--ifm-color-primary)',
-    color: 'var(--aa-input-border-color-rgb)',
-    borderRadius: '5px',
+    color: 'var(--color-neutral-90)',
     backgroundColor: 'white',
   };
 
@@ -207,6 +205,7 @@ const Quote = ({ children, author, title, avatar }) => {
           }}
           class="avatar__photo avatar__photo--xl"
           src={avatar}
+          alt="Steven Tey"
         />
         <div className="avatar__intro">
           <div