No translucent input chrome: solid ink-dim placeholders and embed meta
Deploy / deploy (push) Successful in 1m15s

One placeholder rule for native inputs and the prosekit editor alike;
kills ProseKit's 0.3-opacity placeholder and Firefox's UA dimming. The
embed description drops inline opacity for a fixed mid-gray that stays
dim on both the newsletter's light background and our dark paper.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Bendik Aagaard Lynghaug
2026-08-14 23:05:43 +02:00
co-authored by Claude Fable 5
parent 117cd3216d
commit 7b5d4dbf52
2 changed files with 14 additions and 1 deletions
+3 -1
View File
@@ -137,7 +137,9 @@ function defineGiteaRepoEmbed() {
{ href: url, style: 'font-weight:600;text-decoration:none;color:inherit;' }, { href: url, style: 'font-weight:600;text-decoration:none;color:inherit;' },
`${owner}/${repo}`, `${owner}/${repo}`,
], ],
['div', { style: 'opacity:0.7;font-size:0.9rem;margin-top:0.25em;' }, description], // Solid mid-gray, not opacity - dim on both the newsletter's
// light client background and this app's dark paper.
['div', { style: 'color:#9a9a9a;font-size:0.9rem;margin-top:0.25em;' }, description],
] ]
}, },
}) })
+11
View File
@@ -444,6 +444,17 @@ textarea:focus {
box-shadow: 0 0 0 0.18rem var(--accent-soft); box-shadow: 0 0 0 0.18rem var(--accent-soft);
} }
/* One placeholder treatment for every input-like surface: solid
ink-dim, no translucency. opacity: 1 also undoes the UA's own
placeholder dimming (Firefox) and ProseKit's 0.3 on its
placeholder pseudo-element, which read far dimmer than the
native inputs next to it. */
::placeholder,
.prosekit-editor .prosekit-placeholder::before {
color: var(--ink-dim);
opacity: 1;
}
.prosekit-wrap { .prosekit-wrap {
background: var(--paper); background: var(--paper);
border: 0.06rem solid var(--line); border: 0.06rem solid var(--line);