My userChrome.css file

@-moz-document url(chrome://browser/content/places/places.xhtml) {
  #placeContent treechildren {
    font-size: 1.7em !important;
  }
}


 /* Multi Rows in Firefox. This is the fix. Copy into userChrome.css) */
scrollbox[part][orient="horizontal"] > * { flex-wrap: wrap; }

/*  the order of the toolbars. Change to what you want */
#nav-bar {order: 1 !important}
#PersonalToolbar {order: 2 !important}
#TabsToolbar {order: 3 !important}

/* URL field text size */
 #nav-bar{
font-size: 9pt !important;}

/* Sidebar Color / Font Size Formatting */
.sidebar-placesTree treechildren::-moz-tree-cell-text { font-size: 16px !important; color: #000 !important;
font-family: 'Verdana' !important;
}

/* MediumAquamarine background on hover on sidebar or selected */
.sidebar-placesTree treechildren::-moz-tree-row(hover),
.sidebar-placesTree treechildren::-moz-tree-row(selected) {background-color: #66CDAA !important; }


/* code below from sifferedd */
#navigator-toolbox {
  font-family: "Verdana" !important;
  color: #000000 !important;
}

.bookmark-item > .toolbarbutton-text {
  font-size: 14px !important;
  font-family: 'Verdana' !important;
}

#personal-bookmarks {
  font-size: 14px !important;
  font-family: 'Verdana' !important;
}

#bookmarksMenuPopup,
.bookmark-item {
  font-size: 14px !important;
  font-family: 'Verdana' !important;
 }

/* file, edit, view etc font size */
#main-menubar {
  font-size: 15px !important;
  font-weight: bold;}

:root {
  --tab-border-radius: 8px !important;
}

/* box-shadow: horizontal offset, vertical offset, blur radius, optional spread radius, color & transparency; */

/* White background color */
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  background-color: #ffffff !important;
  border-radius: 8px 8px 0px 0px; !important;
box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);
}

/* orange hover color */
.tabbrowser-tab:hover:not([selected]) .tab-content {
  background-color: #FF7F50 !important;
  border-radius: 8px 8px 0px 0px; !important;
box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);}


/* MediumAquamarine selected color */
.tabbrowser-tab:is([visuallyselected],[multiselected]) .tab-content {
  background-color: #66CDAA !important;
  border-radius: 8px 8px 0px 0px; !important;
box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);}


/* font size on tabs */
.tab-label {
  font-size: 12px !important;
  }


/* code from qaz69wsx */
/* font size for right click menu */
menupopup {font-size: 13px !important;}

/* font size for dropdown menu lines before bookmarks */
menubar {font-size: 14px !important;}


/* code from qaz69wsx with some changes in colors for right click menu */
menupopup:not(.in-menulist, .toolbar-menupopup, .toolbar-menupopup menupopup) {
  --panel-background: #f9f9fb !important;
  --panel-color: #000000 !important;
  --panel-padding: 6px !important;
  --panel-border-radius: 12px !important;
  --panel-border-color: transparent !important;

  menu, menuitem {
    &[disabled="true"] {
    /* color of text of non clickable options: example: color: blue - Default is light grey */  !important;
    }


[_moz-menuactive]:not([disabled="true"]) {
  color: #000000 !important;  /* text color */
  font-weight: bold;
  /* also makes dropdown menu text bold when highlighted */
}

[_moz-menuactive="true"][disabled="true"] {
  background-color: #ffffff !important;
}


/* changes the right click menu hover color */
    menu:where([_moz-menuactive="true"]:not([disabled="true"])), menuitem:where([_moz-menuactive="true"]:not([disabled="true"])) {
    background-color: #66CDAA !important; /* green hover color */
    color: #000000 !important;  /* text color */
   /* if font-weight: bold; is added here instead of above code, the File, Edit, View etc will also be bold when highlighted and will make menu expand */
    }