ebay Dark Mode v69 by ashchu117

/* ==UserStyle==
@name           eBay.com - Dark Mode v69 (descrption inversion fix)
@namespace      typpi.online
@version        69
@description    eBay.com - Dark Mode v69
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues
@author         Nick2bad4u, updated by Ashchu117
@license        UnLicense
==/UserStyle== */
@-moz-document domain("ebay.com"),
regexp(".*www.ebay.*"),
domain("ebaydesc.com") {
    :root {
        --dialog-scrim-color-show: #ffffff87;
    }

    /* Invert colors except images and videos */
    :is(
        html:not([stylus-iframe]),
        svg,
        video
    ) {
        filter: invert(1) hue-rotate(180deg);
        background-color: inherit;
    }

    /* Exclude specific elements from invert filter */
    p.MsoNormal,
    li.MsoNormal,
    div.MsoNormal,
    .x-item-description-child,
    iframe#desc_ifr {
        filter: none !important;
        background-color: inherit !important;
    }

    /* Ensure images within the description iframe are not inverted */
    iframe#desc_ifr img,
    iframe#desc_ifr a > img {
        filter: none !important;
    }

    #gh-eb-Alerts,
    #gh-minicart-hover,
    #ifhItem0 {
        filter: invert(1) hue-rotate(180deg);
    }

    li:nth-child(n) > div > div > button,
    li:nth-child(n) > div > div > button > svg,
    #s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[3\]-2-\@match-media-0-\@ebay-carousel-next
        > svg,
    .carousel__control.carousel__control--prev
        > svg,
    .carousel__playback > svg,
    #s0-1-0-53-1-2-4-17\[0\[1\]\]-0\[2\]-2-\@match-media-0-\@ebay-carousel-next
        > svg,
    .s-item__image-section
        > span
        > button
        > span
        > svg,
    #gh-ac-box2 > svg,
    .srp-controls__control.follow-widget-wrap
        > div
        > div
        > button
        > span
        > svg,
    .action-bar-button-group
        > span:nth-child(n)
        > span
        > span
        > button
        > svg,
    #imageupload__send--button > svg,
    svg.icon.icon {
        filter: invert(0) hue-rotate(180deg);
    }

    #ghno,
    body
        > div
        > div
        > div:nth-child(2)
        > div
        > p
        > img {
        filter: invert(1) hue-rotate(180deg);
        background-color: #fff;
    }

    /* Updated description text color */
    .x-item-description-child {
        font-family: "Market Sans", Arial, sans-serif;
        line-height: 1.43;
        text-indent: initial;
        white-space: normal;
        font-weight: normal;
        font-style: normal;
        text-align: start;
        font-variant: normal;
        color: #d3d3d3; /* Light gray */
    }
}