Tweak getting started button

Author: soareschen

src/pages/index.module.css

@@ -103,6 +103,11 @@
   gap: 0.5rem;
 }
 
+.getStartedButton {
+  --ifm-button-background-color: var(--ifm-color-primary-darkest);
+  --ifm-button-border-color: var(--ifm-color-primary-darkest);
+}
+
 /* Responsive adjustments */
 @media screen and (max-width: 996px) {
   .hero {

src/pages/index.tsx

@@ -27,7 +27,7 @@ function HeroBanner() {
           </span>
         </Heading>
         <div className={styles.indexCtas}>
-          <Link className="button button--primary button--lg" to="/docs">
+          <Link className={clsx("button button--primary button--lg", styles.getStartedButton)} to="/docs">
             Get Started
           </Link>
           <Link