use an online image or choose a color to customize the google search page!
enjoy! :}
image credit: https://www.hdwallpapers.in/manhattan_new_york_city_night_cityscape_4k_8k-wallpapers.html
Custom Google Search Page Background by pizzaburger
Details
Authorpizzaburger
LicenseCC-BY-4.0
Categoryhttps://www.google.com
Created
Updated
Size1.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
– image
-
URL must lead to a direct image and be wrapped in quotes.
(.gif works too! :0) -
example:
"https://www.hdwallpapers.in/download/manhattan_new_york_city_night_cityscape_4k_8k-2560x1600.jpg"
or
'https://www.hdwallpapers.in/download/manhattan_new_york_city_night_cityscape_4k_8k-2560x1600.jpg'
– color
-
can be any valid color format.
however, you must provide the format you will use.
(specifically, CSS color format) -
example:
rgb(255, 255, 255) or hsl(360, 100%, 50%), etc.
– bonus
-
you can even use a custom gradient! :0
(the CSS way) -
example:
linear-gradient(to top, #fff000 0%, #000fff 100%)
Source code
/* ==UserStyle==
@name Custom Google Search Page Background
@namespace smokepasta
@author smokepasta
@version 0.1.2
@license CC-BY-4.0
@preprocessor stylus
@advanced select choice "option" ["url:URL*", "color:COLOR", "color_picker:COLOR PICKER"]
@advanced text url_bg "background image" "" ""
@advanced text color_bg "background color" "umu"
@advanced color cp_bg "color picker" red
@advanced text example "*wrap URL in quotes* example ------>" ""site.com/image.png""
==/UserStyle== */
@-moz-document regexp("^(https:)//(www.google.com[\\/]?|www.google.com/[\\?]?webhp.*|www.google.com/[\\?]?pccc=\\d+|www.google.com/[\\?]?imghp.*|www.google.com/[\\?][&]?bih=.*)$")
#gb
background-color: rgba(255, 255, 255, 0) !important;
if choice == url
body
background: url(url_bg) fixed 50% 50% no-repeat !important;
background-size: cover !important;
if choice == color
body
background: color_bg !important;
if choice == color_picker
body
background: cp_bg !important;