Twenty Twenty-One: Ensure Duotone images are displayed correctly in Dark Mode.

This reduces the specificity of the CSS selector applying a dimming effect to images so that the new Duotone feature is properly applied to images.

Props walbo.
Fixes #53531.

git-svn-id: https://develop.svn.wordpress.org/trunk@51253 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers 2021-06-28 23:39:33 +00:00
parent b1a6608c61
commit 22d7c94964
4 changed files with 6 additions and 6 deletions

View File

@ -17,7 +17,7 @@
--table--stripes-background-color: rgba(240, 240, 240, 0.15);
}
.is-dark-theme.is-dark-theme img {
.is-dark-theme img {
filter: brightness(0.85) contrast(1.1);
}

View File

@ -17,7 +17,7 @@
--table--stripes-background-color: rgba(240, 240, 240, 0.15);
}
.is-dark-theme.is-dark-theme img {
.is-dark-theme img {
filter: brightness(0.85) contrast(1.1);
}

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../sass/style-dark-mode.scss"],"names":[],"mappings":"AAAA;AACA;EAEC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAEA;IACA;IACA;;EAEA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;IACA;IACA;IACA;;EAEA;IACC;;EAIF;IACC;IACA;IACA;IACA;;EAEA;IACC;;;AAEA;EAHD;IAIE;;;AAGD;EAPD;IAQE;;;AAOA;EADD;IAEE;;;AA9EN;EAoFE;IACC;;;AArFH;EAwFE;IAEC;IACA;IACA;;;AA5FH;EA+FE;IACC","file":"style-dark-mode.css"}
{"version":3,"sourceRoot":"","sources":["../sass/style-dark-mode.scss"],"names":[],"mappings":"AAAA;AACA;EAEC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAEA;IACA;IACA;;;EAGD;IACC;;;EAGD;IACC;;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;IACA;IACA;IACA;;EAEA;IACC;;EAIF;IACC;IACA;IACA;IACA;;EAEA;IACC;;;AAEA;EAHD;IAIE;;;AAGD;EAPD;IAQE;;;AAOA;EADD;IAEE;;;AA9EN;EAoFE;IACC;;;AArFH;EAwFE;IAEC;IACA;IACA;;;AA5FH;EA+FE;IACC","file":"style-dark-mode.css"}

View File

@ -15,10 +15,10 @@
/* Block: Table */
--table--stripes-border-color: rgba(240, 240, 240, 0.15);
--table--stripes-background-color: rgba(240, 240, 240, 0.15);
}
img {
filter: brightness(.85) contrast(1.1);
}
.is-dark-theme img {
filter: brightness(.85) contrast(1.1);
}
.respect-color-scheme-preference.is-dark-theme body {