From 95874b38fdf770c0db9515a743ba89238c9dd0af Mon Sep 17 00:00:00 2001
From: andrmaz <60042277+andrmaz@users.noreply.github.com>
Date: Wed, 6 Jul 2022 00:39:43 +0200
Subject: [PATCH 1/3] docs(website): [Closes #5211] increase 'get started'
 button contrast color

---
 packages/website/src/pages/index.tsx         |  5 ++++-
 packages/website/src/pages/styles.module.css | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
index 0d713efb8ac5..8c92a33376d2 100644
--- a/packages/website/src/pages/index.tsx
+++ b/packages/website/src/pages/index.tsx
@@ -127,7 +127,10 @@ function Home(): JSX.Element {
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
-            <Link className="button button--primary" to={useBaseUrl('docs/')}>
+            <Link
+              className={clsx('button button--primary', styles.button_primary)}
+              to={useBaseUrl('docs/')}
+            >
               Get Started
             </Link>
             <Link
diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
index 4553800e8ad8..bd280083d22a 100644
--- a/packages/website/src/pages/styles.module.css
+++ b/packages/website/src/pages/styles.module.css
@@ -33,6 +33,20 @@
   margin: 1rem 1rem;
 }
 
+.button_primary {
+  background-color: var(--ifm-color-warning-dark);
+  color: var(--ifm-color-secondary-contrast-foreground);
+}
+
+.button_primary:hover {
+  background-color: var(--ifm-color-warning);
+  color: var(--ifm-color-emphasis-900);
+}
+
+[data-theme='dark'] .button_primary {
+  color: var(--ifm-color-secondary-contrast-background);
+}
+
 .lightBackground {
   background: var(--ifm-color-emphasis-100);
 }

From 5593b92db214915305305712a3f65cc081e5d598 Mon Sep 17 00:00:00 2001
From: andrmaz <60042277+andrmaz@users.noreply.github.com>
Date: Thu, 7 Jul 2022 08:42:53 +0200
Subject: [PATCH 2/3] docs(website): fix class name convention

---
 packages/website/src/pages/index.tsx         | 2 +-
 packages/website/src/pages/styles.module.css | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
index 8c92a33376d2..a4c454e54eaa 100644
--- a/packages/website/src/pages/index.tsx
+++ b/packages/website/src/pages/index.tsx
@@ -128,7 +128,7 @@ function Home(): JSX.Element {
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
             <Link
-              className={clsx('button button--primary', styles.button_primary)}
+              className={clsx('button button--primary', styles.buttonPrimary)}
               to={useBaseUrl('docs/')}
             >
               Get Started
diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
index bd280083d22a..ac69b9988fd9 100644
--- a/packages/website/src/pages/styles.module.css
+++ b/packages/website/src/pages/styles.module.css
@@ -33,17 +33,17 @@
   margin: 1rem 1rem;
 }
 
-.button_primary {
+.buttonPrimary {
   background-color: var(--ifm-color-warning-dark);
   color: var(--ifm-color-secondary-contrast-foreground);
 }
 
-.button_primary:hover {
+.buttonPrimary:hover {
   background-color: var(--ifm-color-warning);
   color: var(--ifm-color-emphasis-900);
 }
 
-[data-theme='dark'] .button_primary {
+[data-theme='dark'] .buttonPrimary {
   color: var(--ifm-color-secondary-contrast-background);
 }
 

From 127cd5b81c0c8293ac412197b535ee298c7a35d3 Mon Sep 17 00:00:00 2001
From: andrmaz <60042277+andrmaz@users.noreply.github.com>
Date: Wed, 27 Jul 2022 23:37:26 +0200
Subject: [PATCH 3/3] docs(website): add thick outline/shadow

---
 packages/website/src/pages/styles.module.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
index ac69b9988fd9..fe3afa376501 100644
--- a/packages/website/src/pages/styles.module.css
+++ b/packages/website/src/pages/styles.module.css
@@ -34,17 +34,15 @@
 }
 
 .buttonPrimary {
-  background-color: var(--ifm-color-warning-dark);
-  color: var(--ifm-color-secondary-contrast-foreground);
+  border: var(--ifm-button-border-width) solid var(--ifm-button-color);
 }
 
 .buttonPrimary:hover {
-  background-color: var(--ifm-color-warning);
-  color: var(--ifm-color-emphasis-900);
+  box-shadow: 0 2px 8px var(--ifm-button-color);
 }
 
 [data-theme='dark'] .buttonPrimary {
-  color: var(--ifm-color-secondary-contrast-background);
+  border: var(--ifm-button-border-width) solid var(--ifm-button-color);
 }
 
 .lightBackground {

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/typescript-eslint/typescript-eslint/pull/5313.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/typescript-eslint/typescript-eslint/pull/5313.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/typescript-eslint/typescript-eslint/pull/5313.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/typescript-eslint/typescript-eslint/pull/5313.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>