From fe2bd634e468e875ae7d91535fa83331b5439c37 Mon Sep 17 00:00:00 2001 From: desrosj Date: Mon, 28 Jun 2021 23:40:59 +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. Built from https://develop.svn.wordpress.org/trunk@51253 git-svn-id: http://core.svn.wordpress.org/trunk@50862 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../twentytwentyone/assets/css/style-dark-mode-rtl.css | 2 +- .../themes/twentytwentyone/assets/css/style-dark-mode.css | 2 +- .../themes/twentytwentyone/assets/sass/style-dark-mode.scss | 6 +++--- wp-includes/version.php | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css index 8d3b486e0e..a5daf1bfd1 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css +++ b/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/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css index 149780e47e..679d1c6b4d 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css +++ b/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/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss b/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss index f00df45ca7..128baaff53 100644 --- a/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss +++ b/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 { diff --git a/wp-includes/version.php b/wp-includes/version.php index c662274e91..c7969df606 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.8-beta4-51252'; +$wp_version = '5.8-beta4-51253'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.