ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-21 23:57:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: match the main website design

Browse Source
This commit is contained in:
Ushie 2023-08-08 03:30:09 +03:00
parent d5cd2d38f3
commit d71178ab29
No known key found for this signature in database
GPG Key ID: B3AAD18842E34632
2 changed files with 118 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
docusaurus/docusaurus.config.js
View File

@ -57,33 +57,59 @@ const config = {
}, },
}, },
navbar: { navbar: {
title: 'ReVanced',
logo: { logo: {
alt: 'ReVanced Logo', alt: 'ReVanced Logo',
target: '_self', target: '_self',
href: siteUrl, href: siteUrl,
src: 'img/logo.svg',
height: 22,
width: 22 width: 22
}, },
items: [
{
to: `${siteUrl}/download`,
label: 'Home',
target: '_self'
},
{
to: `${siteUrl}/download`,
label: 'Download',
target: '_self'
},
{
to: `${siteUrl}/patches`,
label: 'Patches',
target: '_self'
},
{
to: `${siteUrl}/contributors`,
label: 'Contributors',
target: '_self'
},
{
to: `${siteUrl}/donate`,
label: 'Donate',
target: '_self'
},
{
to: "/docs/",
items: [ items: [
{ {
to: '/category/revanced-manager', to: '/category/revanced-manager',
sidebarId: 'tutorialSidebar',
position: 'left',
label: 'Guide', label: 'Guide',
}, },
{ {
to: '/development/revanced-patches/apis', to: '/development/revanced-patches/apis',
sidebarId: 'tutorialSidebar',
position: 'left',
label: 'FAQ', label: 'FAQ',
}, },
{ {
to: '/development/revanced-patches/skeleton', to: '/development/revanced-patches/skeleton',
sidebarId: 'tutorialSidebar',
position: 'left',
label: 'Troubleshooting', label: 'Troubleshooting',
}, },
], ],
label: 'Docs'
},
],
}, },
colorMode: { colorMode: {
defaultMode: 'dark', defaultMode: 'dark',

79
docusaurus/src/css/custom.css
View File

@ -5,7 +5,11 @@
*/ */
/* You can override the default Infima variables here. */ /* You can override the default Infima variables here. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root { :root {
font-family: 'Manrope', sans-serif;
--ifm-color-primary: #2e8555; --ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c; --ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148; --ifm-color-primary-darker: #277148;
@ -19,6 +23,7 @@
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] { [data-theme='dark'] {
--ifm-background-color: #1a191f !important;
--ifm-color-primary: hsl(206, 100%, 81%); --ifm-color-primary: hsl(206, 100%, 81%);
--ifm-color-primary-dark: #21af90; --ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588; --ifm-color-primary-darker: #1fa588;
@ -26,5 +31,79 @@
--ifm-color-primary-light: #29d5b0; --ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf; --ifm-color-primary-lightest: #4fddbf;
--ifm-navbar-background-color: #1f1f26;
--ifm-menu-color-background-hover: #252b31;
--ifm-dropdown-background-color: var(--ifm-navbar-background-color);
--ifm-menu-color-background-active: #26313f;
--ifm-card-background-color: none;
--ifm-color-emphasis-200: hsl(221, 17%, 26%) !important;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
} }
.navbar {
height: 70px;
padding: 0 2.5rem;
}
.navbar__items {
gap: 1rem;
}
.navbar__item.dropdown .navbar__link {
background-color: #2a3645;
color: #9ed5ff;
&:hover {
background-color: #2a3645;
color: #9ed5ff;
}
padding: 10px 16.6px;
}
.navbar__link {
font-weight: 400;
font-size: .9rem;
letter-spacing: .02rem;
color: #acc1d2;
border-radius: 10px;
padding: 7.63px 16px;
transition-timing-function: var(--bezier-one);
transition-duration: .25s;
&:hover {
border-color: hsl(221, 17%, 26%) !important;
background-color: #252b31;
color: #acc1d2;
}
}
.navbar__link--active {
background-color: #2a3645;
color: #9ed5ff;
&:hover {
background-color: #2a3645;
color: #9ed5ff;
}
}
.card {
&:hover {
border-color: hsl(221, 17%, 26%) !important;
background-color: hsl(230, 9%, 13%);
}
}
.pagination-nav__link {
border-color: hsl(221, 17%, 26%) !important;
&:hover {
background-color: hsl(230, 9%, 13%);
}
}
.menu__caret:hover {
background-color: var(--ifm-menu-color-background-hover);
filter: brightness(125%);
}