Update wallpaper-edition.css

Wallpaper style 3 mod fix colors and size.
datguypiko · Apr 18, 2024 · c8b00fa · c8b00fa
1 parent 37c2d51
commit c8b00fa
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/EXTRA THEMES/Wallpaper Edition/Style 3/wallpaper-edition.css b/EXTRA THEMES/Wallpaper Edition/Style 3/wallpaper-edition.css
@@ -1,6 +1,6 @@
 :root {
-  --firefoxcss-item-bg-color: hsla(0, 0%, 12%, 0.7) !important;
-  --firefoxcss-item-hover-bg-color: hsla(0, 0%, 14%, 0.6) !important;
+  --firefoxcss-wallpaper-item-bg-color: hsla(0, 0%, 12%, 0.7);
+  --firefoxcss-wallpaper-item-hover-bg-color: hsla(0, 0%, 14%, 0.5);
 }
 
 @media (prefers-color-scheme: light) {
@@ -24,8 +24,8 @@ url("about:newtab") {
   }
 
   .outer-wrapper .search-wrapper .search-handoff-button {
-    -webkit-backdrop-filter: blur(24px) !important;
     backdrop-filter: blur(24px) !important;
+    background-color: var(--firefoxcss-wallpaper-item-bg-color) !important;
     border-top: 1px solid hsla(0, 0%, 70%, 0.135) !important;
     fill: hsla(0, 0%, 100%, 0.6) !important;
     border: 1px solid #0000001c !important;
@@ -49,9 +49,23 @@ url("about:newtab") {
     width: 100% !important;
     border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent) !important;
   }
+
+  .outer-wrapper .top-sites-list .top-site-outer {
+    padding-inline: 14px !important;
+    margin-block-end: 24px !important;
+  }
+
+  .outer-wrapper .top-site-outer .top-site-inner > a {
+    padding: 0px !important;
+  }
+
+   .outer-wrapper .top-site-outer .context-menu-button {
+    inset-inline-end: 4px !important;
+    top: -20px !important;
+  }
 
   .outer-wrapper .search-inner-wrapper:hover .search-handoff-button {
-    background-color: var(--firefoxcss-item-hover-bg-color) !important;
+    background-color: var(--firefoxcss-wallpaper-item-hover-bg-color) !important;
     border-top: 1px solid hsla(0, 0%, 48%, 0.3) !important;
     fill: rgba(251, 251, 254, 0.8) !important;
   }