perf: 优化 autohue 渐变效果

Auto-Plugin · Feb 28, 2025 · 0fe73c0 · 0fe73c0
1 parent f673cc2
commit 0fe73c0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/autohue.js/index.css b/autohue.js/index.css
@@ -23,7 +23,7 @@
 .leftCover,
 .rightCover {
   height: 100%;
-  width: 30%;
+  width: 50%;
   position: absolute;
 }
 .leftCover {

diff --git a/autohue.js/index.html b/autohue.js/index.html
@@ -85,8 +85,8 @@ <h2>autohue.js</h2>
     autohue(dir + item, { threshold: { primary: 10, left: 1, right: 1 } }).then((res) => {
       const bgColor = `linear-gradient(90deg, ${res.backgroundColor.left}, ${res.backgroundColor.right})`
       const hueBox = document.getElementById(`${item}`)
-      hueBox.children[0].style.background = `linear-gradient(90deg,${res.backgroundColor.left},98%, transparent)`
-      hueBox.children[2].style.background = `linear-gradient(-90deg,${res.backgroundColor.right},98%, transparent)`
+      hueBox.children[0].style.background = `linear-gradient(90deg,${res.backgroundColor.left} 50%, transparent 60%)`
+      hueBox.children[2].style.background = `linear-gradient(-90deg,${res.backgroundColor.right} 50%, transparent 60%)`
     })
   }
 </script>