diff --git a/package.json b/package.json index 9d1c0289..430ec96c 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/packages/theme/src/client/components/Navbar.vue b/packages/theme/src/client/components/Navbar.vue index cdda1bbf..f818676b 100644 --- a/packages/theme/src/client/components/Navbar.vue +++ b/packages/theme/src/client/components/Navbar.vue @@ -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; diff --git a/packages/theme/src/client/styles/vars-dark.scss b/packages/theme/src/client/styles/vars-dark.scss index fd18684d..08f0082c 100644 --- a/packages/theme/src/client/styles/vars-dark.scss +++ b/packages/theme/src/client/styles/vars-dark.scss @@ -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; diff --git a/packages/theme/src/client/styles/vars.scss b/packages/theme/src/client/styles/vars.scss index dca41ad5..27ae8de6 100644 --- a/packages/theme/src/client/styles/vars.scss +++ b/packages/theme/src/client/styles/vars.scss @@ -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;