Skip to content

YouTube Dark Search Box by Neui

Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/166464.user.css

Mirrored from https://gitlab.com/Neui/userstyles/-/raw/master/youtube-dark-search-suggestions-box.user.css

Screenshot of YouTube Dark Search Box

Details

AuthorNeui

LicenseCC-BY-4.0

Categoryyoutube

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes YouTubes search box also dark when in dark mode

Notes

Source code

/* ==UserStyle==
@name           YouTube Dark Search Suggestions Box
@description    Makes YouTubes search suggestions box also dark when in dark mode
@namespace      gitlab.com/Neui/userstyles
@homepageURL    https://gitlab.com/Neui/userstyles
@supportURL     https://gitlab.com/Neui/userstyles/issues
@version        1.0.2
@license        CC-BY-4.0
@author         Neui
==/UserStyle== */

@-moz-document domain("youtube.com") {
	html[dark] .gsfs, /* Main thing */
	html[dark] .sbfl_b, /* Report autocompletion line */
	html[dark] .sbsb_a, /* Top/bottom border */
	html[dark] .sbdd_b /* Final border */ {
		background: hsla(0, 0%, 8%, .8) !important;
		border-color: black;
	}

	/* Make main text white to be readable */
	html[dark] .gsfs { color: white !important; }

	/* Seach entry hover */
	html[dark] .sbsb_d { background: hsla(0, 0%, 20%, .8) !important; }

	/* Remove this to get rid of the border */
	html[dark] .sbdd_b /* Final border */ {
		border-top: 1px solid;
		border-color: #3a3b42 /* #1c62b9 */ ;
	}

	/* To the left of each result is a search icon whose colour needs adjusting. */
	html[dark] .sbqs_c::before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNy4zOTE3IDE2LjgwODNMMTIuNzMzMyAxMi4xNUMxMy42MjUgMTEuMTI1IDE0LjE2NjcgOS43OTE2NyAxNC4xNjY3IDguMzMzMzNDMTQuMTY2NyA1LjEwODMzIDExLjU1ODMgMi41IDguMzMzMzMgMi41QzUuMTA4MzMgMi41IDIuNSA1LjEwODMzIDIuNSA4LjMzMzMzQzIuNSAxMS41NTgzIDUuMTA4MzMgMTQuMTY2NyA4LjMzMzMzIDE0LjE2NjdDOS43OTE2NyAxNC4xNjY3IDExLjEyNSAxMy42MjUgMTIuMTUgMTIuNzQxN0wxNi44MDgzIDE3LjRMMTcuMzkxNyAxNi44MDgzWk04LjMzMzMzIDEzLjMzMzNDNS41NzUgMTMuMzMzMyAzLjMzMzMzIDExLjA5MTcgMy4zMzMzMyA4LjMzMzMzQzMuMzMzMzMgNS41NzUgNS41NzUgMy4zMzMzMyA4LjMzMzMzIDMuMzMzMzNDMTEuMDkxNyAzLjMzMzMzIDEzLjMzMzMgNS41NzUgMTMuMzMzMyA4LjMzMzMzQzEzLjMzMzMgMTEuMDkxNyAxMS4wOTE3IDEzLjMzMzMgOC4zMzMzMyAxMy4zMzMzWiIgZmlsbD0iI2YzZjNmMyIvPjwvc3ZnPg==");
	}
}

Reviews

No reviews yet.