gruvbox-google.user.css

/* ==UserStyle==
@name           Gruvbox-Google
@namespace      github.com/touhidulshawan
@version        1.0
@description    Gruvbox dark theme for google search page
@preprocessor   stylus
@author         Touhidul Shawan
@homepageURL    https://github.com/touhidulshawan/gruvbox-google
@license        MIT
==/UserStyle== */
@-moz-document domain("www.google.com") {

    html {

        --bg-primary: #282828;
        --bg-secondary: #1d2021;
        --comment: #32302f;
        --red: #cc241d;
        --green: #98971a;
        --yellow: #d79921;
        --blue: #458588;
        --magenta: #b16286;
        --cyan: #689d6a;
        --orange: #d65d0e;
        --fg-primary: #d5c4a1;
    }

    body {
        background-color: var(--bg-primary) !important;
    }

    p {
        color: var(--fg-primary) !important;
    }

    a {
        color: var(--blue) !important;
        transition: all 0.22s ease-in-out;
    }
    a:hover,
    a:focus {
        color: var(--green) !important;
    }

    a:visited {
        color: var(--magenta) !important;
    }

    .sfbg {
        background-color: var(--bg-primary);
    }
    .pTwnEc {
        background-color: var(--comment);
    }

    .WE0UJf.NyYcvd {
        background-color: var(--bg-primary);
    }

    #result-stats {
        margin: 0 auto;
    }

    .yg51vc {
        background: var(--bg-primary) !important;
    }

    g-menu {
        background-color: var(--red);
    }

    #rcnt {
        display: grid;
        grid-template-columns: 2fr auto;
        gap: 20px;
        max-width: 100%;
    }
    #center_col {
        margin: 0 auto;
    }
    #rhs {
        margin-left: 0;
        margin-right: 30px;
    }

    /*card */
    .Ww4FFb,
    .vt6azd,
    .tF2Cxc,
    .asEBEc {
        background: var(--bg-primary);
        padding: 12px 22px;
        border: 6px dotted var(--comment);
        border-radius: 8px;
    }

    .e3sOrb {
        background: var(--bg-primary);
        padding: 20px 10px;
        width: 50vw;
        border: 15px dotted var(--comment);
    }
}