105 lines
2.0 KiB
CSS
105 lines
2.0 KiB
CSS
:root {
|
|
/** 主题颜色 */
|
|
|
|
/*
|
|
--vp-c-brand-1: #5086a1;
|
|
--vp-c-brand-2: #6aa1b7;
|
|
--vp-c-brand-3: #8cccd5;
|
|
--vp-c-brand-soft: rgba(131, 208, 218, 0.314);
|
|
*/
|
|
|
|
/** 背景颜色 */
|
|
|
|
/*
|
|
--vp-c-bg: #fff;
|
|
--vp-c-bg-alt: #f6f6f7;
|
|
--vp-c-bg-elv: #fff;
|
|
--vp-c-bg-soft: #f6f6f7;
|
|
*/
|
|
|
|
/** 文本颜色 */
|
|
|
|
/*
|
|
--vp-c-text-1: rgba(60, 60, 67);
|
|
--vp-c-text-2: rgba(60, 60, 67, 0.78);
|
|
--vp-c-text-3: rgba(60, 60, 67, 0.56);
|
|
*/
|
|
--vp-home-hero-name-color: transparent;
|
|
--vp-home-hero-name-background: linear-gradient(120deg, var(--vp-c-purple-1) 30%, var(--vp-c-brand-2));
|
|
--vp-home-hero-tagline: var(--vp-c-text-2);
|
|
--vp-home-hero-text: var(--vp-c-text-1);
|
|
--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-soft) 50%, var(--vp-c-brand-2) 50%);
|
|
--vp-home-hero-image-filter: blur(44px);
|
|
}
|
|
|
|
/** 深色模式 */
|
|
/* [data-theme="dark"] { */
|
|
/*
|
|
--vp-c-brand-1: #8cccd5;
|
|
--vp-c-brand-2: #6aa1b7;
|
|
--vp-c-brand-3: #5086a1;
|
|
--vp-c-brand-soft: rgba(131, 208, 218, 0.314);
|
|
*/
|
|
|
|
/*
|
|
--vp-c-bg: #1b1b1f;
|
|
--vp-c-bg-alt: #161618;
|
|
--vp-c-bg-elv: #202127;
|
|
--vp-c-bg-soft: #202127;
|
|
*/
|
|
|
|
/*
|
|
--vp-c-text-1: rgba(255, 255, 245, 0.86);
|
|
--vp-c-text-2: rgba(235, 235, 245, 0.6);
|
|
--vp-c-text-3: rgba(235, 235, 245, 0.38);
|
|
*/
|
|
/* } */
|
|
|
|
/* home hero image */
|
|
.image {
|
|
margin-top: 60px !important;
|
|
}
|
|
|
|
/* home features */
|
|
.item {
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
.item:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
/* faq */
|
|
.posts-container.no-profile {
|
|
max-width: 1400px !important;
|
|
}
|
|
|
|
.vp-posts-nav.local .nav-link {
|
|
max-width: 175px !important;
|
|
}
|
|
|
|
/* friends */
|
|
.vp-friends {
|
|
max-width: 1400px !important;
|
|
}
|
|
|
|
.friends-list {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
|
|
}
|
|
|
|
.avatar {
|
|
width: auto;
|
|
height: auto;
|
|
padding: 8px;
|
|
border-radius: 8px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.avatar img {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
object-fit: contain !important;
|
|
}
|