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 committed 2026-07-10 23:07:21 +08:00
1 parent 4e4feac131
commit b821378a7d
7 files changed
+110 -113
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/card-primitives.css
+19 -9
View File
@@ -12,16 +12,15 @@
* 对齐 zibll .theme-box + .box-bg
* ============================================================ */
.aksrt-theme-box {
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg);
border: none;
border-radius: var(--radius, 8px);
background: var(--surface-1);
box-shadow: var(--shadow-sm);
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
transition: box-shadow 0.2s ease;
}
.aksrt-theme-box:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.10);
}
/* ============================================================
@@ -76,16 +75,15 @@
* ============================================================ */
.theme-box {
background: var(--surface-1);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg);
border: none;
border-radius: var(--radius, 8px);
box-shadow: var(--shadow-sm);
margin-bottom: 20px;
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
transition: box-shadow 0.2s ease;
}
.theme-box:hover {
box-shadow: var(--shadow);
border-color: rgba(240, 68, 148, 0.10);
}
.box-bg {
@@ -129,7 +127,7 @@ html.dark .theme-box,
body.dark-theme .theme-box,
html.dark .box-bg,
body.dark-theme .box-bg {
border-color: var(--color-line);
border-color: transparent;
box-shadow: var(--shadow-sm);
}
@@ -164,3 +162,15 @@ body.dark-theme .theme-box:hover {
box-shadow: none !important;
transform: none !important;
}
/* ============================================================
* .zib-widget — zibll sidebar/widget surface
* ============================================================ */
.zib-widget {
clear: both;
background-color: var(--surface-1);
padding: var(--card-padding);
box-shadow: var(--shadow-sm);
border-radius: var(--radius, 8px);
margin-bottom: 20px;
}