Dark Theme for Google by Md33g by Md33g

/* ==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: #000;

        --pink: #000;
        --phiox: #000;
        --purple: #000000a1;
        --violet: #00000070;

        --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(0, 0, 0)
    }

    .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;
    }
}