gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme): 调整navbar样式

Browse Source
This commit is contained in:
pengzhanbo 2022-08-12 02:19:58 +08:00
parent 7ae82300a0
commit 491e5b013c
4 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -20,6 +20,7 @@
"commit": "cz",
"dev": "concurrently \"pnpm run dev:package\" \"pnpm run docs\"",
"dev:package": "pnpm --filter=!vuepress-theme-plume --parallel dev",
"dev:theme": "concurrently \"pnpm --filter=@vuepress-plume/vuepress-theme-plume dev\" \"pnpm run docs\"",
"docs": "pnpm --filter=docs docs:dev",
"docs:build": "pnpm --filter=docs docs:build",
"docs:clean": "pnpm --filter=docs docs:clean",

3
packages/theme/src/client/components/Navbar.vue
View File

@ -78,7 +78,8 @@ onMounted(() => {
height: var(--navbar-height);
padding: var(--navbar-padding-v) var(--navbar-padding-h);
background-color: var(--c-bg-navbar);
box-shadow: var(--shadow);
backdrop-filter: saturate(50%) blur(8px);
// box-shadow: var(--shadow);
line-height: var(--navbar-line-height);
transition: background-color 0.3s ease;

2
packages/theme/src/client/styles/vars-dark.scss
View File

@ -6,7 +6,7 @@ html.dark {
--c-bg-light: #2b313a;
--c-bg-lighter: #262c34;
--c-bg-container: rgb(38, 44, 52);
--c-bg-navbar: rgba(38, 44, 52, 0.95);
--c-bg-navbar: rgba(38, 44, 52, 0.75);
--c-text: #adbac7;
--c-text-light: #96a7b7;

2
packages/theme/src/client/styles/vars.scss
View File

@ -8,7 +8,7 @@
--c-bg-light: #e5e7eb;
--c-bg-lighter: #d1d5db;
--c-bg-container: #fff;
--c-bg-navbar: rgba(255, 255, 255, 0.9);
--c-bg-navbar: rgba(255, 255, 255, 0.7);
--c-bg-sidebar: var(--c-bg-container);
--c-bg-arrow: #ccc;