@charset "UTF-8";

@-moz-document url("chrome://browser/content/browser.xhtml") {
/* Please write your custom CSS under this line*/


@import url("browser.css") screen;
@import url("toolbarbutton-icons.css") screen;
@import url("leptonchrome.css") screen;
@import url("tabs.css") screen;
@import url("toolbarbuttons.css") screen;

/*#navigator-toolbox :is(toolbar, #nav-bar-customization-target) {
    background-color: var(--toolbar-bgcolor) !important;
}*/

.titlebar-button {
    border: none;
    margin: 0;
    padding: 4px 16px !important;
    -moz-context-properties: stroke;
    stroke: currentColor;
}

.titlebar-button>.toolbarbutton-icon {
    width: 14px !important;
    height: 14px !important;
    appearance: none !important;
}

.toolbarbutton-icon {
    appearance: none !important;
}

.titlebar-close {
    & > .toolbarbutton-icon {
        -moz-default-appearance: none !important;
        background-image: none !important;
    }
}

.titlebar-max {
    & > .toolbarbutton-icon {
        -moz-default-appearance: none !important;
        background-image: none !important;
    }
}

.titlebar-restore {
    & > .toolbarbutton-icon {
        -moz-default-appearance: none !important;
        background-image: none !important;
    }
}

.titlebar-min {
    & > .toolbarbutton-icon {
        -moz-default-appearance: none !important;
        background-image: none !important;
    }
}


#firefox-view-button {
list-style-image: url("chrome://branding/content/about-logo.png") !important;
}

@media (prefers-color-scheme: light) {
    #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
        background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important;
    }

    .titlebar-close {
        list-style-image: url("./toolbar_button/for_light/op_close.svg") !important;
    }

    .titlebar-max {
        list-style-image: url("./toolbar_button/for_light/op_maximize.svg") !important;
    }

    .titlebar-restore {
        list-style-image: url("./toolbar_button/for_light/op_restore.svg") !important;
    }

    .titlebar-min {
        list-style-image: url("./toolbar_button/for_light/op_minimize.svg") !important;
    }

    #back-button {
        list-style-image: url("./toolbar_button/for_light/op_back.svg") !important;
    }

    #forward-button {
        list-style-image: url("./toolbar_button/for_light/op_forward.svg") !important;
    }
}

@media (prefers-color-scheme: dark) {
    #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
        background-image: linear-gradient(to bottom right, #353535, AccentColor) !important;
    }

    .titlebar-close {
        list-style-image: url("./toolbar_button/for_dark/op_close.svg") !important;
    }

    .titlebar-max {
        list-style-image: url("./toolbar_button/for_dark/op_maximize.svg") !important;
    }

    .titlebar-restore {
        list-style-image: url("./toolbar_button/for_dark/op_restore.svg") !important;
    }

    .titlebar-min {
        list-style-image: url("./toolbar_button/for_dark/op_minimize.svg") !important;
    }

    #back-button {
        list-style-image: url("./toolbar_button/for_dark/op_back.svg") !important;
    }

    #forward-button {
        list-style-image: url("./toolbar_button/for_dark/op_forward.svg") !important;
    }
}


}