From 22d7c94964389ced1df07d4dd74072f017582bcc Mon Sep 17 00:00:00 2001 From: Jonathan Desrosiers Date: Mon, 28 Jun 2021 23:39:33 +0000 Subject: [PATCH] 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 --- .../twentytwentyone/assets/css/style-dark-mode-rtl.css | 2 +- .../themes/twentytwentyone/assets/css/style-dark-mode.css | 2 +- .../twentytwentyone/assets/css/style-dark-mode.css.map | 2 +- .../themes/twentytwentyone/assets/sass/style-dark-mode.scss | 6 +++--- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css index 8d3b486e0e..a5daf1bfd1 100644 --- a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css +++ b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css @@ -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); } diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css index 149780e47e..679d1c6b4d 100644 --- a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css +++ b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css @@ -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); } diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css.map b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css.map index b1e3dc42a3..3407b50046 100644 --- a/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css.map +++ b/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss b/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss index f00df45ca7..128baaff53 100644 --- a/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss +++ b/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss @@ -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 {