How to display images on WP site in dark mode invariably?

  • Resolved mik777em

    (@mik777em)


    2 years, 1 month ago

    I use the “DarkLooks – Dark Mode Switcher For WordPress” plugin on my WP site https://transscreen.ru

    In the plugin settings, I set the use of the color inversion method for the dark mode:
    image

    I see that in dark mode, the picture plugin sets this CSS , where 1 means that the plugin inverts the picture back (“reanimates”) from the inverted picture, but at the same time reduces the brightness very much:
    image

    CSS snippet:
    html.darklooks-mode-changer-enabled img { filter: invert(1); }

    If I insert a filter like this filter: brightness(100%); in CSS, then it disables the inversion filter that is needed to reanimate the image from inverted mode:
    image

    Where is the “number” that is responsible for reducing the brightness, I can not find.

    Question: How can I display pictures in dark mode invariably – without reducing brightness and without inverting?
    Or where at least to find a number where it reduces the brightness of the picture?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author themelooks

    (@themelooks)

    Hello,

    html.darklooks-mode-changer-enabled img { filter: brightness(100%) !important; }

    Did you try this CSS?

    Thread Starter mik777em

    (@mik777em)

    In dark mode it only invert my image(((

    Plugin Author themelooks

    (@themelooks)

    In invert mode it will invert everything. There is no way for turn off invert for images only.

    Thread Starter mik777em

    (@mik777em)

    I don’t need to turn the inverting off, I just want the brightness back.
    When dark mode is on, I see in the header of the page that it is grayscale .8 changing this parameter does not help to change only the picture

    View post on imgur.com
    Plugin Author themelooks

    (@themelooks)

    Dear @mik777em

    Our plugin works like this.

    If you are looking for a customization service based on your specific needs and requirements then please send a message here https://www.themelooks.com/contact/ with your requirements with details to get a quote.

    Best Regards,

    ThemeLooks Team

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to display images on WP site in dark mode invariably?’ is closed to new replies.

Tags