CSS:
/* ==UserStyle==
@name playersquared.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("playersquared.com") {
.gsc-input .gsc-input-box {
border-color: #0070d1ed; /*change color to whatever you want*/
}
.gsc-control-cse {
border-color: #0070d1ed; /*change color to whatever you want*/
background-color: black; /*change color to whatever you want*/
}
table.gsc-search-box td {
vertical-align: middle;
background: black; /*change color to whatever you want*/
}
input.gsc-input {
color: white; /*change color to whatever you want*/
background: black; /*change color to whatever you want*/
}
.gsc-completion-container {
color: white; /*change color to whatever you want*/
border-color: #0070d1ed; /*change color to whatever you want*/
}
#gs_tti50.gsib_a::before {
background-position: left 16px center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z' fill='white'/></svg>");
}
.gssb_a {
background: #000000; /*change color to whatever you want*/
}
.gssb_a:hover {
background: #303030; /*change color to whatever you want*/
}
.gscb_a {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' fill='white'/></svg>") center no-repeat;
height: 24px;
width: 24px;
}
.gsc-control-cse .gsc-option-menu {
background: black; /*change color to whatever you want*/
}
.gsc-option-menu-item:hover {
background-color: #303030; /*change color to whatever you want*/
}
.google-search-results * {
color: white; /*change color to whatever you want*/
}
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
color: white; /*change color to whatever you want*/
}
.gsc-webResult.gsc-result {
border-color: #0070d1ed; /*change color to whatever you want*/
background-color: black; /*change color to whatever you want*/
}
.gsc-webResult.gsc-result:hover {
border-color: #0070d1ed; /*change color to whatever you want*/
background-color: black; /*change color to whatever you want*/
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
background-color: black; /*change color to whatever you want*/
color: white; /*change color to whatever you want*/
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
background-color: #217fa8; /*change color to whatever you want*/
}
.buttonGroup > .button:last-child:not(:first-child), .buttonGroup > .button:first-child:not(:last-child) {
border-radius: 50px;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
}
}Attachments
Last edited: