No translucent input chrome: solid ink-dim placeholders and embed meta
Deploy / deploy (push) Successful in 1m15s
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:
co-authored by
Claude Fable 5
parent
117cd3216d
commit
7b5d4dbf52
+3
-1
@@ -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],
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user