update theme
This commit is contained in:
@@ -54,12 +54,17 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 重点修改:bber-talk 的磨砂玻璃背景 */
|
||||
#bber-talk {
|
||||
/* border-radius: 8px; */
|
||||
/* background: var(--card-bg); */
|
||||
/* box-shadow: none; */
|
||||
/* 统一磨砂玻璃效果 */
|
||||
background: linear-gradient(-45deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .8), rgba(255, 255, 255, .8), rgba(255, 255, 255, .7)) !important;
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
|
||||
border-radius: 12px; /* 给哔哔栏加一点圆角,更符合玻璃质感 */
|
||||
border: 1px solid rgba(255, 255, 255, 0.3); /* 增加边缘高光 */
|
||||
|
||||
box-sizing: border-box;
|
||||
/* transition: all .3s ease-in-out; */
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
@@ -68,6 +73,18 @@
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
font-weight: 700;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
/* 暗黑模式适配 */
|
||||
[data-theme=dark] #bber-talk {
|
||||
background: linear-gradient(-45deg, rgba(24, 40, 72, .7), rgba(35, 37, 58, .8), rgba(35, 37, 58, .8), rgba(24, 40, 72, .7)) !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
#bber-talk:hover {
|
||||
transform: translateY(-2px); /* 悬停微动,增加交互感 */
|
||||
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
#bber-talk,
|
||||
@@ -120,4 +137,4 @@
|
||||
text-align: center;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user