msb-public
/
vitepress
mirror of https://github.com/vuejs/vitepress
2
1
Code Issues Projects Releases Wiki Activity

fix: add background color in navbar to avoid contrast issues (#695)

Browse Source 
Co-authored-by: Kia Ishii <kia.king.08@gmail.com>
pull/731/head
Divyansh Singh 3 years ago committed by GitHub
parent 59df10590b
commit 305bcc02e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File

7
src/client/theme-default/components/VPNav.vue
Unescape View File

@ -33,8 +33,13 @@ provide('close-screen', closeScreen)
} }
.VPNav.no-sidebar { .VPNav.no-sidebar {
backdrop-filter: saturate(50%) blur(8px);
-webkit-backdrop-filter: saturate(50%) blur(8px); -webkit-backdrop-filter: saturate(50%) blur(8px);
backdrop-filter: saturate(50%) blur(8px);
background: rgba(255, 255, 255, 0.7);
}
.dark .VPNav.no-sidebar {
background: rgba(36, 36, 36, 0.7);
} }
@supports not (backdrop-filter: saturate(50%) blur(8px)) { @supports not (backdrop-filter: saturate(50%) blur(8px)) {

7
src/client/theme-default/components/VPNavBar.vue
Unescape View File

@ -65,8 +65,13 @@ const { hasSidebar } = useSidebar()
} }
.VPNavBar.has-sidebar .content { .VPNavBar.has-sidebar .content {
backdrop-filter: saturate(50%) blur(8px);
-webkit-backdrop-filter: saturate(50%) blur(8px); -webkit-backdrop-filter: saturate(50%) blur(8px);
backdrop-filter: saturate(50%) blur(8px);
background: rgba(255, 255, 255, 0.7);
}
.dark .VPNavBar.has-sidebar .content {
background: rgba(36, 36, 36, 0.7);
} }
@supports not (backdrop-filter: saturate(50%) blur(8px)) { @supports not (backdrop-filter: saturate(50%) blur(8px)) {

Write Preview
Loading…
Cancel
Save