/* Home & New Tab Page */
@-moz-document url("about:home"), url("about:newtab") {
body {background-color: #222235 !important;}

.search-inner-wrapper { display: none !important;}

.logo-and-wordmark {scale: 1.3; margin-top: 110px;}

.icon-settings {fill: #00AABB !important;}
.icon-settings:hover, .icon-settings:active {background-color: #1F1F2B !important;}

}


/* Multi Account Containers */
@-moz-document url("moz-extension://279d5390-a16f-4af9-94b1-731bbcb1f4ed/popup.html") {
    body {background-color: #2A2D3E !important;}
    #current-tab {background-color: #2A2D3E !important; color: #00AABB !important;}
    .container-panel-controls {background-color: #2A2D3E !important;}
    .firstTabindex {background-color: #2A2D3E !important;}

    .panel-content {background-color: #2A2D3E !important}
    #current-tab h3 {display: none !important;}
    .container-panel-row {background-color: #2A2D3E !important; color: #00AABB !important; border-block-end: 1px solid #191925 !important;}
    .container-panel-row:hover, .container-panel-row:active {background-color: #191925 !important;}
    .open-newtab:hover, .open-newtab:active, .container-panel-row:active, .container-panel-row:focus {background-color: #191925 !important;}
    .panel-footer {background-color: #2A2D3E !important; border-block-end: 1px solid #191925 !important;}
    .edit-containers-text a {color: #00AABB !important;}
    .edit-containers-text {border-inline-end: 0 !important;}
    .container-add-link img {fill: #00AABB !important;}

    #container-page-assigned {background-color: #191925 !important; border: none !important; color: #00AABB !important;}
    #container-page-assigned:checked {background-color: #00AABB !important; border: none !important; color: #00AABB !important;}

    .scrollable {border-block-start: 1px solid #191925 !important;}
    legend {color: #00AABB !important;}
    #container-panel #sort-containers-link {border: 1px solid #00AABB !important; color: #00AABB !important; background-color: #2A2D3E !important;}
    #container-panel #sort-containers-link:hover,  #container-panel #sort-containers-link:active {border: none !important; color: #00AABB !important; background-color: #191925 !important;}

    .exit-edit-mode-link {background-color: #2A2D3E !important; color: #00AABB !important;}
    .panel-header-text {color: #00AABB !important;}
    #edit-container-panel-name-input {background-color: #191925 !important; color: #999 !important; border: none !important;}
    .choose-color-icon > label::before {fill: #ddd !important;}
    .panel-back-arrow {background: none !important; box-shadow: none !important;}
    .panel-back-arrow:hover {background: #191925 !important; box-shadow: none !important;}
    .radio-choice > .radio-container > [type="radio"]:checked + label {background-color: #191925 !important;}


    #edit-container-panel-choose-icon > .radio-container > label::before {fill: #999 !important;}
    #edit-container-cancel-link {background-color: #191925 !important; color: #999 !important;}
}


/* uBlock Origin */
@-moz-document url("moz-extension://eee4d0c1-7cac-4896-aa9f-1a5c4902d2b9/popup.html") {
    body{background-color: #2A2D3E !important; color: #00AABB !important; }
    h2 {background-color: #2A2D3E !important; color: #999 !important; font-weight: bold !important;}
    span {color: #999 !important;}
    #extraTools {background-color: #191925 !important;}
    #extraTools svg {fill: #999 !important;}
    #firewallContainer > div > span:first-child {background-color: #2A2D3E !important; color: #00AABB !important;}
    #appinfo {display: none !important;}
    #switch .fa-icon {fill: #00AABB !important;}
    body.off #switch .fa-icon {fill: #191925 !important;}
    #rulesetTools .fa-icon {background-color: #2A2D3E !important; fill: #999 !important;}
    #rulesetTools .fa-icon:hover {background-color: #2A2D3E !important; fill: #00AABB !important;}
    #basicTools svg {fill: #999 !important;}
    #basicTools span:hover {fill: #00AABB !important;}
    #refresh {background-color: #2A2D3E !important; fill: #00AABB !important; border: none !important;}
    #refresh svg:hover, #refresh svg:active {fill: #191925 !important;}
    .nope {stroke: #00AABB !important;}

    #firewallContainer > div > span:nth-child(2), #firewallContainer > div > span:nth-child(3) {background-color: #191925 !important;}
    #firewallContainer > div > span.allowRule.ownRule {background-color: #2ecc71 !important;}
    #firewallContainer > div > span.blockRule.ownRule {background-color: #e74c3c !important;}
    #firewallContainer > div > span.noopRule.ownRule {background-color: #555 !important;}
}