ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-22 02:23:57 +00: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
2 changed files with 118 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
docusaurus/src/css/custom.css
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%);
}