dark.css

@media (prefers-color-scheme: dark) {
    /*
    Generated by https://darkreader.org
    Instructions: Install the extension on a Chromium-based browser
    Then do this to export the CSS: https://git.io/JOM6t and drop it here
    */
    /* User-Agent Style */
    html {
        background-color: #181a1b !important;
    }
    html, body, input, textarea, select, button {
        background-color: #181a1b;
    }
    html, body, input, textarea, select, button {
        border-color: #736b5e;
        color: #e8e6e3;
    }
    a {
        color: #3391ff;
    }
    table {
        border-color: #545b5e;
    }
    ::placeholder {
        color: #b2aba1;
    }
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: #555b00 !important;
        color: #e8e6e3 !important;
    }
    ::-webkit-scrollbar {
        background-color: #202324;
        color: #aba499;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #454a4d;
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: #575e62;
    }
    ::-webkit-scrollbar-thumb:active {
        background-color: #484e51;
    }
    ::-webkit-scrollbar-corner {
        background-color: #181a1b;
    }
    ::selection {
        background-color: #004daa !important;
        color: #e8e6e3 !important;
    }
    ::-moz-selection {
        background-color: #004daa !important;
        color: #e8e6e3 !important;
    }

    /* Invert Style */
    .jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon, #bit-notification-bar-iframe, embed[type="application/pdf"] {
        filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
    }

    /* Variables Style */
    :root {
       --darkreader-neutral-background: #131516;
       --darkreader-neutral-text: #d8d4cf;
       --darkreader-selection-background: #004daa;
       --darkreader-selection-text: #e8e6e3;
    }

    /* Modified CSS */
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        border-color: initial;
    }
    ol,
    ul {
        list-style-image: initial;
    }
    body {
        color: rgb(189, 183, 175);
    }
    a {
        color: rgb(168, 160, 149);
        text-decoration-color: initial;
    }
    a:hover {
        text-decoration-color: initial;
    }
    h1.title {
        color: rgb(169, 161, 150);
    }
    h2.subtitle {
        color: rgb(168, 160, 149);
    }
    pre {
        background-image: initial;
        background-color: rgb(34, 36, 38);
    }
    footer {
        color: rgb(168, 160, 149);
        border-top-color: rgb(58, 62, 65);
    }
    .window {
        box-shadow: rgba(0, 0, 0, 0.5) 6px 6px 5px;
    }
    .window .window-header {
        background-image: initial;
        background-color: rgb(44, 47, 49);
    }
    summary {
        background-image: initial;
        background-color: rgb(44, 47, 49);
    }
    .window .window-header .action-buttons {
        background-image: initial;
        background-color: rgb(176, 16, 48);
        box-shadow: rgb(204, 132, 0) 15px 0px 0px,
        rgb(71, 164, 40) 30px 0px 0px;
    }
    .hll {
        background-color: rgb(82, 82, 0);
    }
    .c {
        color: rgb(253, 196, 105);
    }
    .err {
        color: rgb(255, 89, 89);
        border-color: rgb(159, 12, 12);
    }
    .g {
        color: rgb(232, 230, 227);
    }
    .k {
        color: rgb(133, 181, 226);
    }
    .l {
        color: rgb(232, 230, 227);
    }
    .n {
        color: rgb(232, 230, 227);
    }
    .o {
        color: rgb(255, 147, 60);
    }
    .x {
        color: rgb(232, 230, 227);
    }
    .p {
        color: rgb(232, 230, 227);
    }
    .ch {
        color: rgb(253, 196, 105);
    }
    .cm {
        color: rgb(253, 196, 105);
    }
    .cp {
        color: rgb(253, 196, 105);
    }
    .cpf {
        color: rgb(253, 196, 105);
    }
    .c1 {
        color: rgb(253, 196, 105);
    }
    .cs {
        color: rgb(253, 196, 105);
    }
    .gd {
        color: rgb(255, 89, 89);
    }
    .ge {
        color: rgb(232, 230, 227);
    }
    .gr {
        color: rgb(240, 58, 58);
    }
    .gh {
        color: rgb(127, 174, 255);
    }
    .gi {
        color: rgb(92, 255, 92);
    }
    .go {
        color: rgb(232, 230, 227);
    }
    .gp {
        color: rgb(253, 196, 105);
    }
    .gs {
        color: rgb(232, 230, 227);
    }
    .gu {
        color: rgb(255, 114, 255);
    }
    .gt {
        color: rgb(255, 89, 89);
    }
    .kc {
        color: rgb(133, 181, 226);
    }
    .kd {
        color: rgb(133, 181, 226);
    }
    .kn {
        color: rgb(133, 181, 226);
    }
    .kp {
        color: rgb(133, 181, 226);
    }
    .kr {
        color: rgb(133, 181, 226);
    }
    .kt {
        color: rgb(133, 181, 226);
    }
    .ld {
        color: rgb(232, 230, 227);
    }
    .m {
        color: rgb(80, 144, 255);
    }
    .s {
        color: rgb(171, 249, 98);
    }
    .na {
        color: rgb(255, 220, 67);
    }
    .nb {
        color: rgb(133, 181, 226);
    }
    .nc {
        color: rgb(232, 230, 227);
    }
    .no {
        color: rgb(232, 230, 227);
    }
    .nd {
        color: rgb(108, 73, 209);
    }
    .ni {
        color: rgb(255, 147, 60);
    }
    .ne {
        color: rgb(255, 61, 61);
    }
    .nf {
        color: rgb(232, 230, 227);
    }
    .nl {
        color: rgb(255, 142, 33);
    }
    .nn {
        color: rgb(232, 230, 227);
    }
    .nx {
        color: rgb(232, 230, 227);
    }
    .py {
        color: rgb(232, 230, 227);
    }
    .nt {
        color: rgb(133, 181, 226);
    }
    .nv {
        color: rgb(232, 230, 227);
    }
    .ow {
        color: rgb(133, 181, 226);
    }
    .w {
        color: rgb(228, 225, 222);
        text-decoration-color: initial;
    }
    .mb {
        color: rgb(80, 144, 255);
    }
    .mf {
        color: rgb(80, 144, 255);
    }
    .mh {
        color: rgb(80, 144, 255);
    }
    .mi {
        color: rgb(80, 144, 255);
    }
    .mo {
        color: rgb(80, 144, 255);
    }
    .sb {
        color: rgb(171, 249, 98);
    }
    .sc {
        color: rgb(171, 249, 98);
    }
    .sd {
        color: rgb(253, 196, 105);
    }
    .s2 {
        color: rgb(171, 249, 98);
    }
    .se {
        color: rgb(171, 249, 98);
    }
    .sh {
        color: rgb(171, 249, 98);
    }
    .si {
        color: rgb(171, 249, 98);
    }
    .sx {
        color: rgb(171, 249, 98);
    }
    .sr {
        color: rgb(171, 249, 98);
    }
    .s1 {
        color: rgb(171, 249, 98);
    }
    .ss {
        color: rgb(171, 249, 98);
    }
    .bp {
        color: rgb(118, 167, 212);
    }
    .vc {
        color: rgb(232, 230, 227);
    }
    .vg {
        color: rgb(232, 230, 227);
    }
    .vi {
        color: rgb(232, 230, 227);
    }
    .il {
        color: rgb(80, 144, 255);
    }
    @media (prefers-color-scheme: dark) {
        html {
            background-color: rgb(19, 21, 22) !important;
        }
        html,
        body,
        input,
        textarea,
        select,
        button {
            background-color: rgb(19, 21, 22);
        }
        html,
        body,
        input,
        textarea,
        select,
        button {
            border-color: rgb(106, 98, 87);
            color: rgb(216, 212, 207);
        }
        a {
            color: rgb(61, 165, 255);
        }
        table {
            border-color: rgb(111, 103, 91);
        }
        ::placeholder {
            color: rgb(178, 171, 161);
        }
        input:-webkit-autofill,
        textarea:-webkit-autofill,
        select:-webkit-autofill {
            background-color: rgb(68, 73, 0) !important;
            color: rgb(216, 212, 207) !important;
        }
        ::-webkit-scrollbar {
            background-color: rgb(26, 28, 29);
            color: rgb(173, 166, 156);
        }
        ::-webkit-scrollbar-thumb {
            background-color: rgb(55, 60, 62);
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: rgb(70, 75, 78);
        }
        ::-webkit-scrollbar-thumb:active {
            background-color: rgb(58, 62, 65);
        }
        ::-webkit-scrollbar-corner {
            background-color: rgb(19, 21, 22);
        }
        ::selection {
            background-color: rgb(0, 62, 136) !important;
            color: rgb(216, 212, 207) !important;
        }
        :root {
            --darkreader-neutral-background: #131516;
            --darkreader-text--darkreader-neutral-text: #cdc8c2;
            --darkreader-selection-background: #004daa;
            --darkreader-selection-text: #e8e6e3;
        }
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            border-color: currentcolor;
        }
        ol,
        ul {
            list-style-image: none;
        }
        body {
            color: rgb(186, 180, 171);
        }
        a {
            color: rgb(171, 164, 153);
            text-decoration-color: currentcolor;
        }
        a:hover {
            text-decoration-color: currentcolor;
        }
        h1.title {
            color: rgb(172, 164, 154);
        }
        h2.subtitle {
            color: rgb(171, 164, 153);
        }
        pre {
            background-color: rgb(27, 29, 30);
            background-image: none;
        }
        footer {
            color: rgb(171, 164, 153);
            border-top-color: rgb(120, 111, 98);
        }
        .hll {
            background-color: rgb(66, 66, 0);
        }
        .c {
            color: rgb(253, 194, 100);
        }
        .err {
            color: rgb(255, 88, 88);
            border-color: rgb(189, 14, 14);
        }
        .g {
            color: rgb(216, 212, 207);
        }
        .k {
            color: rgb(128, 182, 225);
        }
        .l {
            color: rgb(216, 212, 207);
        }
        .n {
            color: rgb(216, 212, 207);
        }
        .o {
            color: rgb(255, 151, 67);
        }
        .x {
            color: rgb(216, 212, 207);
        }
        .p {
            color: rgb(216, 212, 207);
        }
        .ch {
            color: rgb(253, 194, 100);
        }
        .cm {
            color: rgb(253, 194, 100);
        }
        .cp {
            color: rgb(253, 194, 100);
        }
        .cpf {
            color: rgb(253, 194, 100);
        }
        .c1 {
            color: rgb(253, 194, 100);
        }
        .cs {
            color: rgb(253, 194, 100);
        }
        .gd {
            color: rgb(255, 88, 88);
        }
        .ge {
            color: rgb(216, 212, 207);
        }
        .gr {
            color: rgb(241, 70, 70);
        }
        .gh {
            color: rgb(114, 185, 255);
        }
        .gi {
            color: rgb(90, 255, 90);
        }
        .go {
            color: rgb(216, 212, 207);
        }
        .gp {
            color: rgb(253, 194, 100);
        }
        .gs {
            color: rgb(216, 212, 207);
        }
        .gu {
            color: rgb(255, 105, 255);
        }
        .gt {
            color: rgb(255, 88, 88);
        }
        .kc {
            color: rgb(128, 182, 225);
        }
        .kd {
            color: rgb(128, 182, 225);
        }
        .kn {
            color: rgb(128, 182, 225);
        }
        .kp {
            color: rgb(128, 182, 225);
        }
        .kr {
            color: rgb(128, 182, 225);
        }
        .kt {
            color: rgb(128, 182, 225);
        }
        .ld {
            color: rgb(216, 212, 207);
        }
        .m {
            color: rgb(82, 169, 255);
        }
        .s {
            color: rgb(170, 249, 96);
        }
        .na {
            color: rgb(255, 221, 72);
        }
        .nb {
            color: rgb(128, 182, 225);
        }
        .nc {
            color: rgb(216, 212, 207);
        }
        .no {
            color: rgb(216, 212, 207);
        }
        .nd {
            color: rgb(119, 87, 213);
        }
        .ni {
            color: rgb(255, 151, 67);
        }
        .ne {
            color: rgb(255, 68, 68);
        }
        .nf {
            color: rgb(216, 212, 207);
        }
        .nl {
            color: rgb(255, 150, 49);
        }
        .nn {
            color: rgb(216, 212, 207);
        }
        .nx {
            color: rgb(216, 212, 207);
        }
        .py {
            color: rgb(216, 212, 207);
        }
        .nt {
            color: rgb(128, 182, 225);
        }
        .nv {
            color: rgb(216, 212, 207);
        }
        .ow {
            color: rgb(128, 182, 225);
        }
        .w {
            color: rgb(213, 209, 204);
            text-decoration-color: currentcolor;
        }
        .mb {
            color: rgb(82, 169, 255);
        }
        .mf {
            color: rgb(82, 169, 255);
        }
        .mh {
            color: rgb(82, 169, 255);
        }
        .mi {
            color: rgb(82, 169, 255);
        }
        .mo {
            color: rgb(82, 169, 255);
        }
        .sb {
            color: rgb(170, 249, 96);
        }
        .sc {
            color: rgb(170, 249, 96);
        }
        .sd {
            color: rgb(253, 194, 100);
        }
        .s2 {
            color: rgb(170, 249, 96);
        }
        .se {
            color: rgb(170, 249, 96);
        }
        .sh {
            color: rgb(170, 249, 96);
        }
        .si {
            color: rgb(170, 249, 96);
        }
        .sx {
            color: rgb(170, 249, 96);
        }
        .sr {
            color: rgb(170, 249, 96);
        }
        .s1 {
            color: rgb(170, 249, 96);
        }
        .ss {
            color: rgb(170, 249, 96);
        }
        .bp {
            color: rgb(120, 172, 213);
        }
        .vc {
            color: rgb(216, 212, 207);
        }
        .vg {
            color: rgb(216, 212, 207);
        }
        .vi {
            color: rgb(216, 212, 207);
        }
        .il {
            color: rgb(82, 169, 255);
        }
        .vimvixen-hint {
            background-color: rgb(98, 66, 0) !important;
            border-color: rgb(170, 138, 15) !important;
            color: rgb(237, 221, 175) !important;
        }
        #edge-translate-panel-body {
            color: var(--darkreader-text--darkreader-neutral-text) !important;
        }
    }

    /* Override Style */
    .vimvixen-hint {
        background-color: #7b5300 !important;
        border-color: #d8b013 !important;
        color: #f3e8c8 !important;
    }
    ::placeholder {
        opacity: 0.5 !important;
    }
    a[href="https://coinmarketcap.com/"] > svg[width="94"][height="16"] > path {
        fill: var(--darkreader-neutral-text) !important;
    }
    #edge-translate-panel-body {
        color: var(--darkreader-neutral-text) !important;
    }
}