calcazar/frontend-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

99puxwol5: Lift small crimson like counts to 4.5:1 contrast and darken meta on the light featured slide

Browse Source
This commit is contained in:
calcazar
2026-10-20 09:43:19 -06:00
parent ec3421512f
commit 583e287af6
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/mobile.css
+4 -1
View File
@@ -234,6 +234,8 @@
padding: 70px 0 110px;
background: radial-gradient(90% 55% at 50% 46%, color-mix(in oklab, var(--accent), transparent 84%), transparent 70%), var(--bg);
}
/* The crimson glow tints the light page enough to drop --ink-3 meta below 4.5:1. */
[data-theme="light"] .slide-featured { --ink-3: var(--ink-2); }
.slide-feat-title {
margin: 10px 24px 0;
text-align: center;
@@ -362,7 +364,8 @@
.dk svg { width: 22px; height: 22px; flex: none; }
@media (hover: hover) { .dk:hover:not(:disabled) { background: var(--tile-3); } }
.dk:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.dk.dk-like-on { color: var(--accent); }
.dk.dk-like-on { color: var(--accent-text); }
.dk.dk-like-on svg { color: var(--accent); }
.dk-beat svg { animation: post-beat .5s cubic-bezier(.2,.9,.3,1.4); }
.dk:disabled { opacity: 1; color: var(--ink-3); cursor: default; }
.btn-spark.btn-spark-fab.dk-plus { flex: 0 0 64px; width: 64px; height: 52px; }
src/styles/post.css
+3 -1
View File
@@ -122,7 +122,9 @@
.post-act:hover:not(:disabled) { background: var(--post-soft); color: var(--ink); }
.post-act:disabled { cursor: default; }
.post-like:hover:not(:disabled),
.post-like-on { color: var(--accent); }
.post-like-on { color: var(--accent-text); }
.post-like:hover:not(:disabled) .post-heart,
.post-like-on .post-heart { color: var(--accent); }
.post-like-beat .post-heart { animation: post-beat .5s cubic-bezier(.2,.9,.3,1.4); }
.post-act-open { color: var(--ink); background: var(--post-soft); }