diff --git a/docs/.vitepress/theme/style/blur.css b/docs/.vitepress/theme/style/blur.css new file mode 100644 index 0000000..03df3e3 --- /dev/null +++ b/docs/.vitepress/theme/style/blur.css @@ -0,0 +1,43 @@ +:root { + + /* 首页下滑后导航透明 */ + .VPNavBar:not(.has-sidebar):not(.home.top) { + background-color: rgba(255, 255, 255, 0); + backdrop-filter: blur(10px); + } + + /* 搜索框透明 */ + .DocSearch-Button { + background-color: rgba(255, 255, 255, 0); + backdrop-filter: blur(10px); + } + + /* Feature透明 */ + .VPFeature { + border: none; + box-shadow: 0 10px 30px 0 rgb(0 0 0 / 15%); + background-color: transparent; + } + + /* 文档页侧边栏顶部透明 */ + .curtain { + background-color: rgba(255, 255, 255, 0); + backdrop-filter: blur(10px); + } + + @media (min-width: 960px) { + + /* 文档页导航中间透明 */ + .VPNavBar:not(.home.top) .content-body { + background-color: rgba(255, 255, 255, 0); + backdrop-filter: blur(10px); + } + } + + /* 移动端大纲栏透明 */ + .VPLocalNav { + background-color: rgba(255, 255, 255, 0); + backdrop-filter: blur(10px); + } + +} \ No newline at end of file diff --git a/docs/.vitepress/theme/style/index.css b/docs/.vitepress/theme/style/index.css index 233ce09..d22d4f4 100644 --- a/docs/.vitepress/theme/style/index.css +++ b/docs/.vitepress/theme/style/index.css @@ -2,4 +2,5 @@ @import './vp-code-group.css'; @import './blockquote-no-sfx.css'; @import './var.css'; +@import './blur.css'; @import './rainbow.css'; \ No newline at end of file