/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/* userChrome toggle -> sidebar icon */
:is(.webextension-browser-action, .eom-addon-button):is(
    [data-extensionid="userchrome-toggle-extended@n2ezr.ru"],
    [data-extensionid="userchrome-toggle@joolee.nl"]
) .toolbarbutton-icon {
    list-style-image: url("chrome://browser/skin/sidebars.svg");
}

/* uBlock Origin -> custom svg icon */
:is(.webextension-browser-action, .eom-addon-button
)[data-extensionid="uBlock0@raymondhill.net"] {
    & .toolbarbutton-icon {
        list-style-image: url("../icons/ublock.svg");
    }
    & .toolbarbutton-badge {
        opacity: 0 !important;
    } 
}

/* Bitwarden -> custom svg icon */
:is(.webextension-browser-action, .eom-addon-button
)[data-extensionid="{446900e4-71c2-419f-a6a7-df9c091e268b}"] {
    & .toolbarbutton-icon {
        list-style-image: url("../icons/bitwarden.svg");
    }
    & .toolbarbutton-badge {
        color: transparent !important;
        background-color: var(--toolbarbutton-icon-fill) !important;
        border-radius: 20px !important;
        padding: 0 !important;
        min-width: 2px !important;
        width: 8px !important;
        height: 8px !important;
        margin-inline-end: -3.5px !important;
        box-shadow: none !important;
    }
}

/* Privacy Badger -> it's own monochrome icon */
:is(.webextension-browser-action, .eom-addon-button
)[data-extensionid="jid1-MnnxcxisBPnSXQ@jetpack"] .toolbarbutton-icon {
    list-style-image: image-set( url("moz-extension://51ac6f66-1bb5-4473-93a0-41ead025ec8f/icons/badger-19-disabled.png"), url("moz-extension://51ac6f66-1bb5-4473-93a0-41ead025ec8f/icons/badger-38-disabled.png") );
}

/* Dark Reader -> custom svg icon (moon) */
:is(.webextension-browser-action, .eom-addon-button
)[data-extensionid="addon@darkreader.org"] .toolbarbutton-icon {
    list-style-image: url("../icons/moon.svg");
}

/* Proton Pass -> custom notification badge */
:is(.webextension-browser-action, .eom-addon-button
)[data-extensionid="78272b6fa58f4a1abaac99321d503a20@proton.me"] {
    & .toolbarbutton-icon {
        list-style-image: url("../icons/proton-pass.svg");
    }
    & .toolbarbutton-badge {
        color: transparent !important;
        background-color: var(--toolbarbutton-icon-fill) !important;
        border-radius: 20px !important;
        padding: 0 !important;
        min-width: 2px !important;
        width: 8px !important;
        height: 8px !important;
        margin-inline-end: -3.5px !important;
        box-shadow: none !important;
    }
}