Fix fork styles

This commit is contained in:
Soitora 2023-07-26 20:07:47 +02:00
parent c763f852e3
commit a689250d87
No known key found for this signature in database
GPG Key ID: A6D711EB4F2CCD97
8 changed files with 98 additions and 9 deletions

View File

@ -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)
}

View File

@ -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)
}
/**

View File

@ -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)
}

View File

@ -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)
}

View File

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

View File

@ -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>

View File

@ -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
---

View File

@ -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
---