feat: 贡献者渐变

This commit is contained in:
camera-2018
2023-04-19 01:25:33 +08:00
parent d94708289d
commit b511efdc53
2 changed files with 24 additions and 2 deletions

View File

@@ -2,12 +2,15 @@
* Customize default theme styling by overriding CSS variables: * Customize default theme styling by overriding CSS variables:
* https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
*/ */
@import url('https://fonts.loli.net/css2?family=Noto+Sans+SC&display=swap'); @import url('https://fonts.loli.net/css2?family=Noto+Sans+Mono:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.loli.net/css2?family=Noto+Sans+Mono&display=swap');
/** /**
* Colors * Colors
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
.dark .vp-doc a, .dark .vp-doc a>code, .dark .VPNavBarMenuLink.VPNavBarMenuLink:hover, .dark .VPNavBarMenuLink.VPNavBarMenuLink.active, .dark .link.link:hover, .dark .link.link.active, .dark .edit-link-button.edit-link-button, .dark .pager-link .title {
color: var(--vp-c-brand-lighter);
}
:root { :root {
--vp-c-brand: #0dadc4; --vp-c-brand: #0dadc4;
--vp-c-brand-light: #1A9CED; --vp-c-brand-light: #1A9CED;

View File

@@ -9,3 +9,22 @@ import { members } from './members.js'
Say hello to our awesome team. Say hello to our awesome team.
<VPTeamMembers size="small" :members="members" /> <VPTeamMembers size="small" :members="members" />
<style>
.affiliation > .title, .profile > .data > .name{
font-weight: bold !important;
color: transparent;
background: -webkit-linear-gradient(
256deg,
var(--vp-c-brand),
var(--vp-c-brand-light),
var(--vp-c-brand-next)
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--vp-home-hero-name-color);
animation: rainbow 3s cubic-bezier(0.1, 0.7, 1.0, 0.1) infinite !important;
}
</style>