Pink Theme for Google
Pink Theme for Google by aon2003
Details
Authoraon2003
LicenseNo License
Categorygoogle
Created
Updated
Size7.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Tested on Google's dark theme.
Not stable for Google's light theme!
Source code
/* ==UserStyle==
@name Pink Theme for Google
@version 20220608.14.50
@namespace userstyles.world/user/aon2003
@description Pink Theme for Google
@author aon2003
@license No License
==/UserStyle== */
@-moz-document domain("www.google.com") {
/* Root */
:root {
--background: #b92dce;
--pink: #f5f;
--phiox: #dc00ff;
--purple: #7414ff;
--violet: #7119b6;
--white: white;
--black: #2b2b2b;
--muted: #c4c4c4;
--dark: #2d2d2d;
}
}
@-moz-document domain("www.google.com") {
/* Backgrounds */
body,
#gb,
.appbar,
.sfbg,
.yg51vc,
.Ww4FFb,
.explore-cards__cards__item,
body.srp,
body,
.minidiv .sfbg,
.s8GCU,
.Lj9fsd,
.jZWadf,
.Lj9fsd.DU1Mzb,
.dG2XIf {
background-color: var(--background);
}
#gb {
background-color: var(--background) !important;
}
.c93Gbe,
.lJ9FBc input[type="submit"]:hover,
.RNNXgb:hover,
.emcav .RNNXgb,
.aajZCb,
.KLEmSd,
.akqY6,
.MXl0lf.tKtwEb,
.k8XOCe,
.f6F9Be,
.fLciMb:hover,
.CbAZb,
.header__content,
.footer,
g-menu:first-child,
.jq2rAe,
.RNNXgb,
.Pvpvv,
.o6juZc,
.o6juZc:hover,
.pCK9cd,
.ZOyvub,
.gbZSUe:hover, .gbZSUe:active,
.TGGJzf,
.nZWEZc .ttwCMe,
.x2GJWb .niO4u {
background-color: var(--violet);
}
.CNf3nf.OvQkSb.LhCR5d,
.SLI5wb {
background-color: var(--violet) !important;
}
.cF4V5c,
.lJ9FBc input[type="submit"],
.sbhl,
.vk-box,
.t2vtad:not(.hdtb-tl-sel):hover,
.t2vtad:not(.hdtb-tl-sel):hover:active,
.t2vtad:active,
.hdtb-tl-sel,
.minidiv .RNNXgb,
.q0yked:hover,
.Oz5Rbb:hover,
#cookieBar .cookieBarButton,
.two-column-list--blue,
.header__page-nav-item:hover > a,
.jump-nav__nav,
.image-with-text--blue,
.EA3l1b,
g-menu:first-child g-menu-item:hover,
.ZXJQ7c:hover,
.PfSDnb:hover,
.ZZ7G7b,
.mitem:hover,
.YJaHLd:hover,
.LZTko:hover,
.KATfhe:hover {
background-color: var(--purple);
}
.e2nlmf {
background-color: var(--phiox);
}
.header__nav-item:hover a,
#cookieBar,
.KiRIme:hover {
background-color: var(--phiox) !important;
}
.cEW58 {
background-color: var(--white);
}
/***********************/
/* Special Backgrounds */
/***********************/
.explore-cards {
background: linear-gradient(to bottom, var(--purple) 50%, var(--purple) 50%);
}
}
@-moz-document domain("www.google.com") {
/* Text Colors */
::placeholder {
/* Chrome, Firefox, Opera, Safari */
color: var(--white) !important;
opacity: 1;
/* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer */
color: var(--white) !important;
}
::-ms-input-placeholder {
/* Edge */
color: var(--white) !important;
}
body,
.WggQGd,
.vk-t,
.hdtb-mitem.hdtb-msel,
.hdtb-mitem a,
.hdtb-mitem .GOE98c,
.t2vtad,
.cF4V5c.zriOQb g-menu-item a,
.hdtb-mn-hd,
.hdtb-mn-hd:hover,
a,
sapn,
.f,
a.tGS0Nc,
a.tGS0Nc:hover,
.header__title a,
.header__nav-item a,
.homepage-hero__content__title,
[role=heading],
.centered-video__title,
.keyword-blog__chapter__title,
.keyword-blog__feature__list .keyword-blog__item__title span,
.keyword-blog__list .keyword-blog__item:hover,
.primary-hero__content__body,
.two-column-list__title,
.two-column-list--blue a,
.header__page-nav-item a,
.two-column-article__title,
.two-column-article__body,
.explore-cards__content__title,
.explore-cards__item__title,
.two-column-text__title,
.two-column-text__body,
.single-column-text,
.jump-nav__nav__item a.active,
.image-with-text__pullquote .html-content,
.NZmxZe,
.PNyWAd,
.w6PoOe,
.w6PoOe:hover,
.SPmIAf,
.SPmIAf:hover,
.wBIdUd,
.svpdod,
.ZZ7G7b,
.KiRIme {
color: var(--white);
}
.uU7dJb,
.pHiOh,
a.pHiOh,
.b0KoTc,
.KwU3F,
.fbar a,
.LHJvCe,
.WZ8Tjf,
.AaVjTc a:link,
.keyword-blog__feature__list .keyword-blog__item:hover .keyword-blog__item__read span,
.keyword-blog__list .keyword-blog__item,
.keyword-blog__list .keyword-blog__item__published,
.button--link,
.jump-nav__nav__item a,
.footer__links-content a,
.language-selector select,
.explore-cards__item__body,
.paanad,
.sPl35c,
.nG2kJd,
.eUOBKb,
.URIeEf {
color: var(--muted);
}
.vk-btn {
color: var(--black);
}
.header__nav-item--active a {
color: var(--white) !important;
}
a:visited {
color: var(--muted);
}
}
@-moz-document domain("www.google.com") {
/* Borders */
.cF4V5c g-menu-item,
.xtSCL,
.b2hzT,
.explore-cards__cards__item,
.KiRIme {
border-color: var(--background);
}
.m0uvVb {
border-top-color: var(--background);
}
.lJ9FBc input[type="submit"],
.t2vtad:not(.hdtb-tl-sel):hover,
.tGS0Nc,
.image-with-text__pullquote .html-content {
border-color: var(--purple);
}
.lJ9FBc input[type="submit"]:hover {
border-color: var(--violet);
}
.qgBtmf {
border-bottom-color: var(--violet);
}
.GLcBOb,
.header--no-subnav .header__nav-item--active:after,
.cEPPT {
border-bottom-color: var(--phiox);
}
hr.SwovJe,
.UVgjof,
.appbar {
border-bottom-color: var(--white);
}
#swml {
border-left-color: var(--background);
}
.hdtb-tl-sel,
.ZXJQ7c:hover,
.ZZ7G7b {
border: none;
}
}
@-moz-document domain("www.google.com") {
/* Other */
.vk-btn,
.vk-btn.vk-sf-s {
background-color: var(--background);
background-image: -webkit-gradient(linear, left top, left bottom, from(#df6de6), to(#f93ccf));
border-color: var(--background);
}
.vk-btn:hover,
.vk-btn.vk-sf-s:hover,
.vk-btn.vk-sf-a {
background-color: var(--background);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d947e2), to(#ed32c2));
border-color: var(--background);
}
.t2vtad:not(.hdtb-tl-sel):hover,
.t2vtad:not(.hdtb-tl-sel):hover:active {
box-shadow: none;
}
.hdtb-tl-sel {
box-shadow: inset 0 1px 2px 0 rgb(127, 44, 125)
}
.KA8Jyb {
fill: var(--white);
}
.dyAbMb {
fill: var(--phiox);
}
.LZTko:hover,
.KATfhe:hover {
box-shadow: -56px 0 var(--purple), 24px 0 var(--purple), -56px -10px 0 var(--purple), 24px -10px 0 var(--purple);
}
}
@-moz-document domain("www.google.com") {
/* Scrollbars */
/**********************/
/* Scrollbar Chromium */
/**********************/
::-webkit-scrollbar {
width: 14px !important;
background-color: var(--violet);
}
::-webkit-scrollbar-button {
background-color: var(--violet);
color: var(--white);
}
::-webkit-scrollbar-thumb {
border-radius: 15px !important;
box-shadow: inset 0 0 100px var(--pink) !important;
}
::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 100px var(--phiox) !important;
}
::-webkit-scrollbar-thumb:active {
box-shadow: inset 0 0 100px var(--purple) !important;
}
::-webkit-scrollbar-track {
background-color: var(--violet);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-corner {
background-color: var(--violet);
}
[watch-color-update] yt-live-chat-app ::-webkit-scrollbar-track,
[watch-color-update] yt-live-chat-kevlar-container ::-webkit-scrollbar-track {
background-color: transparent;
}
[dark] yt-live-chat-app ::-webkit-scrollbar-thumb,
[dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb {
border: 2px solid var(--purple) !important;
}
/*********************/
/* Scrollbar Firefox */
/*********************/
* {
scrollbar-color: var(--pink) var(--violet) !important;
scrollbar-width: auto !important;
}
}