Add @user0’s contributions as of 2023-08-14

src/userChrome/alt-browser.css

@@ -30,14 +30,25 @@
         order: 2;
     }
 
-    /* Adjust menu popup spawn height */
-    #appMenu-popup {
-        margin-bottom: 20px !important;
+    /* Adjust Bookmarks Menu Popup spawn height and fix flickering */
+    #BMB_bookmarksPopup {
+        margin-bottom: 22px !important;
+        width: 100vw;
     }
 
-    /* Adjust all-tabs popup spawn height */
+    /* Adjust Widget Overflow spawn height */
+    #widget-overflow {
+        padding-bottom: 30px !important;
+    }
+
+    /* Adjust App Menu Popup spawn height */
+    #appMenu-popup {
+        margin-bottom: 26px !important;
+    }
+
+    /* Adjust All-Tabs Popup spawn height */
     #customizationui-widget-panel {
-        margin-bottom: 60px !important;
+        margin-bottom: 66px !important;
     }
 
 }

src/userChrome/appMenu.css

@@ -8,7 +8,6 @@
      * the HTML, which we can't override via CSS. */
     #appMenu-popup {
         /*margin-top: -390px !important;*/
-        margin-bottom: 62px !important;
         padding-left: 10px !important;
         padding-right: 10px !important;
         /*height: 310px;*/

src/userChrome/browser.css

@@ -25,4 +25,25 @@
       max-height: unset !important;
     }
 
+    /* Adjust Bookmarks Menu Popup spawn height and fix flickering */
+    #BMB_bookmarksPopup {
+        margin-bottom: 52px !important;
+        width: 100vw;
+    }
+
+    /* Adjust Widget Overflow spawn height */
+    #widget-overflow {
+        padding-bottom: 60px !important;
+    }
+
+    /* Adjust App Menu Popup spawn height */
+    #appMenu-popup {
+        margin-bottom: 56px !important;
+    }
+
+    /* Adjust All-Tabs Popup spawn height */
+    #customizationui-widget-panel {
+        margin-bottom: 20px !important;
+    }
+
 }

src/userChrome/popups.css

@@ -60,10 +60,7 @@
         height: calc(100vh - 80px) !important;
     }
 
-    /* Fix widget overflow to fit ublock0_raymondhill_net-browser-action */
-    #widget-overflow {
-        padding-bottom: 25px !important;
-    }
+    /* fix widget overflow to fit ublock0_raymondhill_net-browser-action */
     #widget-overflow-mainView {
         height: 357px !important;
     }

src/userChrome/tabmenu.css

@@ -47,7 +47,6 @@
          * this menu is above the hamburger button that spawns the regular
          * menu. */
         /*margin-top: -360px !important;*/
-        margin-bottom: 15px !important;
         padding-left: 10px !important;
         padding-right: 10px !important;
         /*height: 320px;*/
@@ -83,5 +82,7 @@
         /* Make sure tabs with long titles don't exceed the all tabs menu */
         width: 0;
         max-width: calc(100vw - 20px);
+        /* Fix padding */
+        padding-top: 2px !important;
     }
 }

src/userChrome/urlbar.css

@@ -19,7 +19,7 @@
     /* #back-button */
     #forward-button,
     /* #reload-button */
-    #home-button,
+    /*#home-button,*/
     #customizableui-special-spring1,
     /* (urlbar) */
     #customizableui-special-spring2,

src/userContent/theme-color-1.css

@@ -0,0 +1,95 @@
+@-moz-document url("about:addons"),
+url("about:blank"),
+url("about:config"),
+url("about:home"),
+url("about:newtab"),
+url("about:preferences"),
+url("about:privatebrowsing"),
+url("about:profiles") {
+  :root {
+    --card-outline-color: #dc8add !important;
+    --card-shadow: var(--shadow-10);
+    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
+    --checkbox-border-color: var(--in-content-box-border-color);
+    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
+    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
+    --checkbox-checked-border-color: transparent;
+    --checkbox-checked-color: var(--in-content-primary-button-text-color);
+    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
+    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
+    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
+    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
+    --dialog-warning-text-color: #dc8add !important;
+    --in-content-accent-color: #dc8add !important;
+    --in-content-accent-color-active: #dc8add !important;
+    --in-content-border-color: #dc8add !important;
+    --in-content-border-active: #dc8add !important;
+    --in-content-border-active-shadow: #dc8add !important;
+    --in-content-border-hover: #dc8add !important;
+    --in-content-border-invalid: #dc8add !important;
+    --in-content-box-background: black !important;
+    --in-content-box-background-active: rgba(220,138,221,0.6) !important;
+    --in-content-box-background-hover: rgba(220,138,221,0.4) !important;
+    --in-content-box-background-odd: black !important;
+    --in-content-box-border-color: #dc8add !important;
+    --in-content-box-info-background: black !important;
+    --in-content-button-background: rgba(220,138,221,0.5) !important;
+    --in-content-button-background-active: rgba(220,138,221,0.4) !important;
+    --in-content-button-background-hover: rgba(220,138,221,0.6) !important;
+    --in-content-button-border-color: #dc8add !important;
+    --in-content-button-border-color-active: #dc8add !important;
+    --in-content-button-border-color-hover: #dc8add !important;
+    --in-content-button-text-color: #dc8add !important;
+    --in-content-button-text-color-active: #dc8add !important;
+    --in-content-button-text-color-hover: white !important;
+    --in-content-category-background: rgba(220,138,221,0.5) !important;
+    --in-content-category-background-hover: rgba(220,138,221,0.5) !important;
+    --in-content-category-background-selected: rgba(220,138,221,0.4) !important;
+    --in-content-category-background-selected-hover: rgba(220,138,221,0.5) !important;
+    --in-content-category-text: #dc8add !important;
+    --in-content-category-text-selected: #dc8add !important;
+    --in-content-danger-button-background: #dc8add !important;
+    --in-content-danger-button-background-active: #dc8add !important;
+    --in-content-danger-button-background-hover: #dc8add !important;
+    --in-content-deemphasized-text: #dc8add !important;
+    --in-content-error-text-color: #dc8add !important;
+    --in-content-focus-outline-color: #dc8add !important;
+    --in-content-icon-color: #dc8add !important;
+    --in-content-item-hover: #dc8add !important;
+    --in-content-item-hover-text: white !important;
+    --in-content-item-selected: #dc8add !important;
+    --in-content-item-selected-text: white !important;
+    --in-content-link-color: #dc8add !important;
+    --in-content-link-color-active: #dc8add !important;
+    --in-content-link-color-hover: #dc8add !important;
+    --in-content-link-color-visited: #dc8add !important;
+    --in-content-page-background: black !important;
+    --in-content-page-color: #dc8add !important;
+    --in-content-primary-button-background: rgba(220,138,221,0.666) !important;
+    --in-content-primary-button-background-active: rgba(220,138,221,0.666) !important;
+    --in-content-primary-button-background-hover: black !important;
+    --in-content-primary-button-border-color: #dc8add !important;
+    --in-content-primary-button-border-hover: #dc8add !important;
+    --in-content-primary-button-text-color: white !important;
+    --in-content-primary-button-text-color-hover: white !important;
+    --in-content-selected-text: #dc8add !important;
+    --in-content-table-background: black !important;
+    --in-content-table-border-color: #dc8add !important;
+    --in-content-table-border-dark-color: #dc8add !important;
+    --in-content-table-header-background: rgba(220,138,221,0.5) !important;
+    --in-content-table-header-color: #dc8add !important;
+    --in-content-text-color: #dc8add !important;
+    --in-content-warning-container: rgba(220,138,221,0.3) !important;
+    --shadow-10: 0 1px 4px #dc8add !important;
+    --shadow-30: 0 4px 16px #dc8add !important;
+    color: #dc8add !important;
+  }
+  ::selection {
+    background: #dc8add !important;
+    color: white !important;
+  }
+  #prefs>tr:hover {
+    background-color: rgba(220,138,221,0.6) !important;
+    color: #dc8add !important;
+  }
+}

src/userContent/theme-color-2.css

@@ -0,0 +1,95 @@
+@-moz-document url("about:addons"),
+url("about:blank"),
+url("about:config"),
+url("about:home"),
+url("about:newtab"),
+url("about:preferences"),
+url("about:privatebrowsing"),
+url("about:profiles") {
+  :root {
+    --card-outline-color: #dc8add !important;
+    --card-shadow: var(--shadow-10);
+    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
+    --checkbox-border-color: var(--in-content-box-border-color);
+    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
+    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
+    --checkbox-checked-border-color: var(--in-content-box-border-color);
+    --checkbox-checked-color: var(--in-content-primary-button-text-color);
+    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
+    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
+    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
+    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
+    --dialog-warning-text-color: #dc8add !important;
+    --in-content-accent-color: #dc8add !important;
+    --in-content-accent-color-active: white !important;
+    --in-content-border-color: #dc8add !important;
+    --in-content-border-active: #dc8add !important;
+    --in-content-border-active-shadow: #dc8add !important;
+    --in-content-border-hover: #dc8add !important;
+    --in-content-border-invalid: #dc8add !important;
+    --in-content-box-background: black !important;
+    --in-content-box-background-active: #dc8add !important;
+    --in-content-box-background-hover: #dc8add !important;
+    --in-content-box-background-odd: black !important;
+    --in-content-box-border-color: #dc8add !important;
+    --in-content-box-info-background: black !important;
+    --in-content-button-background: black !important;
+    --in-content-button-background-active: #dc8add !important;
+    --in-content-button-background-hover: #dc8add !important;
+    --in-content-button-border-color: #dc8add !important;
+    --in-content-button-border-color-active: #dc8add !important;
+    --in-content-button-border-color-hover: #dc8add !important;
+    --in-content-button-text-color: #dc8add !important;
+    --in-content-button-text-color-active: white !important;
+    --in-content-button-text-color-hover: white !important;
+    --in-content-category-background: black !important;
+    --in-content-category-background-hover: #dc8add !important;
+    --in-content-category-background-selected: #dc8add !important;
+    --in-content-category-background-selected-hover: #dc8add !important;
+    --in-content-category-text: white !important;
+    --in-content-category-text-selected: white !important;
+    --in-content-danger-button-background: #dc8add !important;
+    --in-content-danger-button-background-active: #dc8add !important;
+    --in-content-danger-button-background-hover: #dc8add !important;
+    --in-content-deemphasized-text: #dc8add !important;
+    --in-content-error-text-color: #dc8add !important;
+    --in-content-focus-outline-color: #dc8add !important;
+    --in-content-icon-color: #dc8add !important;
+    --in-content-item-hover: #dc8add !important;
+    --in-content-item-hover-text: white !important;
+    --in-content-item-selected: #dc8add !important;
+    --in-content-item-selected-text: white !important;
+    --in-content-link-color: #dc8add !important;
+    --in-content-link-color-active: #dc8add !important;
+    --in-content-link-color-hover: #dc8add !important;
+    --in-content-link-color-visited: #dc8add !important;
+    --in-content-page-background: black !important;
+    --in-content-page-color: #dc8add !important;
+    --in-content-primary-button-background: #dc8add !important;
+    --in-content-primary-button-background-active: #dc8add !important;
+    --in-content-primary-button-background-hover: black !important;
+    --in-content-primary-button-border-color: #dc8add !important;
+    --in-content-primary-button-border-hover: #dc8add !important;
+    --in-content-primary-button-text-color: white !important;
+    --in-content-primary-button-text-color-hover: white !important;
+    --in-content-selected-text: white !important;
+    --in-content-table-background: black !important;
+    --in-content-table-border-color: #dc8add !important;
+    --in-content-table-border-dark-color: #dc8add !important;
+    --in-content-table-header-background: black !important;
+    --in-content-table-header-color: #dc8add !important;
+    --in-content-text-color: #dc8add !important;
+    --in-content-warning-container: black !important;
+    --shadow-10: 0 1px 4px #dc8add !important;
+    --shadow-30: 0 4px 16px #dc8add !important;
+    color: #dc8add !important;
+  }
+  ::selection {
+    background: #dc8add !important;
+    color: white !important;
+  }
+  #prefs>tr:hover {
+    background-color: #dc8add !important;
+    color: white !important;
+  }
+}

src/userContent/theme-dark.css

@@ -0,0 +1,128 @@
+@-moz-document url("about:addons"),
+url("about:blank"),
+url("about:config"),
+url("about:home"),
+url("about:newtab"),
+url("about:preferences"),
+url("about:privatebrowsing"),
+url("about:profiles") {
+  body {
+    background-color:black!important
+  }
+  a,a:visited,a:hover {
+    color:black!important
+  }
+  #categories > .category[selected],
+  #categories > .category.selected {
+    color: white !important;
+  }
+  checkbox:not([disabled="true"]):hover > .checkbox-check,
+  input[type="checkbox"]:not(:disabled):hover {
+    border-color: white !important;
+  }
+  radio:not([disabled="true"]):hover > .radio-check {
+    border-color: white !important;
+  }
+  .text-link {
+    color: white !important;
+  }
+  .content-blocking-category.selected {
+    border: 1px solid white !important;
+    background-color: rgba(255,255,255,0.4) !important;
+  }
+  .content-blocking-category {
+    border: 1px solid var(--in-content-border-color) !important;
+    background-color: rgba(255,255,255,0.2) !important; /* bkg of default unselected*/
+  }
+  .content-blocking-warning {
+    background-color: rgba(255,255,255,0.3) !important;
+  }
+  .checkbox-check{
+    fill: white !important;
+  }
+  .radio-check{
+    fill: white !important;
+  }
+  .addon-card:not([expanded]) > .addon.card:hover {
+    box-shadow: white !important;
+  }
+  .card {
+    border: 1px solid white !important;
+  }
+  :root {
+    --card-outline-color: white !important;
+    --in-content-border-color: white !important;
+    --in-content-border-active: white !important;
+    --in-content-border-active-shadow: white !important;
+    --in-content-border-hover: white !important;
+    --in-content-box-background: black !important;
+    --in-content-box-background-active: rgba(255,255,255,0.6) !important;
+    --in-content-box-background-hover: rgba(255,255,255,0.4) !important;
+    --in-content-box-border-color: white !important;
+    --in-content-box-info-background: black !important;
+    --in-content-button-background: rgba(255,255,255,0.5) !important;
+    --in-content-button-background-active: rgba(255,255,255,0.4) !important;
+    --in-content-button-background-hover: rgba(255,255,255,0.6) !important;
+    --in-content-category-background: rgba(255,255,255,0.5) !important;
+    --in-content-category-background-hover: rgba(255,255,255,0.5) !important;
+    --in-content-category-background-selected: rgba(255,255,255,0.4) !important;
+    --in-content-category-background-selected-hover: rgba(255,255,255,0.5) !important;
+    --in-content-category-text: white !important;
+    --in-content-category-text-selected: white !important;
+    --in-content-page-background: black !important;
+    --in-content-selected-text: white !important;
+    --in-content-table-background: black !important;
+    --in-content-table-border-dark-color: white !important;
+    --in-content-table-header-background: rgba(255,255,255,0.5) !important;
+    --in-content-text-color: white !important;
+    --in-content-warning-container: rgba(255,255,255,0.3) !important;
+    --shadow-10: 0 1px 4px white !important;
+    --shadow-30: 0 4px 16px white !important;
+    color: white !important;
+  }
+}
+:root {
+  --card-outline-color: white !important;
+  --in-content-box-background: black !important;
+  --in-content-page-background: black !important;
+  --in-content-text-color: white !important;
+  --shadow-10: 0 1px 4px white !important;
+  --shadow-30: 0 4px 16px white !important;
+  color: white !important;
+}
+.card {
+  border: 1px solid white !important;
+}
+#learnMoreLink {
+  color: white !important;
+}
+#errorCode {
+  color: white !important;
+}
+#viewCertificate {
+  color: white !important;
+}
+#advancedButton {
+  color: white !important;
+  background-color: rgba(0,62,170,1) !important;
+}
+#advancedButton:hover {
+  color: white !important;
+  background-color: rgba(0,62,170,0.7) !important;
+}
+#advancedButton:active {
+  color: white !important;
+  background-color: rgba(0,62,170,0.5) !important;
+}
+#exceptionDialogButton {
+  color: white !important;
+  background-color: rgba(0,62,170,1) !important;
+}
+#exceptionDialogButton:hover {
+  color: white !important;
+  background-color: rgba(0,62,170,0.7) !important;
+}
+#exceptionDialogButton:active {
+  color: white !important;
+  background-color: rgba(0,62,170,0.5) !important;
+}

src/userContent/theme-light.css

@@ -0,0 +1,15 @@
+@-moz-document url("about:addons"),
+url("about:blank"),
+url("about:config"),
+url("about:home"),
+url("about:newtab"),
+url("about:preferences"),
+url("about:privatebrowsing"),
+url("about:profiles") {
+  body {
+    background-color:rgb(249, 249, 255)!important
+  }
+  a,a:visited,a:hover {
+    color:rgb(249, 249, 255)!important
+  }
+}