Update background of insert paragraph slug

Currently the background of the insert paragraph slug on desktop doesn't
have sufficient contrast with the text.  Follow the pattern of what we
did in If03069339261e380dc49defedccb01830d162483, and update it to use a
higher transparency

Bug: T367822
Change-Id: Ia8f26da068f9b9f33f64523eee6c7f4bf64efaf7
This commit is contained in:
Steph Toyofuku 2024-06-24 14:49:00 -07:00 committed by Jdlrobson
parent 2f92e61a13
commit 8868b9cc3b

View file

@ -1,7 +1,24 @@
.ve-activated {
html.ve-activated {
// Temporarily disable TOC in edit mode until TOC works with both visual and source editors
// T294950
.vector-toc {
display: none;
}
// T367822
&.skin-theme-clientpref-night {
.ve-ce-branchNode-blockSlug,
body p.ve-ce-branchNode-newSlug {
background-color: rgba( 241, 247, 251, 0.1 );
}
}
@media ( prefers-color-scheme: dark ) {
&.skin-theme-clientpref-os {
.ve-ce-branchNode-blockSlug,
body p.ve-ce-branchNode-newSlug {
background-color: rgba( 241, 247, 251, 0.1 );
}
}
}
}