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

edited background for nebula and fireflies

Browse Source
This commit is contained in:
nvrl committed 2026-02-18 15:28:54 +01:00
1 parent a5b554c942
commit dfe8ccb140
2 files changed
+13 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/FirefliesBanner.tsx
+5 -4
View File
@@ -137,14 +137,15 @@ const FirefliesBanner: React.FC<FirefliesBannerProps> = ({ username, palette, se
ctx.clearRect(0, 0, width, height);
// Vibrant 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) {
bgGrad.addColorStop(0, alpha(brightColors[0], 0.3));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.8));
bgGrad.addColorStop(0, alpha(brightColors[0], 0.5));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.95));
} else {
bgGrad.addColorStop(0, '#0a0e14');
bgGrad.addColorStop(1, '#020408');
bgGrad.addColorStop(0, '#141a2a'); // Noticeable blue-grey tint
bgGrad.addColorStop(1, '#05080f');
}
ctx.fillStyle = bgGrad;
ctx.fillRect(0, 0, width, height);
frontend/src/components/NebulaBanner.tsx
+8 -8
View File
@@ -175,15 +175,15 @@ const NebulaBanner: React.FC<NebulaBannerProps> = ({ username, palette, ratingsC
const skyGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
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));
// Vibrant Deep Primary for light mode
skyGrad.addColorStop(0, alpha(colors[0], 0.6));
skyGrad.addColorStop(0.5, alpha(colors[0], 0.8));
skyGrad.addColorStop(1, alpha(colors[0], 1.0));
} else {
// True Deep Space for dark mode
skyGrad.addColorStop(0, '#0a0a1a');
skyGrad.addColorStop(0.5, '#05050d');
skyGrad.addColorStop(1, '#020205');
// True Deep Space with visible tints for dark mode
skyGrad.addColorStop(0, '#1a1a3a'); // More blue/purple tint
skyGrad.addColorStop(0.5, '#0a0a1a');
skyGrad.addColorStop(1, '#050508');
}
ctx.fillStyle = skyGrad;