ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-24 03:21:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Apply themes on specific events (#227)

Browse Source 
Signed-off-by: oSumAtrIX <johan.melkonyan1@web.de>
This commit is contained in:
madkarmaa
2024-08-13 13:18:56 +02:00
committed by oSumAtrIX
parent f428902773
commit bc8e19e0e7
30 changed files with 2068 additions and 1701 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/Footer/FooterHost.svelte
View File

@@ -105,35 +105,35 @@
#logo-name {
font-size: 1.4rem;
color: var(--white);
color: var(--text-one);
font-weight: 600;
}
#logo-name span {
color: var(--accent-color);
color: var(--primary);
}
.footer-bottom a {
text-decoration: none;
color: var(--grey-five);
color: var(--text-four);
font-weight: 600;
}
li {
list-style: none;
color: var(--grey-five);
color: var(--text-four);
font-size: 0.9rem;
font-weight: 500;
}
li a {
color: var(--accent-color);
color: var(--primary);
font-weight: 600;
font-size: 0.95rem;
}
path {
stroke: var(--grey-three);
stroke: var(--border);
}
.main-content {
@@ -152,8 +152,8 @@
}
a:hover {
text-decoration: underline var(--accent-color-two);
color: var(--white);
text-decoration: underline var(--secondary);
color: var(--text-one);
}
.links-container {

4
src/layout/Footer/FooterSection.svelte
View File

@@ -34,7 +34,7 @@
<style lang="scss">
span {
list-style: none;
color: var(--grey-five);
color: var(--text-four);
font-size: 0.9rem;
font-weight: 600;
}
@@ -58,7 +58,7 @@
}
.mobile-only:not(:last-child) {
border-bottom: 1px solid var(--grey-three);
border-bottom: 1px solid var(--border);
}
.mobile-only {

2
src/layout/Hero/HeroImage.svelte
View File

@@ -22,7 +22,7 @@
float: right;
padding: 0.5rem 0.5rem;
border-radius: 1.75rem;
background-color: var(--grey-six);
background-color: var(--surface-seven);
user-select: none;
}
@media (max-width: 1700px) {

4
src/layout/Hero/HeroSection.svelte
View File

@@ -17,7 +17,7 @@
<style>
h1 {
color: var(--white);
color: var(--text-one);
margin-bottom: 1.5rem;
}
@@ -40,7 +40,7 @@
}
span {
color: var(--accent-color);
color: var(--primary);
}
@media (max-width: 767px) {

4
src/layout/Hero/SocialButton.svelte
View File

@@ -18,8 +18,8 @@
cursor: pointer;
border-radius: 200px;
transition: transform 0.4s var(--bezier-one);
background-color: var(--grey-two);
color: var(--white);
background-color: var(--surface-four);
color: var(--text-one);
user-select: none;
}

12
src/layout/Navbar/NavButton.svelte
View File

@@ -57,21 +57,21 @@
font-weight: 400;
font-size: 0.9rem;
letter-spacing: 0.02rem;
color: var(--grey-five);
color: var(--text-four);
}
li:hover {
color: var(--white);
background-color: var(--grey-one);
color: var(--text-one);
background-color: var(--surface-three);
}
li.selected {
background-color: var(--accent-low-opacity);
color: var(--accent-color);
background-color: var(--tertiary);
color: var(--primary);
}
li.selected span {
color: var(--accent-color);
color: var(--primary);
}
@media (max-width: 767px) {

14
src/layout/Navbar/NavHost.svelte
View File

@@ -143,11 +143,11 @@
}
path {
fill: var(--grey-five);
fill: var(--surface-six);
}
button:hover path {
fill: var(--accent-color-two);
fill: var(--secondary);
}
button {
@@ -189,7 +189,7 @@
padding: 1rem 2rem;
z-index: 666;
height: 70px;
background-color: var(--grey-seven);
background-color: var(--surface-eight);
width: 100%;
}
@@ -250,7 +250,7 @@
top: 0px;
border-radius: 0px 24px 24px 0px;
left: 0px;
background-color: var(--grey-seven);
background-color: var(--surface-eight);
padding: 1rem;
padding-top: 6rem;
z-index: 100;
@@ -303,7 +303,7 @@
.menu-btn__burger::after {
width: 24px;
height: 2px;
background: var(--grey-five);
background: var(--surface-six);
transition: all 0.3s var(--bezier-one);
}
@@ -336,9 +336,9 @@
left: -300px;
border-radius: 100px;
text-decoration: none;
background-color: var(--accent-color);
background-color: var(--primary);
z-index: 10;
color: var(--grey-four);
color: var(--text-three);
font-weight: 600;
font-size: 0.95rem;
padding: 16px 24px;