Skip to content

Pink Theme Google ♡ by metalheadchan

Screenshot of Pink Theme Google ♡

Details

Authormetalheadchan

LicenseNo License

Categoryhttps://www.google.com/

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Cute pink hello kitty theme! If you run into any issues please leave a comment and I'll try to fix it. Thank you for using my theme!

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           www.google.com/webhp
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.google.com/webhp?hl=en&sa=X&ved=0ahUKEwiu1snfqYKLAxVbElkFHXDOLvkQPAgI") {
/* Light Pink Background */
.SSwjIe,
.n1xJcf,
#fbar {
    background-color: #f6cddc !important; /* Light pink background */
}

/* Bright Pink Background */
.Lu57id,
center:nth-child(1) > .gNO89b, /* Google Search Button */
#gbqfbb { /* I'm Feeling Lucky Button */
    background-color: #e4a1ba !important; /* Bright pink background */
    color: #ffffff !important; /* White text for contrast */
    border: none;
    border-radius: 5px; /* Rounded corners for a smoother look */
    padding: 10px 20px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

/* Background Image Sections */
.LLD4me,
.ikrT4e,
.qarstb,
html, body, .sfbg, #slim_appbar {
    background-image: url("https://i.imgur.com/xEaLGew.jpeg") !important; /* Hello Kitty Bow Pattern */
    background-size: cover !important; /* Ensure the image covers the entire area */
    background-position: center !important; /* Center the image */
    background-repeat: no-repeat !important; /* Prevent tiling */
    background-attachment: fixed !important; /* Makes the background fixed during scrolling */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 100% !important;
    width: 100% !important;
}

/* Remove individual background images for sections */
.LLD4me,
.ikrT4e,
.qarstb {
    background: none !important; /* Removes section-specific backgrounds */
}

/* Ensure Scrolling Works Properly */
html, body {
    overflow-y: auto !important; /* Enable vertical scrolling */
    overflow-x: hidden !important; /* Prevent horizontal scrolling */
}
}

Reviews

No reviews yet.