style(luxe): increase generative art opacity on journal and archive cards

fezcode · fezcode · commit 07d2004c296e · 2026-04-11T02:10:14.000+03:00
diff --git a/src/pages/apps/github-thumbnail/themes/luxe.js b/src/pages/apps/github-thumbnail/themes/luxe.js
@@ -1,7 +1,7 @@
 import { wrapText } from '../utils';
 
 export const luxe = (ctx, width, height, scale, data) => {
-  const { repoOwner, repoName, description, language, stars, primaryColor, secondaryColor, bgColor } = data;
+  const { repoOwner, repoName, description, language, stars } = data;
 
   // LCG Random Generator (Ported from LuxeArt.jsx)
   const seed = repoName + repoOwner;
diff --git a/src/pages/luxe-views/LuxeBlogPage.jsx b/src/pages/luxe-views/LuxeBlogPage.jsx
@@ -203,7 +203,7 @@ const LuxeBlogPage = () => {
                         backgroundSize: '20px 20px',
                       }}
                     />
-                    <div className="absolute inset-0 opacity-0 group-hover:opacity-[0.04] transition-opacity duration-1000 pointer-events-none">
+                    <div className="absolute inset-0 opacity-[0.05] group-hover:opacity-[0.12] transition-opacity duration-1000 pointer-events-none">
                        <LuxeArt seed={item.title} colorful={false} className="w-full h-full mix-blend-multiply" />
                     </div>
                     <h2 className="font-playfairDisplay text-[#1A1A1A] leading-tight group-hover:scale-105 transition-transform duration-700 ease-out text-3xl md:text-4xl relative z-10">
diff --git a/src/pages/luxe-views/LuxeLogsPage.jsx b/src/pages/luxe-views/LuxeLogsPage.jsx
@@ -181,7 +181,7 @@ const LuxeLogsPage = () => {
                     className="group relative block aspect-square bg-white rounded-xl overflow-hidden border border-[#1A1A1A]/5 shadow-sm hover:shadow-xl transition-all duration-500"
                   >
                     <div className="absolute inset-0 opacity-[0.02] pointer-events-none" style={{ backgroundImage: 'radial-gradient(#1A1A1A 1px, transparent 1px)', backgroundSize: '16px 16px' }} />
-                    <div className="absolute inset-0 opacity-[0.02] group-hover:opacity-[0.06] transition-opacity duration-700 pointer-events-none">
+                    <div className="absolute inset-0 opacity-[0.05] group-hover:opacity-[0.15] transition-opacity duration-700 pointer-events-none overflow-hidden rounded-xl">
                       <LuxeArt seed={log.title} colorful={true} className="w-full h-full mix-blend-multiply transition-transform duration-1000 group-hover:scale-110" />
                     </div>
                     <div className="absolute inset-0 p-6 md:p-8 flex flex-col justify-between">

Original file line number	Diff line number	Diff line change
`@@ -181,7 +181,7 @@ const LuxeLogsPage = () => {`
`181`	`181`	`className="group relative block aspect-square bg-white rounded-xl overflow-hidden border border-[#1A1A1A]/5 shadow-sm hover:shadow-xl transition-all duration-500"`
`182`	`182`	`>`
`183`	`183`	`<div className="absolute inset-0 opacity-[0.02] pointer-events-none" style={{ backgroundImage: 'radial-gradient(#1A1A1A 1px, transparent 1px)', backgroundSize: '16px 16px' }} />`
`184`		`- <div className="absolute inset-0 opacity-[0.02] group-hover:opacity-[0.06] transition-opacity duration-700 pointer-events-none">`
	`184`	`+ <div className="absolute inset-0 opacity-[0.05] group-hover:opacity-[0.15] transition-opacity duration-700 pointer-events-none overflow-hidden rounded-xl">`
`185`	`185`	`<LuxeArt seed={log.title} colorful={true} className="w-full h-full mix-blend-multiply transition-transform duration-1000 group-hover:scale-110" />`
`186`	`186`	`</div>`
`187`	`187`	`<div className="absolute inset-0 p-6 md:p-8 flex flex-col justify-between">`