obsidian-theme/laughmaker_Zen
1
0
Fork 0
mirror of https://github.com/laughmaker/Zen.git synced 2026-07-22 04:00:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile毛玻璃效果

Browse source
This commit is contained in:
hezhendong 2025-06-23 00:40:39 +08:00
parent f367f36ae8
commit 742e4435ae
1 changed files with 39 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
theme.css
View file

@ -488,6 +488,25 @@ body {
.workspace-split.mod-root {
filter: brightness(var(--editor-brightness));
}
.is-mobile .workspace .workspace-drawer {
background: var(--glass-bg-color);
backdrop-filter: blur(15px) saturate(180%);
-webkit-backdrop-filter: blur(15px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1), inset 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.is-mobile .workspace .workspace-drawer::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
background: var(--glass-bg-color);
backdrop-filter: blur(15px) saturate(180%);
-webkit-backdrop-filter: blur(15px) saturate(180%);
z-index: -1;
}
.is-mobile .workspace .workspace-drawer.mod-left {
box-shadow: 2px 0px 2px var(--card-border-color);
@ -1508,6 +1527,11 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code {
padding-top: 0;
}
/* .is-mobile .inline-title, */
.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer {
padding-top: calc(var(--safe-area-inset-top) + 40px);
}
.is-mobile .view-header {
position: absolute;
top: 0;
@ -1523,15 +1547,15 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code {
}
.is-mobile .mobile-navbar .mobile-navbar-actions::before {
content: '';
z-index: -1;
filter: blur(10px) saturate(1.5) opacity(1);
content: '';
z-index: -1;
filter: blur(10px) saturate(1.5) opacity(1);
background: var(--glass-bg-color);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.is-mobile .workspace-leaf-resize-handle {
@ -1665,19 +1689,21 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code {
/* 优化侧边栏样式，半透明 */
.is-mobile .workspace-drawer.mod-left,
.is-mobile .workspace-drawer.mod-right {
background-color: var(--background-primary) !important;
/* backdrop-filter: blur(10px); */
background-color: transparent !important;
}
.workspace-drawer-active-tab-content .view-content,
.is-mobile .workspace-drawer-inner,
.is-mobile .workspace-drawer-tab-container,
.is-mobile .workspace-drawer-active-tab-content,
.is-mobile .workspace-leaf-content,
.is-mobile .workspace-drawer-active-tab-container {
background-color: var(--background-primary) !important;
background-color: transparent !important;
}
.is-mobile .workspace-drawer .nav-header {
border-top: none;
height: 80px;
/* height: 80px; */
}
.is-mobile .workspace-drawer-header-info {
@ -2126,6 +2152,7 @@ body:not(.is-mobile):not(.composer--DisableNavHeaderAutoHide) .mod-sidedock .wor
.is-mobile .suggestion-bg,
.is-mobile .workspace-drawer-backdrop {
background: linear-gradient(to bottom, #00000000, var(--app-model-bg-color) 15%, #00000000 110%);
/* filter: blur(15px) saturate(1.8) opacity(1); */
}
.mobile-tab-switcher {