aboutconfig.css

@-moz-document url-prefix(about:config) {
    * {
        font-size: 15px !important;
        font-family: Fira Sans !important;
    }

    html, body {
        background: #161a27 !important;
        color: white !important;
    }

    #prefs {
        background-color: #161a27 !important;
        color: #ffffff !important;

    }

    :root {
        --checkmark: #ffffff !important;
        --checkbox-checked-ink: #1e90ff !important;
    }


    #prefs {
        border: none !important;
    }


    input[type="checkbox"]:disabled {
        appearance: none !important;
        border: 1px solid #1e90ff !important;
        background-color: #161a27 !important;
        border-radius: 2px;
    }

    input[type="checkbox"]:hover {
        appearance: none !important;
        border: 1px solid #1e90ff !important;
        background-color: #1e90ff80 !important;
        border-radius: 2px;
    }

    input[type="checkbox"] {
        appearance: none !important;
        border: 1px solid #1e90ff !important;
        background-color: #161a27 !important;
        border-radius: 2px;
    }

    input[type="checkbox"]:checked {
        appearance: none !important;
        border: 1px solid #1e90ff !important;
        background-color: #1e90ff !important;
        border-radius: 2px;
        color:#ffffff !important;
    }

    #toolbar,
    #search-container,
    #about-config-search:focus,
    #search-container,
    #about-config-search[focused] {
        box-shadow: unset !important;
        border:none !important;
        box-sizing: unset !important;
        outline: none !important;
    }

    #toolbar,
    #search-container,
    #about-config-search {
        box-shadow: unset !important;
        box-shadow: unset !important;
        border:none !important;
        box-sizing: unset !important;
        outline: none !important;
    }


    #about-config-search {
        /*-moz-context-properties: fill, fill-opacity;*/
        margin-left: 20px !important;
        fill: #1e90ff !important;
        opacity: 1 !important;
        box-sizing: border-box;
        flex-grow: 1;
        filter: opacity(100%) !important;
        background-image: url("search.svg") !important;
        background-repeat: no-repeat;
        background-position: 8px center;
        background-size: 20px !important;
        margin-inline: 0;
        text-align: match-parent;
        direction: ltr;
        /*color: #ffffff !important;*/
        background-color: #161a27 !important;
    }

    .config-background {
        background: url("renardeau.gif") !important;
        background-repeat: no-repeat;
        height: 200px !important;
        margin: 32px auto !important;
        width: 235px !important;
        background-size: 100% !important;
    }

    checkbox:not([disabled]):hover>.checkbox-check {
        border-color: #1e90ff !important;
        background-color: #1e90ff !important;
        border-radius: 3px !important;
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    checkbox[checked]>.checkbox-check {
        list-style-image: url("chrome://global/skin/icons/check.svg");
        -moz-context-properties: fill !important;
        fill: #ffffff !important;
        background-color: #1e90ff !important;
    }

    checkbox>.checkbox-check {
        background-color: #161a27 !important;
        color: #ffffff !important;
        border-color: #1e90ff !important;
        border-radius: 2px !important;

    }

    button:hover,
    input[type="button"]:hover {
        background-color: #1e90ff80 !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    button,
    input[type="button"] {
        background-color: #1e90ff !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }


    .checkbox-container {
        font-size: 12px !important;
        margin-right: 55px !important;
        padding-block: 0px !important;
    }

    span.checkbox-container {
        font-size: 12px !important;
    }

    .scrollbar[orient="horizontal"] {
        display: none !important;
    }

    #form-edit, .cell-edit {
        background: #161a27 !important;
    }

    td.cell-value>form>input[type="text"],
    td.cell-value>form>input[type="number"] {
        background: #161a27 !important;
    }

    th, td, tr {
        background: #161a27 !important;
    }

    #prefs>tr>td:hover,
    #prefs>tr>th:hover,
    #prefs>tr:hover,
    #prefs>th:hover,
    #prefs>td:hover {
        background-color: #1e90ff !important;
    }
}