feat: match the main website design

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

View File

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

View File

@ -5,7 +5,11 @@
*/
/* 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 {
font-family: 'Manrope', sans-serif;
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
@ -19,6 +23,7 @@
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-background-color: #1a191f !important;
--ifm-color-primary: hsl(206, 100%, 81%);
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
@ -26,5 +31,79 @@
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--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);
}
.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%);
}