Update styles.css --yt-searchbox-background -> --ytd-searchbox-backgr…

[raszpl]

YT no longer uses --yt-searchbox-background, its renamed to --ytd-searchbox-background. Fixes searchbox color in all themes

[ImprovedTube]

Guess it can be replaced somewhere along the path #search-form #container #search-input #search

and maybe it still exists on some systems or with some of Youtube's experiment flags?

[raszpl]

can always go extra safe and keep both
--yt-searchbox-background
--ytd-searchbox-background

[ImprovedTube]

what might it mean?

considering view-source:

year	yt- amount	ytd- amount
2024	32	63
2021	31	61
2020	24	58
2018 & 2019	700	0
2014	1400	0
2013	1	0

[ImprovedTube]

'html, [dark] {' helps where?

[raszpl]

'html, [dark] {' helps where?

"need to cover [dark] too because this code runs too early for document.querySelector('ytd-masthead')?.removeAttribute('dark');

loading page with YT dark cookie and Custom theme generates ytd-masthead after myColors() and slaps [dark] attribute on it"

TLDR set YT cookie to dark, set custom theme, myColors() is being called somewhere early in core.js before YT adds [dark] to ytd-masthead, as a result
document.querySelector('ytd-masthead')?.removeAttribute('dark');
doest have anything to remove
then during YT load YT adds [dark] and we end up with custom theme with BLACK search bar
adding [dark] to custom CSS means we no longer need to call ever again:

				document.documentElement.removeAttribute('dark');
				document.querySelector('ytd-masthead')?.removeAttribute('dark');

can delete those lines after testing CSS covers everything