/* ==UserStyle==
@name         Crowdship Dark
@version      20221209.14.48
@namespace    userstyles.world/user/andrebu
@description  # Crowdship Dark 

Dark theme for Crowdship related assets. 
@author       andrebu
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://supply-dev.crowdship.io"), url-prefix("https://retail-dev.crowdship.io"), url-prefix("https://partners.shopify.com/"), url-prefix("https://retail-semb.crowdship.io"), url-prefix("https://supply-semb.crowdship.io"), regexp("https?://accounts.shopify.com/.*"), regexp("https?://.*.myshopify.com/admin/apps/crowdship-v2-dev-.*"), regexp(".*/admin/apps/crowdship-v2-dev-.*"), regexp("https?://admin.shopify.com/store/.*/apps/crowdship.*"), regexp("https?://.*myshopify.com/admin/apps/.*") {

    /* Crowdship Custom */
    @media (prefers-color-scheme: dark){
        html, body {
            --default-bg-color: #333639;
        }
    }
    
    
    /* Shopify iFrame embedded app flashing loading screen and main background color */    
    /*div[class^='Polaris-Frame__Content'] > div, */*/
    div[class^='Polaris-Frame__Content'] embedded-app > div > div {
        background-color: #202324 !important;
    }
    .Polaris-Frame__Main {
        /*
        background: var(--p-surface-neutral-subdued);
        background: var(--darkreader-bg--p-surface) !important;
        background: #1d1f20 !important;
        */
        background-color: #1D1F20 !important;
    }
    /* Shopify iFrame embedded app flashing loading screen */    
    .nwKRD {
        background-image: linear-gradient(#1d1f20, #1d1f20); 
    }    
    
    
    html, body {
        /*    --default-bg-color: #333639; */
        background-color: var(--default-bg-color);
    }
    ._2dMfH {
        background: var(--theme-color);
        background: var(--theme-color-alt);
    }
    ._13lT1>tr:nth-of-type(2n) {
        background-color: var(--p-surface,#fdfdfd);
    }
    tr._2xFFU {
        background-color: #050505;
    }
    #body-content, .page-content, .Polaris-Frame {
        background: var(--theme-color);
    }
    /* Crowdship Input fields on variants */ 
    .basic_formik_input_backdrop {
        background: var(--p-background);
    }
    input.basic_formik_input {
        color: hsl(200, 4%, 87%);
    }

    /* Crowdship Vendor Selector popup */
    [p-color-scheme="light"] .Polaris-Popover__Wrapper {
        background-color: hsl(240, 6%, 10%) !important;
        color: hsl(200, 4%, 87%) !important;
    }

    /* Crowdship Products Sync screen */
    .new-row {
        background-color: #27421d;
    }

    .obsolete-row {
        background-color: #783737;
    }

    /* .basic_formik_input_backdrop:focus, 
    .basic_formik_input_backdrop:hover,  */
    input.basic_formik_input:focus, 
    input.basic_formik_input:hover {
        background: var(--p-surface);    
        background: var(--p-background);
    }

    /* Crowdship Product Cards */
    .product-card__prices .Polaris-Stack__Item .Polaris-Tag {
        background-color: var(--theme-color);
    }



    /* Shopify Partners Portal UI */
    .partners-ui th, .partners-ui td {
        border-bottom: 1px solid var(--p-divider,#dfe3e8);
    }

    .partners-ui button.Polaris-Button_r99lw, 
    .partners-ui th.ui-data-table__cell.ui-data-table__cell--header.ui-data-table__cell--single-line, 
    .partners-ui .ui-data-table__cell--header, 
    .partners-ui .ui-data-table--scroll .ui-data-table__row:nth-child(odd), 
    .partners-ui .ui-data-table--scroll .ui-data-table__row:nth-child(even) {
        background: var(--p-surface);
        color: hsl(200, 4%, 87%);
    }

    .partners-ui .Polaris-Button_r99lw , 
    .partners-ui .Polaris-Frame-ContextualSaveBar__LogoContainer_szav1, 
    .partners-ui .Polaris-Frame-ContextualSaveBar_14m7v, 
    .partners-ui button.Polaris-Button_r99lw:hover {
        background: var(--p-background);
        color: hsl(200, 4%, 87%);
    }

    .partners-ui .Polaris-Frame-ContextualSaveBar__LogoContainer_szav1 {
        border-color: var(--p-background);
    }

    .partners-ui input#PolarisTextField1, 
    .partners-ui .fresh-ui th, 
    .partners-ui ._3GBrl, 
    .partners-ui .ui-nav__link--parent.ui-nav__link--parent, 
    .partners-ui .ui-nav__link--parent.ui-nav__link--parent.ui-button--link {
        color: hsl(200, 4%, 87%);
    }

    .partners-ui .Polaris-TextField__Backdrop_1x2i2, 
    .partners-ui main#AppFrameMain, 
    .partners-ui .ui-app-frame__main {
        background: var(--p-background);
    }
    .partners-ui textarea {
        color: hsl(200, 4%, 87%);
    }
    /*
    .partners-ui .Polaris-Frame-ContextualSaveBar_14m7v {}
    */

    /* Partners Portal UI - Extensions page */
    .Polaris-TextField__Input_30ock {
        color: var(--p-text, #212b36);
    }
    
    /* Parnet Portal UI - app history page */
    .partners-ui main#AppFrameMain {
        background: initial;
    }
    
    /* Parner Portal UI - save button */
    .partners-ui [class*="Polaris-Button_"],
    .partners-ui button[class*="Polaris-Button_"] {
        background: black;
        color: initial;
    }
    .partners-ui [class*="Polaris-Button_"]:hover,
    .partners-ui button[class*="Polaris-Button_"]:hover {
        background: initial;
    }    

    
    
    .Polaris-Select__Input_30ock, .Polaris-Select__Content_xd1mk {
        color: var(--p-text-on-interactive);
    }

    /* Shopify Home Dashboard right-hand analytics sidebar */
    ._3yZyD {
        background-color: inherit;
    }
    .osewa {
        background-color: var(--p-surface);
    }

    /* Shopify Dashboard Home sales lines */
    button.r8Ku6 {
        background-color: var(--p-surface);    
    }
    button.r8Ku6:hover {
        background-color: var(--p-background);        
    }

    .N0DcX {
        background-color: var(--p-surface,#f4f6f8);
    }

    /* Shopify Settings - top/header */
    .OdSMW {
        background-color: var(--theme-color-alt);
    }

    /* Shopify Porducts Page */ 
    .n6pAe>tr:nth-of-type(2n) {
        background-color: var(--p-surface,#f4f6f8);
    }

    /* Shopify bulk edit table */
    .spreadsheet__header-group>.spreadsheet__cell, 
    .spreadsheet__cell--row-title {
        background-color: var(--theme-color-alt);
    }
    .fresh-ui .spreadsheet__row:hover .spreadsheet__cell, .fresh-ui .spreadsheet__row:hover .ui-select, .fresh-ui .spreadsheet__row:hover .next-input, .fresh-ui .spreadsheet__row:hover .sp-input, .fresh-ui .spreadsheet__row:hover .next-input--stylized, .fresh-ui .spreadsheet__row:hover .ui-text-area {
        background-color: var(--theme-color);
    }

    /* Shopify Collections products list items */
    .rjFY6, .eR_BV {
        background-color: var(--theme-black);
    }
    .rjFY6:hover, .rjFY6.rSPDu, .eR_BV:hover {
        background-color: var(--theme-black-alt);
    }

    /* Shopify Porducts Variants table */
    /* tr.Ob6gT.lYFCK:hover {} 
    */

    td.E7nXC._geD5, 
    .RMvuX .n6pAe>tr:nth-of-type(2n) .LD1iz, 
    .RMvuX .n6pAe>tr:nth-of-type(2n) ._geD5 {
        background-color: var(--p-surface,#f4f6f8);
        background-color: var(--p-surface-primary-selected);
    }

    /* td.E7nXC._geD5:hover {
    background-color: var(--p-surface-primary-selected);
}
    */

    td.E7nXC.LD1iz.DGh0u {
        background-color: var(--p-surface,#f4f6f8);
        background-color: var(--p-surface-primary-selected);
    }

    /* td.E7nXC.LD1iz.DGh0u:hover {
    background-color: var(--p-surface-primary-selected);
}
    */



    /* analytics tables */
    ._1OgIE, 
    .Mqqkw th, 
    tr._1O8kj, 
    tr._1DqbN {
        background-color: var(--theme-black);
    }

    tr._1DqbN:hover, 
    ._3BbkR {
        background-color: var(--p-surface);
        background-color: var(--p-background);
    }

    /* development store bottom bar */
    ._2u7yF {
        background-color: var(--notice-attention);
    }


    /* Search field input on Marketplace >> Connect modal */
    .Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right .Polaris-Filters-ConnectedFilterControl__CenterContainer * {
        background: transparent;
    }
    /* Prev / Next arrows on Marketplace >> Connect modal */
    .Polaris-Modal-Section .Polaris-Button.Polaris-Button--disabled svg {
        fill: var(--p-icon);
    }

    .Polaris-Modal-Section svg.Polaris-Icon__Svg, 
    .Polaris-Modal-Section .Polaris-Button svg {
        fill: var(--p-icon-disabled);
    }


    
    /* Price Sync input fields on Retailer > My Products */
    .basic_formik_input_backdrop,
    input.basic_formik_input:hover {
        background: var(--theme-black);
    }
    









    /* ==UserStyle==
    @name         Dark Shopify Admin
    @description  When you hate Shopify's default theme.
    @author       Still34
    @version      1.0.0
    ==/UserStyle== */
    #body-content, .page-content, .Polaris-Frame, 
    :root, 
    #app *
    {
        --theme-color: hsl(240, 6%, 10%);
        --theme-color-alt: hsl(240, 6%, 5%);
        --notice-attention: hsl(35, 60%, 30%);
        --notice-critical: hsl(9, 89%, 55%);
        --theme-black: hsl(0, 0%, 0%);

        --p-background: var(--theme-color);
        --p-background-hovered: hsl(210, 8%, 5%);
        --p-background-pressed: hsl(210, 6%, 7%);
        --p-background-selected: hsl(210, 6%, 7%);
        --p-surface: var(--theme-color-alt);
        --p-surface-neutral: hsl(220, 6%, 10%);
        --p-surface-neutral-hovered: hsl(210, 6%, 13%);
        --p-surface-neutral-pressed: hsl(214, 7%, 20%);
        --p-surface-neutral-disabled: hsl(210, 8%, 5%);
        --p-surface-neutral-subdued: var(--theme-color);
        --p-surface-subdued: hsl(180, 11%, 2%);
        --p-surface-disabled: hsl(180, 11%, 2%);
        --p-surface-hovered: var(--theme-color);
        --p-surface-pressed: hsl(210, 8%, 5%);
        --p-surface-depressed: hsl(210, 6%, 7%);
        --p-surface-search-field: hsl(210, 8%, 5%);
        --p-backdrop: hsla(0, 0%, 0...