Add auto reader background color

pnpm-lock.yaml

@@ -71,6 +71,9 @@ importers:
       awaitable-component:
         specifier: 1.0.0
         version: 1.0.0(react@19.2.6)
+      colorthief:
+        specifier: 3.4.0
+        version: 3.4.0
       csstype:
         specifier: 3.2.3
         version: 3.2.3
@@ -3238,6 +3241,15 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  colorthief@3.4.0:
+    resolution: {integrity: sha512-mwXc0OHLsb1on2JtVD2go31GTyHwBLtkRruggz6H/bY2vI1mL8v8Mvam9qIWiI4khnsbQXoBs8M+EofnlcQitQ==}
+    hasBin: true
+    peerDependencies:
+      sharp: '>=0.33.0'
+    peerDependenciesMeta:
+      sharp:
+        optional: true
+
   commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
@@ -8668,6 +8680,8 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  colorthief@3.4.0: {}
+
   commander@10.0.1: {}
 
   commander@14.0.3: {}