Merge branch 'master' of https://github.com/datguypiko/Firefox-Mod-Blur

EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css

@@ -18,3 +18,10 @@
 #personal-bookmarks #PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"] {
     background-color: #555555 !important;
 }
+
+#PersonalToolbar:not([customizing]) {
+    max-width: fit-content;
+/*   For centering
+    width:100vw;
+    align-self:center; */
+  }

EXTRA THEMES/Spill/spill-style-part1-file.css

@@ -1,8 +1,10 @@
 /* Spill style. Modifications for userChrome file */
 
 /* ----- My Custom Colors ----- */
-:root {
-    --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important;
+@media (prefers-color-scheme: dark) {
+    :root {
+        --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important;
+    }
 }
 
 /* Main BAR */

EXTRA THEMES/Spill/spill-style-part2-file.css

@@ -1,17 +1,28 @@
 /* Spill style. Modifications for userContent file */
 
-:root {
-  --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important;
-  --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important;
-  --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important;
-  --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important;
+@media (prefers-color-scheme: dark) {
+  :root {
+    --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important;
+    --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important;
+    --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important;
+    --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important;
+  }
 }
 
 @-moz-document url("about:privatebrowsing") {
-  html:not(#ublock0-epicker),
-  html:not(#ublock0-epicker) body,
-  #newtab-customize-overlay {
-    background-image: url("ASSETS/other/spill.svg") !important;
+  @media (prefers-color-scheme: dark) {
+    html:not(#ublock0-epicker),
+    html:not(#ublock0-epicker) body,
+    #newtab-customize-overlay {
+      background-image: url("ASSETS/other/spill.svg") !important;
+    }
+  }
+  @media (prefers-color-scheme: light) {
+    html:not(#ublock0-epicker),
+    html:not(#ublock0-epicker) body,
+    #newtab-customize-overlay {
+      background-image: url("ASSETS/other/spill-light.svg") !important;
+    }
   }
 
   #search-handoff-button {
@@ -42,10 +53,19 @@
 
 @-moz-document url("about:home"),
 url("about:newtab") {
-  html:not(#ublock0-epicker),
-  html:not(#ublock0-epicker) body,
-  #newtab-customize-overlay {
-    background-image: url("ASSETS/other/spill-main.svg") !important;
+  @media (prefers-color-scheme: dark) {
+    html:not(#ublock0-epicker),
+    html:not(#ublock0-epicker) body,
+    #newtab-customize-overlay {
+      background-image: url("ASSETS/other/spill-main.svg") !important;
+    }
+  }
+  @media (prefers-color-scheme: light) {
+    html:not(#ublock0-epicker),
+    html:not(#ublock0-epicker) body,
+    #newtab-customize-overlay {
+      background-image: url("ASSETS/other/spill-main-light.svg") !important;
+    }
   }
 
   .body-wrapper .tile {

README.md

@@ -7,14 +7,14 @@
 > finishes the feature of toggling extra mods/themes in `about:config`.
 
 <p align="center">
-<a href="#page_facing_up-other"><img alt="Version" src="https://img.shields.io/badge/Last%20tested%20Firefox-v130.0-blue?style=flat&logo=firefox&logoColor=white"></a>
-<a href="#shield-last-updates"><img alt="Updated Date" src="https://img.shields.io/badge/Updated-13/09/2024-blueviolet?style=flat"></a>
+<a href="#page_facing_up-other"><img alt="Version" src="https://img.shields.io/badge/Last%20tested%20Firefox-v132.0-blue?style=flat&logo=firefox&logoColor=white"></a>
+<a href="#shield-last-updates"><img alt="Updated Date" src="https://img.shields.io/badge/Updated-01/11/2024-blueviolet?style=flat"></a>
 <img alt="Created" src="https://img.shields.io/badge/Updated%20since-2020-important?style=flat">
 
 <p align="center">
 <a href="#wrench-installation"><img alt="Installation Guide" src="https://img.shields.io/badge/Installation%20Guide-informational?style=for-the-badge"></a> 
 <a href="#-select-and-add-extra-styles-and-functions"><img alt="Extra mods" src="https://img.shields.io/badge/Extra%20Mods-blueviolet?style=for-the-badge"></a>
-<a href="https://github.com/datguypiko/Firefox-Mod-Blur/releases/latest"><img alt="Download Latest" src="https://img.shields.io/badge/Download%20v2.10-important?style=for-the-badge"></a>
+<a href="https://github.com/datguypiko/Firefox-Mod-Blur/releases/latest"><img alt="Download Latest" src="https://img.shields.io/badge/Download%20v2.11-important?style=for-the-badge"></a>
 </p>
 
 <p align="center"> <img alt="FirefoxCss" src="https://i.imgur.com/ChlWHFp.png"> </p>
@@ -204,8 +204,7 @@ python3 installer.py <Firefox profile directory>
 <h2>:wrench: MicaForEveryone Installation</h2>
 
 > [!Warning]
-> ##### DEPRECATED WITH FIREFOX v117 and up
-> ##### To continue using MicaForEveryone you can use Firefox v115 ESR - Extended Support Release version which will be supported and have security updates for at least a year. You can install ESR version to separate folder so you are able continue using both versions. I haven't tested that version so there could be some minor issues. https://www.mozilla.org/en-US/firefox/all/#product-desktop-esr. I recommend using my older version files. [Maybe something like v115.x - v117.x should work fine.](https://github.com/datguypiko/Firefox-Mod-Blur/releases).
+> ##### Coming soon again in firefox v133,v134 or v135. Will probably come with v3.0.
  
 1. Download the portable or installation file from [github.com/MicaForEveryone](https://github.com/MicaForEveryone/MicaForEveryone/releases).
 2. Install the extra files it asks you to install. And run the program.