From a5dd3c946fdf99ebedbd6e2406943836bee2a2da Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:01:38 +0900 Subject: [PATCH 1/7] fix: parse alpha hex colors in PrismaticBurst --- src/content/Backgrounds/PrismaticBurst/PrismaticBurst.jsx | 2 +- src/tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.jsx | 2 +- src/ts-default/Backgrounds/PrismaticBurst/PrismaticBurst.tsx | 2 +- src/ts-tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Backgrounds/PrismaticBurst/PrismaticBurst.jsx b/src/content/Backgrounds/PrismaticBurst/PrismaticBurst.jsx index c2c1f0c70..0d38b66cd 100644 --- a/src/content/Backgrounds/PrismaticBurst/PrismaticBurst.jsx +++ b/src/content/Backgrounds/PrismaticBurst/PrismaticBurst.jsx @@ -184,7 +184,7 @@ const hexToRgb01 = hex => { b = h[2]; h = r + r + g + g + b + b; } - const intVal = parseInt(h, 16); + const intVal = parseInt(h.slice(0, 6), 16); if (isNaN(intVal) || (h.length !== 6 && h.length !== 8)) return [1, 1, 1]; const r = ((intVal >> 16) & 255) / 255; const g = ((intVal >> 8) & 255) / 255; diff --git a/src/tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.jsx b/src/tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.jsx index bae805cf2..3d15caffc 100644 --- a/src/tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.jsx +++ b/src/tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.jsx @@ -183,7 +183,7 @@ const hexToRgb01 = hex => { b = h[2]; h = r + r + g + g + b + b; } - const intVal = parseInt(h, 16); + const intVal = parseInt(h.slice(0, 6), 16); if (isNaN(intVal) || (h.length !== 6 && h.length !== 8)) return [1, 1, 1]; const r = ((intVal >> 16) & 255) / 255; const g = ((intVal >> 8) & 255) / 255; diff --git a/src/ts-default/Backgrounds/PrismaticBurst/PrismaticBurst.tsx b/src/ts-default/Backgrounds/PrismaticBurst/PrismaticBurst.tsx index 59b56ae73..ea7e67b80 100644 --- a/src/ts-default/Backgrounds/PrismaticBurst/PrismaticBurst.tsx +++ b/src/ts-default/Backgrounds/PrismaticBurst/PrismaticBurst.tsx @@ -200,7 +200,7 @@ const hexToRgb01 = (hex: string): [number, number, number] => { b = h[2]; h = r + r + g + g + b + b; } - const intVal = parseInt(h, 16); + const intVal = parseInt(h.slice(0, 6), 16); if (isNaN(intVal) || (h.length !== 6 && h.length !== 8)) return [1, 1, 1]; const r = ((intVal >> 16) & 255) / 255; const g = ((intVal >> 8) & 255) / 255; diff --git a/src/ts-tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.tsx b/src/ts-tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.tsx index 0baff0da2..55a53bd3b 100644 --- a/src/ts-tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.tsx +++ b/src/ts-tailwind/Backgrounds/PrismaticBurst/PrismaticBurst.tsx @@ -199,7 +199,7 @@ const hexToRgb01 = (hex: string): [number, number, number] => { b = h[2]; h = r + r + g + g + b + b; } - const intVal = parseInt(h, 16); + const intVal = parseInt(h.slice(0, 6), 16); if (isNaN(intVal) || (h.length !== 6 && h.length !== 8)) return [1, 1, 1]; const r = ((intVal >> 16) & 255) / 255; const g = ((intVal >> 8) & 255) / 255; From 6a16640960ac86658ceda38897fc4b82f4199b3a Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:37 +0900 Subject: [PATCH 2/7] fix: parse alpha hex colors in FaultyTerminal --- src/content/Backgrounds/FaultyTerminal/FaultyTerminal.jsx | 2 +- src/tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.jsx | 2 +- src/ts-default/Backgrounds/FaultyTerminal/FaultyTerminal.tsx | 2 +- src/ts-tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Backgrounds/FaultyTerminal/FaultyTerminal.jsx b/src/content/Backgrounds/FaultyTerminal/FaultyTerminal.jsx index 56bf78758..6b10a9a2c 100644 --- a/src/content/Backgrounds/FaultyTerminal/FaultyTerminal.jsx +++ b/src/content/Backgrounds/FaultyTerminal/FaultyTerminal.jsx @@ -215,7 +215,7 @@ function hexToRgb(hex) { .split('') .map(c => c + c) .join(''); - const num = parseInt(h, 16); + const num = parseInt(h.slice(0, 6), 16); return [((num >> 16) & 255) / 255, ((num >> 8) & 255) / 255, (num & 255) / 255]; } diff --git a/src/tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.jsx b/src/tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.jsx index 22970a6bf..d7d99523f 100644 --- a/src/tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.jsx +++ b/src/tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.jsx @@ -214,7 +214,7 @@ function hexToRgb(hex) { .split('') .map(c => c + c) .join(''); - const num = parseInt(h, 16); + const num = parseInt(h.slice(0, 6), 16); return [((num >> 16) & 255) / 255, ((num >> 8) & 255) / 255, (num & 255) / 255]; } diff --git a/src/ts-default/Backgrounds/FaultyTerminal/FaultyTerminal.tsx b/src/ts-default/Backgrounds/FaultyTerminal/FaultyTerminal.tsx index 9434a08c7..45b40e8e6 100644 --- a/src/ts-default/Backgrounds/FaultyTerminal/FaultyTerminal.tsx +++ b/src/ts-default/Backgrounds/FaultyTerminal/FaultyTerminal.tsx @@ -238,7 +238,7 @@ function hexToRgb(hex: string): [number, number, number] { .split('') .map(c => c + c) .join(''); - const num = parseInt(h, 16); + const num = parseInt(h.slice(0, 6), 16); return [((num >> 16) & 255) / 255, ((num >> 8) & 255) / 255, (num & 255) / 255]; } diff --git a/src/ts-tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.tsx b/src/ts-tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.tsx index 46e349986..ced8d1538 100644 --- a/src/ts-tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.tsx +++ b/src/ts-tailwind/Backgrounds/FaultyTerminal/FaultyTerminal.tsx @@ -237,7 +237,7 @@ function hexToRgb(hex: string): [number, number, number] { .split('') .map(c => c + c) .join(''); - const num = parseInt(h, 16); + const num = parseInt(h.slice(0, 6), 16); return [((num >> 16) & 255) / 255, ((num >> 8) & 255) / 255, (num & 255) / 255]; } From 86f8a5af00bd031764629c8165f68dd53d7afe8e Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:38 +0900 Subject: [PATCH 3/7] fix: parse alpha hex colors in LaserFlow --- src/content/Animations/LaserFlow/LaserFlow.jsx | 2 +- src/tailwind/Animations/LaserFlow/LaserFlow.jsx | 2 +- src/ts-default/Animations/LaserFlow/LaserFlow.tsx | 2 +- src/ts-tailwind/Animations/LaserFlow/LaserFlow.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Animations/LaserFlow/LaserFlow.jsx b/src/content/Animations/LaserFlow/LaserFlow.jsx index 7a0dc9031..f2436e1e6 100644 --- a/src/content/Animations/LaserFlow/LaserFlow.jsx +++ b/src/content/Animations/LaserFlow/LaserFlow.jsx @@ -282,7 +282,7 @@ export const LaserFlow = ({ .split('') .map(x => x + x) .join(''); - const n = parseInt(c, 16) || 0xffffff; + const n = parseInt(c.slice(0, 6), 16) || 0xffffff; return { r: ((n >> 16) & 255) / 255, g: ((n >> 8) & 255) / 255, b: (n & 255) / 255 }; }; diff --git a/src/tailwind/Animations/LaserFlow/LaserFlow.jsx b/src/tailwind/Animations/LaserFlow/LaserFlow.jsx index ae46fe572..2279a0f86 100644 --- a/src/tailwind/Animations/LaserFlow/LaserFlow.jsx +++ b/src/tailwind/Animations/LaserFlow/LaserFlow.jsx @@ -281,7 +281,7 @@ export const LaserFlow = ({ .split('') .map(x => x + x) .join(''); - const n = parseInt(c, 16) || 0xffffff; + const n = parseInt(c.slice(0, 6), 16) || 0xffffff; return { r: ((n >> 16) & 255) / 255, g: ((n >> 8) & 255) / 255, b: (n & 255) / 255 }; }; diff --git a/src/ts-default/Animations/LaserFlow/LaserFlow.tsx b/src/ts-default/Animations/LaserFlow/LaserFlow.tsx index e407e234f..f2a2999b5 100644 --- a/src/ts-default/Animations/LaserFlow/LaserFlow.tsx +++ b/src/ts-default/Animations/LaserFlow/LaserFlow.tsx @@ -305,7 +305,7 @@ export const LaserFlow: React.FC = ({ .split('') .map(x => x + x) .join(''); - const n = parseInt(c, 16) || 0xffffff; + const n = parseInt(c.slice(0, 6), 16) || 0xffffff; return { r: ((n >> 16) & 255) / 255, g: ((n >> 8) & 255) / 255, b: (n & 255) / 255 }; }; diff --git a/src/ts-tailwind/Animations/LaserFlow/LaserFlow.tsx b/src/ts-tailwind/Animations/LaserFlow/LaserFlow.tsx index c51744f93..1ee5fbb1c 100644 --- a/src/ts-tailwind/Animations/LaserFlow/LaserFlow.tsx +++ b/src/ts-tailwind/Animations/LaserFlow/LaserFlow.tsx @@ -268,7 +268,7 @@ function hexToRGB(hex: string) { .split('') .map(x => x + x) .join(''); - const n = parseInt(c, 16) || 0xffffff; + const n = parseInt(c.slice(0, 6), 16) || 0xffffff; return { r: ((n >> 16) & 255) / 255, g: ((n >> 8) & 255) / 255, b: (n & 255) / 255 }; } From 3ae27de9bc3966a3004a6c7141e7429e620e0f4e Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:38 +0900 Subject: [PATCH 4/7] fix: parse alpha hex colors in CursorGrid --- src/content/Animations/CursorGrid/CursorGrid.jsx | 2 +- src/tailwind/Animations/CursorGrid/CursorGrid.jsx | 2 +- src/ts-default/Animations/CursorGrid/CursorGrid.tsx | 2 +- src/ts-tailwind/Animations/CursorGrid/CursorGrid.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Animations/CursorGrid/CursorGrid.jsx b/src/content/Animations/CursorGrid/CursorGrid.jsx index 4438a941c..183c4f616 100644 --- a/src/content/Animations/CursorGrid/CursorGrid.jsx +++ b/src/content/Animations/CursorGrid/CursorGrid.jsx @@ -10,7 +10,7 @@ const FALLOFF_CURVES = { const hexToRgb = hex => { const h = hex.replace('#', ''); const v = h.length === 3 ? h.split('').map(c => c + c).join('') : h; - const num = parseInt(v, 16); + const num = parseInt(v.slice(0, 6), 16); return [(num >> 16) & 255, (num >> 8) & 255, num & 255]; }; diff --git a/src/tailwind/Animations/CursorGrid/CursorGrid.jsx b/src/tailwind/Animations/CursorGrid/CursorGrid.jsx index f04fbf7cf..77b89a8e9 100644 --- a/src/tailwind/Animations/CursorGrid/CursorGrid.jsx +++ b/src/tailwind/Animations/CursorGrid/CursorGrid.jsx @@ -9,7 +9,7 @@ const FALLOFF_CURVES = { const hexToRgb = hex => { const h = hex.replace('#', ''); const v = h.length === 3 ? h.split('').map(c => c + c).join('') : h; - const num = parseInt(v, 16); + const num = parseInt(v.slice(0, 6), 16); return [(num >> 16) & 255, (num >> 8) & 255, num & 255]; }; diff --git a/src/ts-default/Animations/CursorGrid/CursorGrid.tsx b/src/ts-default/Animations/CursorGrid/CursorGrid.tsx index 14d1d1e4f..427fb0ebc 100644 --- a/src/ts-default/Animations/CursorGrid/CursorGrid.tsx +++ b/src/ts-default/Animations/CursorGrid/CursorGrid.tsx @@ -51,7 +51,7 @@ const FALLOFF_CURVES: Record number> = { const hexToRgb = (hex: string): [number, number, number] => { const h = hex.replace('#', ''); const v = h.length === 3 ? h.split('').map(c => c + c).join('') : h; - const num = parseInt(v, 16); + const num = parseInt(v.slice(0, 6), 16); return [(num >> 16) & 255, (num >> 8) & 255, num & 255]; }; diff --git a/src/ts-tailwind/Animations/CursorGrid/CursorGrid.tsx b/src/ts-tailwind/Animations/CursorGrid/CursorGrid.tsx index b333f051c..3c185a53e 100644 --- a/src/ts-tailwind/Animations/CursorGrid/CursorGrid.tsx +++ b/src/ts-tailwind/Animations/CursorGrid/CursorGrid.tsx @@ -50,7 +50,7 @@ const FALLOFF_CURVES: Record number> = { const hexToRgb = (hex: string): [number, number, number] => { const h = hex.replace('#', ''); const v = h.length === 3 ? h.split('').map(c => c + c).join('') : h; - const num = parseInt(v, 16); + const num = parseInt(v.slice(0, 6), 16); return [(num >> 16) & 255, (num >> 8) & 255, num & 255]; }; From b31b124af124acb67d0347bb0d4901774157c806 Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:39 +0900 Subject: [PATCH 5/7] fix: parse alpha hex colors in Particles --- src/content/Backgrounds/Particles/Particles.jsx | 2 +- src/tailwind/Backgrounds/Particles/Particles.jsx | 2 +- src/ts-default/Backgrounds/Particles/Particles.tsx | 2 +- src/ts-tailwind/Backgrounds/Particles/Particles.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Backgrounds/Particles/Particles.jsx b/src/content/Backgrounds/Particles/Particles.jsx index 7c1fa7e54..24463a4e4 100644 --- a/src/content/Backgrounds/Particles/Particles.jsx +++ b/src/content/Backgrounds/Particles/Particles.jsx @@ -13,7 +13,7 @@ const hexToRgb = hex => { .map(c => c + c) .join(''); } - const int = parseInt(hex, 16); + const int = parseInt(hex.slice(0, 6), 16); const r = ((int >> 16) & 255) / 255; const g = ((int >> 8) & 255) / 255; const b = (int & 255) / 255; diff --git a/src/tailwind/Backgrounds/Particles/Particles.jsx b/src/tailwind/Backgrounds/Particles/Particles.jsx index 902eca651..1cac4b10f 100644 --- a/src/tailwind/Backgrounds/Particles/Particles.jsx +++ b/src/tailwind/Backgrounds/Particles/Particles.jsx @@ -11,7 +11,7 @@ const hexToRgb = hex => { .map(c => c + c) .join(''); } - const int = parseInt(hex, 16); + const int = parseInt(hex.slice(0, 6), 16); const r = ((int >> 16) & 255) / 255; const g = ((int >> 8) & 255) / 255; const b = (int & 255) / 255; diff --git a/src/ts-default/Backgrounds/Particles/Particles.tsx b/src/ts-default/Backgrounds/Particles/Particles.tsx index 394161c77..e240ac691 100644 --- a/src/ts-default/Backgrounds/Particles/Particles.tsx +++ b/src/ts-default/Backgrounds/Particles/Particles.tsx @@ -29,7 +29,7 @@ const hexToRgb = (hex: string): [number, number, number] => { .map(c => c + c) .join(''); } - const int = parseInt(hex, 16); + const int = parseInt(hex.slice(0, 6), 16); const r = ((int >> 16) & 255) / 255; const g = ((int >> 8) & 255) / 255; const b = (int & 255) / 255; diff --git a/src/ts-tailwind/Backgrounds/Particles/Particles.tsx b/src/ts-tailwind/Backgrounds/Particles/Particles.tsx index 8f79ec385..e1714e1e5 100644 --- a/src/ts-tailwind/Backgrounds/Particles/Particles.tsx +++ b/src/ts-tailwind/Backgrounds/Particles/Particles.tsx @@ -27,7 +27,7 @@ const hexToRgb = (hex: string): [number, number, number] => { .map(c => c + c) .join(''); } - const int = parseInt(hex, 16); + const int = parseInt(hex.slice(0, 6), 16); const r = ((int >> 16) & 255) / 255; const g = ((int >> 8) & 255) / 255; const b = (int & 255) / 255; From 6f26c4c8f9c6dde0d2d1c2e9b3101d2d938ce4e2 Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:40 +0900 Subject: [PATCH 6/7] fix: parse alpha hex colors in Folder --- src/content/Components/Folder/Folder.jsx | 2 +- src/tailwind/Components/Folder/Folder.jsx | 2 +- src/ts-default/Components/Folder/Folder.tsx | 2 +- src/ts-tailwind/Components/Folder/Folder.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/Components/Folder/Folder.jsx b/src/content/Components/Folder/Folder.jsx index 1355e4286..13e9db519 100644 --- a/src/content/Components/Folder/Folder.jsx +++ b/src/content/Components/Folder/Folder.jsx @@ -9,7 +9,7 @@ const darkenColor = (hex, percent) => { .map(c => c + c) .join(''); } - const num = parseInt(color, 16); + const num = parseInt(color.slice(0, 6), 16); let r = (num >> 16) & 0xff; let g = (num >> 8) & 0xff; let b = num & 0xff; diff --git a/src/tailwind/Components/Folder/Folder.jsx b/src/tailwind/Components/Folder/Folder.jsx index 87568405c..c0148ac0a 100644 --- a/src/tailwind/Components/Folder/Folder.jsx +++ b/src/tailwind/Components/Folder/Folder.jsx @@ -8,7 +8,7 @@ const darkenColor = (hex, percent) => { .map(c => c + c) .join(''); } - const num = parseInt(color, 16); + const num = parseInt(color.slice(0, 6), 16); let r = (num >> 16) & 0xff; let g = (num >> 8) & 0xff; let b = num & 0xff; diff --git a/src/ts-default/Components/Folder/Folder.tsx b/src/ts-default/Components/Folder/Folder.tsx index 3c53e279f..469330135 100644 --- a/src/ts-default/Components/Folder/Folder.tsx +++ b/src/ts-default/Components/Folder/Folder.tsx @@ -16,7 +16,7 @@ const darkenColor = (hex: string, percent: number): string => { .map(c => c + c) .join(''); } - const num = parseInt(color, 16); + const num = parseInt(color.slice(0, 6), 16); let r = (num >> 16) & 0xff; let g = (num >> 8) & 0xff; let b = num & 0xff; diff --git a/src/ts-tailwind/Components/Folder/Folder.tsx b/src/ts-tailwind/Components/Folder/Folder.tsx index eac7c80f9..2820da9f5 100644 --- a/src/ts-tailwind/Components/Folder/Folder.tsx +++ b/src/ts-tailwind/Components/Folder/Folder.tsx @@ -15,7 +15,7 @@ const darkenColor = (hex: string, percent: number): string => { .map(c => c + c) .join(''); } - const num = parseInt(color, 16); + const num = parseInt(color.slice(0, 6), 16); let r = (num >> 16) & 0xff; let g = (num >> 8) & 0xff; let b = num & 0xff; From e531da1150b4896288809dcca041e380ad359ea2 Mon Sep 17 00:00:00 2001 From: Juwan Date: Sun, 19 Jul 2026 21:22:40 +0900 Subject: [PATCH 7/7] fix: parse alpha hex colors in ElectricBorder --- src/tailwind/Animations/ElectricBorder/ElectricBorder.jsx | 2 +- src/ts-tailwind/Animations/ElectricBorder/ElectricBorder.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/tailwind/Animations/ElectricBorder/ElectricBorder.jsx b/src/tailwind/Animations/ElectricBorder/ElectricBorder.jsx index 6b1c16333..1aa47f906 100644 --- a/src/tailwind/Animations/ElectricBorder/ElectricBorder.jsx +++ b/src/tailwind/Animations/ElectricBorder/ElectricBorder.jsx @@ -9,7 +9,7 @@ function hexToRgba(hex, alpha = 1) { .map(c => c + c) .join(''); } - const int = parseInt(h, 16); + const int = parseInt(h.slice(0, 6), 16); const r = (int >> 16) & 255; const g = (int >> 8) & 255; const b = int & 255; diff --git a/src/ts-tailwind/Animations/ElectricBorder/ElectricBorder.tsx b/src/ts-tailwind/Animations/ElectricBorder/ElectricBorder.tsx index b9b31451a..a884d3920 100644 --- a/src/ts-tailwind/Animations/ElectricBorder/ElectricBorder.tsx +++ b/src/ts-tailwind/Animations/ElectricBorder/ElectricBorder.tsx @@ -9,7 +9,7 @@ function hexToRgba(hex: string, alpha: number = 1): string { .map(c => c + c) .join(''); } - const int = parseInt(h, 16); + const int = parseInt(h.slice(0, 6), 16); const r = (int >> 16) & 255; const g = (int >> 8) & 255; const b = int & 255;