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
boxyhq · Nov 28, 2023 · fe6479f · fe6479f
1 parent 9ffa970
commit fe6479f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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