@charset "UTF-8";

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

@import url("browser-aero.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;
}

/*.tab-background:is([selected], [multiselected]) {
    background-color: white !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;
}

#firefox-view-button {
    list-style-image: url("chrome://branding/content/about-logo.png") !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;
    }
}


}