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-19 14:17:54 +01:00
2 parents 33dea7d1d9 0c00552905
commit 49a9a1b2c2
6 files changed
+17 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/FirefliesBanner.tsx
+4 -2
View File
@@ -141,8 +141,10 @@ const FirefliesBanner: React.FC<FirefliesBannerProps> = ({ username, palette, se
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.5));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.95));
// For light themes, we still need a "dusk/night" feel for fireflies to make sense.
// We use a deeper, more saturated version of the theme's colors.
bgGrad.addColorStop(0, alpha(brightColors[2] || '#1a1a2e', 0.85));
bgGrad.addColorStop(1, alpha(brightColors[2] || '#16213e', 1.0));
} else {
bgGrad.addColorStop(0, '#141a2a'); // Noticeable blue-grey tint
bgGrad.addColorStop(1, '#05080f');
frontend/src/components/GenerativeBanner.tsx
+1 -1
View File
@@ -269,7 +269,7 @@ const GenerativeBanner: React.FC<GenerativeBannerProps> = ({ username, palette,
height: '100%',
pointerEvents: 'none',
zIndex: 1,
mixBlendMode: 'screen'
mixBlendMode: theme.palette.mode === 'light' ? 'multiply' : 'screen'
}}
/>
);
frontend/src/components/GenerativeFlowBanner.tsx
+3 -2
View File
@@ -140,8 +140,9 @@ const GenerativeFlowBanner: React.FC<GenerativeFlowProps> = ({ username, palette
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.4));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.9));
// For light themes, use a deeper, more saturated version of the theme color
bgGrad.addColorStop(0, alpha(brightColors[brightColors.length - 1] || brightColors[0], 0.6));
bgGrad.addColorStop(1, alpha(brightColors[brightColors.length - 1] || brightColors[0], 0.9));
} else {
bgGrad.addColorStop(0, '#0a0a1a');
bgGrad.addColorStop(1, '#020205');
frontend/src/components/HextechBanner.tsx
+3 -2
View File
@@ -145,8 +145,9 @@ const HextechBanner: React.FC<HextechBannerProps> = ({ username, palette, settin
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.4));
bgGrad.addColorStop(1, alpha(brightColors[0], 0.9));
// For light themes, use a deeper, more saturated version of the theme color
bgGrad.addColorStop(0, alpha(brightColors[2] || brightColors[0], 0.65));
bgGrad.addColorStop(1, alpha(brightColors[2] || brightColors[0], 0.95));
} else {
bgGrad.addColorStop(0, '#0a051a'); // Arcane Purple tint
bgGrad.addColorStop(1, '#020105');
frontend/src/components/NebulaBanner.tsx
+4 -4
View File
@@ -175,10 +175,10 @@ const NebulaBanner: React.FC<NebulaBannerProps> = ({ username, palette, ratingsC
const skyGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
if (isLight) {
// 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));
// Vibrant Deep Primary for light mode - but dark enough for glowing gas to pop
skyGrad.addColorStop(0, alpha(colors[colors.length - 1], 0.7));
skyGrad.addColorStop(0.5, alpha(colors[colors.length - 1], 0.9));
skyGrad.addColorStop(1, alpha(colors[colors.length - 1], 1.0));
} else {
// True Deep Space with visible tints for dark mode
skyGrad.addColorStop(0, '#1a1a3a'); // More blue/purple tint
frontend/src/pages/Settings.tsx
+2 -2
View File
@@ -231,8 +231,8 @@ const Settings: React.FC<SettingsProps> = ({ themeName, onThemeChange }) => {
onChange={(e) => onThemeChange(e.target.value as CatppuccinTheme)}
>
<ListSubheader>Holy Archive</ListSubheader>
<MenuItem value="holy_light">Holy Light (Clean)</MenuItem>
<MenuItem value="holy_dark">Holy Dark (Premium)</MenuItem>
<MenuItem value="holy_light">Holy Light</MenuItem>
<MenuItem value="holy_dark">Holy Dark</MenuItem>
<ListSubheader>Light Themes</ListSubheader>
<MenuItem value="latte">Catppuccin Latte</MenuItem>