nvrl/holy-flavor-rater
1
0 Fork 0
mirror of https://github.com/narrrl/holy-flavor-rater.git synced 2026-11-03 16:41:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into narl.io

Browse Source
This commit is contained in:
nvrl committed 2026-02-18 15:19:30 +01:00
2 parents 5f201e59b4 f0b571a1b2
commit ddb1c4ac72
2 files changed
+29 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/FirefliesBanner.tsx
+14 -2
View File
@@ -139,8 +139,20 @@ const FirefliesBanner: React.FC<FirefliesBannerProps> = ({ username, palette, se
ctx.clearRect(0, 0, width, height);
// Subtle forest night background
ctx.fillStyle = '#020408';
// Subtle theme-aware night sky background
const isLight = theme.palette.mode === 'light';
const bgGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
if (isLight) {
// Use a darker shade of the primary color but not pitch black
bgGrad.addColorStop(0, alpha(brightColors[0], 0.3));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.8));
} else {
bgGrad.addColorStop(0, '#0a0e14');
bgGrad.addColorStop(1, '#020408');
}
ctx.fillStyle = bgGrad;
ctx.fillRect(0, 0, width, height);
time += flickerSpeed;
frontend/src/components/NebulaBanner.tsx
+15 -4
View File
@@ -170,11 +170,22 @@ const NebulaBanner: React.FC<NebulaBannerProps> = ({ username, palette, ratingsC
ctx.clearRect(0, 0, width, height);
// 1. Deep Space Night Sky Gradient
// 1. Dynamic Celestial Background
const isLight = theme.palette.mode === 'light';
const skyGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
skyGrad.addColorStop(0, '#0a0a1a'); // Dark Midnight Blue
skyGrad.addColorStop(0.5, '#05050d'); // Near Black
skyGrad.addColorStop(1, '#020205'); // Deep Space
if (isLight) {
// Soft Midnight/Deep Primary for light mode
skyGrad.addColorStop(0, alpha(colors[0], 0.4));
skyGrad.addColorStop(0.6, alpha(colors[0], 0.7));
skyGrad.addColorStop(1, alpha(colors[0], 0.9));
} else {
// True Deep Space for dark mode
skyGrad.addColorStop(0, '#0a0a1a');
skyGrad.addColorStop(0.5, '#05050d');
skyGrad.addColorStop(1, '#020205');
}
ctx.fillStyle = skyGrad;
ctx.fillRect(0, 0, width, height);