Fix fork styles

website/src/.vitepress/theme/styles/forks/neko.styl

@@ -1,4 +1,20 @@
 .page-neko {
+	.VPHero {
+		h1 {
+			.clip {
+				--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark))
+			}
+		}
+	}
+
+	.VPButton {
+		&.brand {
+			border-color: var(--vp-button-brand-border)
+			color: var(--vp-button-brand-text)
+			background-color: var(--vp-button-brand-bg)
+		}
+	}
+
 	.image-bg {
 		display: none
 	}
@@ -28,7 +44,13 @@
  * -------------------------------------------------------------------------- */
 
 :root .page-neko {
+	--vp-button-brand-border: var(--vp-c-brand-light)
 	--vp-button-brand-text: var(--vp-c-black)
+	--vp-button-brand-bg: var(--vp-c-brand)
+	--vp-button-brand-hover-border: var(--vp-c-brand-light)
 	--vp-button-brand-hover-text: var(--vp-c-black)
+	--vp-button-brand-hover-bg: var(--vp-c-brand-light)
+	--vp-button-brand-active-border: var(--vp-c-brand-light)
 	--vp-button-brand-active-text: var(--vp-c-black)
+	--vp-button-brand-active-bg: var(--vp-button-brand-bg)
 }

website/src/.vitepress/theme/styles/forks/tachiyomi-az.styl

@@ -1,4 +1,20 @@
 .page-tachiyomi-az {
+	.VPHero {
+		h1 {
+			.clip {
+				--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark))
+			}
+		}
+	}
+
+	.VPButton {
+		&.brand {
+			border-color: var(--vp-button-brand-border)
+			color: var(--vp-button-brand-text)
+			background-color: var(--vp-button-brand-bg)
+		}
+	}
+
 	.image-bg {
 		display: none
 	}
@@ -28,9 +44,15 @@
  * -------------------------------------------------------------------------- */
 
 :root .page-tachiyomi-az {
+	--vp-button-brand-border: var(--vp-c-brand-light)
 	--vp-button-brand-text: var(--vp-c-black)
+	--vp-button-brand-bg: var(--vp-c-brand)
+	--vp-button-brand-hover-border: var(--vp-c-brand-light)
 	--vp-button-brand-hover-text: var(--vp-c-black)
+	--vp-button-brand-hover-bg: var(--vp-c-brand-light)
+	--vp-button-brand-active-border: var(--vp-c-brand-light)
 	--vp-button-brand-active-text: var(--vp-c-black)
+	--vp-button-brand-active-bg: var(--vp-button-brand-bg)
 }
 
 /**

website/src/.vitepress/theme/styles/forks/tachiyomi-j2k.styl

@@ -1,4 +1,20 @@
 .page-tachiyomi-j2k {
+	.VPHero {
+		h1 {
+			.clip {
+				--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark))
+			}
+		}
+	}
+
+	.VPButton {
+		&.brand {
+			border-color: var(--vp-button-brand-border)
+			color: var(--vp-button-brand-text)
+			background-color: var(--vp-button-brand-bg)
+		}
+	}
+
 	.image-bg {
 		display: none
 	}
@@ -28,7 +44,13 @@
  * -------------------------------------------------------------------------- */
 
 :root .page-tachiyomi-j2k {
+	--vp-button-brand-border: var(--vp-c-brand-light)
 	--vp-button-brand-text: var(--vp-c-white)
+	--vp-button-brand-bg: var(--vp-c-brand)
+	--vp-button-brand-hover-border: var(--vp-c-brand-light)
 	--vp-button-brand-hover-text: var(--vp-c-white)
+	--vp-button-brand-hover-bg: var(--vp-c-brand-light)
+	--vp-button-brand-active-border: var(--vp-c-brand-light)
 	--vp-button-brand-active-text: var(--vp-c-white)
+	--vp-button-brand-active-bg: var(--vp-button-brand-bg)
 }

website/src/.vitepress/theme/styles/forks/tachiyomi-sy.styl

@@ -1,4 +1,20 @@
 .page-tachiyomi-sy {
+	.VPHero {
+		h1 {
+			.clip {
+				--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark))
+			}
+		}
+	}
+
+	.VPButton {
+		&.brand {
+			border-color: var(--vp-button-brand-border)
+			color: var(--vp-button-brand-text)
+			background-color: var(--vp-button-brand-bg)
+		}
+	}
+
 	.image-bg {
 		display: none
 	}
@@ -28,7 +44,13 @@
  * -------------------------------------------------------------------------- */
 
 :root .page-tachiyomi-sy {
+	--vp-button-brand-border: var(--vp-c-brand-light)
 	--vp-button-brand-text: var(--vp-c-white)
+	--vp-button-brand-bg: var(--vp-c-brand)
+	--vp-button-brand-hover-border: var(--vp-c-brand-light)
 	--vp-button-brand-hover-text: var(--vp-c-white)
+	--vp-button-brand-hover-bg: var(--vp-c-brand-light)
+	--vp-button-brand-active-border: var(--vp-c-brand-light)
 	--vp-button-brand-active-text: var(--vp-c-white)
+	--vp-button-brand-active-bg: var(--vp-button-brand-bg)
 }

website/src/forks/index.md

@@ -1,6 +1,7 @@
 ---
 title: Forks
 description: Forks are alternative versions of Tachiyomi with exclusive features.
+aside: false
 ---
 
 # Forks

website/src/forks/tachiyomi-az.md

@@ -9,7 +9,7 @@ hero:
   name: TachiyomiAZ
   text: Hentai-focused
   tagline: Recommendation system, a hamburger menu, and loads of hentai
-  image: https://tachiyomi-v3-gridsome.netlify.app/assets/logo-az.png
+  image: /forks/logo-az.webp
   actions:
     - theme: brand
       text: Download
@@ -32,7 +32,7 @@ features:
     icon: 👵
 
 theme: "#FFCC4D"
-image: /forks/logo-az.png
+image: /forks/logo-az.webp
 imageSize: small
 ---
 
@@ -74,11 +74,11 @@ const members = [
 <div class="azContainer">
   <div class="azMarquee">
     <div class="azWiggleText">
-      <span class="azText"><i>The BEST fork</i> --az4521</span>
+      <span class="azText"><i>"The BEST fork"</i> - az4521</span>
     </div>
   </div>
 </div>
 
-<style scoped>
+<style>
 	@import "../.vitepress/theme/styles/forks/tachiyomi-az.styl"
 </style>

website/src/forks/tachiyomi-j2k.md

@@ -9,7 +9,7 @@ hero:
   name: TachiyomiJ2K
   text: Redesigned
   tagline: New approach to the design of the base app along with several other enhancements
-  image: /forks/logo-j2k.png
+  image: /forks/logo-j2k.webp
   actions:
     - theme: brand
       text: Download
@@ -32,7 +32,7 @@ features:
     icon: 🔖
 
 theme: "#0952AF"
-image: /forks/logo-j2k.png
+image: /forks/logo-j2k.webp
 imageSize: small
 ---
 

website/src/forks/tachiyomi-sy.md

@@ -1,6 +1,6 @@
 ---
 title: TachiyomiSY
-description: LongDesc
+description: Keeping up-to-date with Tachiyomi while also adding exclusive features
 
 layout: home
 pageClass: page-tachiyomi-sy
@@ -9,7 +9,7 @@ hero:
   name: TachiyomiSY
   text: Hentai-focused
   tagline: Keeping up-to-date with Tachiyomi while also adding exclusive features
-  image: /forks/logo-sy.png
+  image: /forks/logo-sy.webp
   actions:
     - theme: brand
       text: Download
@@ -32,7 +32,7 @@ features:
     icon: 👵
 
 theme: "#CE2828"
-image: /forks/logo-sy.png
+image: /forks/logo-sy.webp
 imageSize: small
 ---