renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: improve dark-light theme transition performance

Browse Source
This commit is contained in:
Hakadao
2024-01-08 15:18:44 +08:00
parent 35fee4ef13
commit 4e5844cf47
1 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/styles/main.scss
View File

@@ -79,22 +79,30 @@ html.dark.bewly-design {
display: none;
}
// /* Color Mode transition */
// ::view-transition-old(root),
// ::view-transition-new(root) {
// position: relative;
// animation: none;
// mix-blend-mode: normal;
// }
// ::view-transition-old(root) {
// z-index: 1;
// }
// ::view-transition-new(root) {
// z-index: 2147483646;
// }
// .dark::view-transition-old(root) {
// z-index: 2147483646;
// }
// .dark::view-transition-new(root) {
// z-index: 1;
// }
/* Color Mode transition */
::view-transition-old(root),
::view-transition-new(root) {
animation: none !important;
mix-blend-mode: normal;
transition: none !important;
}
::view-transition-old(*),
::view-transition-new(*),
::view-transition-old(#bewly *),
::view-transition-new(#bewly *),
::view-transition-old(#bewly *::after),
::view-transition-new(#bewly *::before) {
transition: none !important;
}
::view-transition-old(root) {
z-index: 1;
}
::view-transition-new(root) {
z-index: 2147483646;
}
.dark::view-transition-old(root) {
z-index: 2147483646;
}
.dark::view-transition-new(root) {
z-index: 1;
}