saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-28 07:09:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-remove rainbow mode after mistaken revert (#4311)

Browse Source 
# Description of Changes
Re-remove rainbow mode after mistaken revert
This commit is contained in:
James Brunton 2025-08-27 09:32:39 +01:00 committed by GitHub
parent 1c8b20b6e9
commit 00f0194b32
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/hooks/useRainbowTheme.ts
View File

@ -11,6 +11,8 @@ interface RainbowThemeHook {
deactivateRainbow: () => void; deactivateRainbow: () => void;
} }
const allowRainbowMode = false; // Override to allow/disallow fun
export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): RainbowThemeHook { export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): RainbowThemeHook {
// Get theme from localStorage or use initial // Get theme from localStorage or use initial
const [themeMode, setThemeMode] = useState<ThemeMode>(() => { const [themeMode, setThemeMode] = useState<ThemeMode>(() => {
@ -35,11 +37,11 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
// Save theme to localStorage whenever it changes // Save theme to localStorage whenever it changes
useEffect(() => { useEffect(() => {
localStorage.setItem('stirling-theme', themeMode); localStorage.setItem('stirling-theme', themeMode);
// Apply rainbow class to body if in rainbow mode // Apply rainbow class to body if in rainbow mode
if (themeMode === 'rainbow') { if (themeMode === 'rainbow') {
document.body.classList.add('rainbow-mode-active'); document.body.classList.add('rainbow-mode-active');
// Show easter egg notification // Show easter egg notification
showRainbowNotification(); showRainbowNotification();
} else { } else {
@ -77,7 +79,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
pointer-events: none; pointer-events: none;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
`; `;
document.body.appendChild(notification); document.body.appendChild(notification);
// Auto-remove notification after 3 seconds // Auto-remove notification after 3 seconds
@ -121,7 +123,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
pointer-events: none; pointer-events: none;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
`; `;
document.body.appendChild(notification); document.body.appendChild(notification);
// Auto-remove notification after 2 seconds // Auto-remove notification after 2 seconds
@ -144,7 +146,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
} }
const currentTime = Date.now(); const currentTime = Date.now();
// Simple exit from rainbow mode with single click (after cooldown period) // Simple exit from rainbow mode with single click (after cooldown period)
if (themeMode === 'rainbow') { if (themeMode === 'rainbow') {
setThemeMode('light'); setThemeMode('light');
@ -152,7 +154,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
showExitNotification(); showExitNotification();
return; return;
} }
// Reset counter if too much time has passed (2.5 seconds) // Reset counter if too much time has passed (2.5 seconds)
if (currentTime - lastToggleTime.current > 2500) { if (currentTime - lastToggleTime.current > 2500) {
toggleCount.current = 1; toggleCount.current = 1;
@ -162,18 +164,18 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
lastToggleTime.current = currentTime; lastToggleTime.current = currentTime;
// Easter egg: Activate rainbow mode after 10 rapid toggles // Easter egg: Activate rainbow mode after 10 rapid toggles
if (toggleCount.current >= 10) { if (allowRainbowMode && toggleCount.current >= 10) {
setThemeMode('rainbow'); setThemeMode('rainbow');
console.log('🌈 RAINBOW MODE ACTIVATED! 🌈 You found the secret easter egg!'); console.log('🌈 RAINBOW MODE ACTIVATED! 🌈 You found the secret easter egg!');
console.log('🌈 Button will be disabled for 3 seconds, then click once to exit!'); console.log('🌈 Button will be disabled for 3 seconds, then click once to exit!');
// Disable toggle for 3 seconds // Disable toggle for 3 seconds
setIsToggleDisabled(true); setIsToggleDisabled(true);
setTimeout(() => { setTimeout(() => {
setIsToggleDisabled(false); setIsToggleDisabled(false);
console.log('🌈 Theme toggle re-enabled! Click once to exit rainbow mode.'); console.log('🌈 Theme toggle re-enabled! Click once to exit rainbow mode.');
}, 3000); }, 3000);
// Reset counter // Reset counter
toggleCount.current = 0; toggleCount.current = 0;
return; return;
@ -203,4 +205,4 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
activateRainbow, activateRainbow,
deactivateRainbow, deactivateRainbow,
}; };
} }