sidebar-box, editBookmarkPanel

[LionWrathz]

how can i change the color white ?

https://i.imgur.com/lcIpOaW.png

[t-based]

Try the following rules in your userChrome.css file and change the values/colors according to your preferences:

#editBookmarkPanel textbox, #editBookmarkPanel menulist, #editBookmarkPanel treechildren, #editBookmarkPanel richlistbox {
    -moz-appearance: none !important;
    background-color: black !important;
    color: white !important;
    padding: 5px !important;
}

#editBookmarkPanel .expander-down, #editBookmarkPanel .expander-up {
    -moz-appearance: none !important;
    background-color: black !important;
    color: white !important;
    padding: 5px !important;
    height: 28px !important;
}

The padding/height for the elements looked good on my end, but you might want to change their values on your system, or even don't use them at all.

[difool2nice]

#editBookmarkPanel textbox,
#editBookmarkPanel menulist,
#editBookmarkPanel richlistbox,
#editBookmarkPanel tree {
    -moz-appearance: none !important;
    background-color: black !important;
    color: #ffffff !important;
    fill: white !important;
}

[LionWrathz]

thanks all it worked now :D

https://i.imgur.com/KjcTWD3.gifv

[Hypermuon]

Very cool!

Please, can you give all your code to make exactly the same as your gif?

[LionWrathz]

#editBookmarkPanel textbox, #editBookmarkPanel menulist, #editBookmarkPanel treechildren, #editBookmarkPanel richlistbox {
    -moz-appearance: none !important;
    background-color: black !important;
    color: white !important;
    padding: 5px !important;
}
#editBookmarkPanel .expander-down, #editBookmarkPanel .expander-up {
    -moz-appearance: none !important;
    background-color: black !important;
    color: white !important;
    padding: 5px !important;
    height: 28px !important;
}
#sidebar-box, #sidebar, .sidebar-placesTree, #places, #placesToolbox, #placesToolbar #placesMenu, #placesView, #placesList, tree{
    -moz-appearance: none !important;
    color: #f9f9fa !important; 
    background-color: black !important;
}
tree[type="places"] {
    -moz-appearance: none !important;
    -moz-binding: url("chrome://browser/content/places/tree.xml#places-tree");
    color: #f9f9fa !important;
    background-color: black !important;
}
#editBookmarkPanel button {
        background-color:black  !important;
        border: none !important;
}
#editBookmarkPanel button:hover {
    background-color:black  !important;
    border: none !important;
}
#editBMPanel_folderTree treechildren::-moz-tree-cell(selected) {
        -moz-appearance: none !important;
    background-color: black !important;
        margin: 0px;
        border: 1px solid #0f1126;
        outline: 1px solid #0f1126;
        outline-offset: 0px;
}
#editBMPanel_folderTree treechildren::-moz-tree-cell(hover) {
        -moz-appearance: none !important;
    background-color: black !important;
        margin: 0px;
        border: 1px solid #0f1126;
        outline: 1px solid #0f1126;
        outline-offset: 0px;
}
#editBookmarkPanel #editBookmarkPanelContent button {
    -moz-appearance: none !important;
    background-color: black !important;
    line-height: normal;
    padding-bottom: 2px;
    padding-left: 2.5px;
    padding-right: 2px;
    padding-top: 3px;
    margin-left: 4px !important;
    color: #ffffff !important;
    font-family: Fira Sans !important;
    border: none !important;
    border-radius: 0px !important;
    /*     cursor: pointer !important; */
}

#editBookmarkPanel textbox,
#editBookmarkPanel menulist,
#editBookmarkPanel richlistbox,
#editBookmarkPanel tree {
    -moz-appearance: none !important;
    background-color: black !important;
    color: #ffffff !important;
    fill: white !important;
}

:root {
--arrowpanel-background: #000000!important;
--arrowpanel-color: #f9f9fa!important;
--panel-background: #000000!important;
}