kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(visual): align tokens/cards/buttons/dark mode to Zibll

Browse Source 
P0 dark hex to #292a2d/#323335/#f8fafc; .btn opacity hover without pink elevation; post/user/product cards shadow-first without pink borders.
This commit is contained in:
kate522
2026-07-10 23:07:21 +08:00
parent 4e4feac131
commit b821378a7d
7 changed files with 110 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/post-card.css
+12 -8
View File
@@ -28,20 +28,24 @@
.posts-item {
padding: 20px;
margin: 15px 0;
background: var(--main-bg-color, #fff);
border: 1px solid rgba(255, 255, 255, 0.55);
background: var(--main-bg-color, var(--surface-1, #fff));
border: none;
overflow: hidden;
transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
box-shadow: var(--shadow-sm);
border-radius: var(--radius-lg, 10px);
transition: box-shadow 0.2s ease;
box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm));
border-radius: var(--main-radius, var(--radius, 8px));
}
/* ============================================================
* 卡片模式 .posts-item.card — 对齐 zibll line 7733
* hover — 对齐 zibll（仅阴影略强，无粉边 / 无抬升）
* ============================================================ */
.posts-item:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.10);
box-shadow: 0 0 10px rgba(116, 116, 116, 0.14);
}
html.dark .posts-item:hover,
body.dark-theme .posts-item:hover {
box-shadow: 0 0 10px rgba(24, 24, 24, 0.18);
}
.posts-item.card {