mirror of
https://github.com/revanced/revanced-website.git
synced 2025-05-21 23:57:06 +02:00
feat: match the main website design
This commit is contained in:
parent
d5cd2d38f3
commit
d71178ab29
@ -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'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
@ -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%);
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user