From 581ef765b0578bc4b3ea9e573486964d5cd5224a Mon Sep 17 00:00:00 2001
From: andatoshiki <hello@toshiki.dev>
Date: Sun, 15 Sep 2024 08:41:27 -0700
Subject: [PATCH] style(footer emoji & site color scheme): revert default color
 scheme of vitepress back to the original vue-flavored matte green palette to
 allign with the styles of vitepress `v1.0.0-beta.7` and ealier & update site
 footer styles of beating heart & remove custom fill color of fontawesome
 i-coffee since deprecated

---
 docs/.vitepress/theme/styles/custom.scss | 27 ++++++++++++------------
 docs/.vitepress/theme/styles/tweak.scss  | 19 +++++++++++------
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/docs/.vitepress/theme/styles/custom.scss b/docs/.vitepress/theme/styles/custom.scss
index 0f2b1b24..e1c0dfe8 100644
--- a/docs/.vitepress/theme/styles/custom.scss
+++ b/docs/.vitepress/theme/styles/custom.scss
@@ -81,8 +81,9 @@
 
 /* fontawesome heart pumping styles */
 .heart {
+    display: inline-block;
     animation: heart 5s ease infinite;
-    color: red;
+    // color: red;
 }
 
 @keyframes heart {
@@ -114,9 +115,9 @@
 /* font awesome heart pumping style ends */
 
 // font awesome coffee brown color style
-.coffee {
-    color: rgb(88, 13, 13);
-}
+// .coffee {
+//     color: rgb(88, 13, 13);
+// }
 // font awesome coffee brown color style ends
 
 /* glonal code font styles */
@@ -430,8 +431,9 @@ html.dark {
     align-items: end;
 }
 // vitepress homepage styles end
+
 // macos styled pre tag code block styles with three colored dots
-.vp-doc div[class*=language-] {
+.vp-doc div[class*='language-'] {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
@@ -440,8 +442,8 @@ html.dark {
 }
 
 /* No line number: add macOS-style small dot */
-.vp-doc div[class*=language-]::before {
-    content: "";
+.vp-doc div[class*='language-']::before {
+    content: '';
     display: block;
     position: relative;
     top: 12px;
@@ -455,17 +457,16 @@ html.dark {
 }
 
 /* With line number: add background shadow */
-div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
+div[class*='language-'].vp-adaptive-theme.line-numbers-mode {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     // box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%);
 }
 
-
 /* With line number: add macOS-style small dot */
-.vp-doc div[class*="language-"].line-numbers-mode::before {
-    content: "";
+.vp-doc div[class*='language-'].line-numbers-mode::before {
+    content: '';
     display: block;
     position: relative;
     top: 12px;
@@ -478,8 +479,6 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
     z-index: 1;
 }
 
-
-
 /* Move line number down to align with code; hide right vertical line */
 .vp-doc .line-numbers-wrapper {
     padding-top: 32px;
@@ -488,7 +487,7 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
 
 /* Rebuild the right vertical line for line numbers */
 .vp-doc .line-numbers-wrapper::after {
-    content: "";
+    content: '';
     position: absolute;
     top: 38px;
     right: 0;
diff --git a/docs/.vitepress/theme/styles/tweak.scss b/docs/.vitepress/theme/styles/tweak.scss
index 00358d9c..b31ef528 100644
--- a/docs/.vitepress/theme/styles/tweak.scss
+++ b/docs/.vitepress/theme/styles/tweak.scss
@@ -23,6 +23,12 @@
     --vp-c-danger-2: var(--vp-c-red-2);
     --vp-c-danger-3: var(--vp-c-red-3);
     --vp-c-danger-soft: var(--vp-c-red-soft);
+
+    /* Color scheme for version 1.0.0-beta.7 and earlier */
+    --vp-c-brand-1: var(--vp-c-green-1);
+    --vp-c-brand-2: var(--vp-c-green-2);
+    --vp-c-brand-3: var(--vp-c-green-3);
+    --vp-c-brand-soft: var(--vp-c-green-soft);
 }
 
 :root {
@@ -37,13 +43,13 @@
     --vp-button-brand-active-bg: var(--vp-c-brand-1);
 }
 
-:root {
-    --vp-home-hero-name-color: transparent;
-    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+// :root {
+//     --vp-home-hero-name-color: transparent;
+//     --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
 
-    --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
-    --vp-home-hero-image-filter: blur(40px);
-}
+//     --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+//     --vp-home-hero-image-filter: blur(40px);
+// }
 
 @media (min-width: 640px) {
     :root {
@@ -68,7 +74,6 @@
     --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
-
 // github/mkdocs styled adomonition callout component css style tweak
 /* Light and dark color cards */
 :root {