WordPress.org

Make WordPress Core

Changeset 51253


Ignore:
Timestamp:
06/28/2021 11:39:33 PM (3 months ago)
Author:
desrosj
Message:

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.

Location:
trunk/src/wp-content/themes/twentytwentyone/assets
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css

    r50423 r51253  
    1818    }
    1919
    20     .is-dark-theme.is-dark-theme img {
     20    .is-dark-theme img {
    2121        filter: brightness(0.85) contrast(1.1);
    2222    }
  • trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

    r51246 r51253  
    1818    }
    1919
    20     .is-dark-theme.is-dark-theme img {
     20    .is-dark-theme img {
    2121        filter: brightness(0.85) contrast(1.1);
    2222    }
  • trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css.map

    r50466 r51253  
    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"}
     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;;;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"}
  • trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss

    r50423 r51253  
    1616        --table--stripes-border-color: rgba(240, 240, 240, 0.15);
    1717        --table--stripes-background-color: rgba(240, 240, 240, 0.15);
     18    }
    1819
    19         img {
    20             filter: brightness(.85) contrast(1.1);
    21         }
     20    .is-dark-theme img {
     21        filter: brightness(.85) contrast(1.1);
    2222    }
    2323
Note: See TracChangeset for help on using the changeset viewer.