Add ability to update/override pseudo for input search

[chiefpansancolt]

In input search, once words are typed an x shows up but when dark mode is used the x is not visible due to color, but there is no way to update this during the dark mode.

[cdock1029]

I got this to work for Chrome, you can tweak the brightness or use other filters...

/*  scss / postcss nested syntax */
html.dark {
    input[type='search']::-webkit-search-cancel-button {
      filter: grayscale(1) brightness(1.5);
    }
    input[type='date']::-webkit-calendar-picker-indicator {
      filter: invert(1);
    }
  }

Here's a tip to be able to debug some of these pseudo elements:

https://stackoverflow.com/questions/20804016/editing-input-type-search-pseudo-element-button-x#answer-58484957

[RobinMalfait]

Hey! Thank you for your suggestion!
Much appreciated! 🙏

As @cdock1029 mentioned you can use those selectors already. We might make this easier in the future but since this is already possible I'm going to close this issue for now.