feat(theme): add halloween special theme

src/lib/utils/__tests__/misc-utils.test.ts

@@ -12,7 +12,7 @@ import {
 } from '../replies-preview-utils';
 import { getQuotedCidsFromContent, mergeQuotedCids } from '../reply-quote-utils';
 import { formatUserIDForDisplay, truncateWithEllipsisInMiddle } from '../string-utils';
-import { getFormattedDate, getFormattedTimeAgo, isChristmas } from '../time-utils';
+import { getActiveSpecialTheme, getFormattedDate, getFormattedTimeAgo, getSpecialThemeClass, isChristmas, isHalloween } from '../time-utils';
 
 const testState = vi.hoisted(() => ({
   language: 'en',
@@ -276,8 +276,17 @@ describe('misc utils', () => {
 
     vi.setSystemTime(new Date('2024-12-24T00:00:00Z'));
     expect(isChristmas()).toBe(true);
+    expect(getActiveSpecialTheme()).toBe('christmas');
+    expect(getSpecialThemeClass('christmas')).toBe('tomorrow');
+
+    vi.setSystemTime(new Date('2024-10-31T00:00:00Z'));
+    expect(isHalloween()).toBe(true);
+    expect(getActiveSpecialTheme()).toBe('halloween');
+    expect(getSpecialThemeClass('halloween')).toBe('spooky');
 
     vi.setSystemTime(new Date('2024-07-04T00:00:00Z'));
     expect(isChristmas()).toBe(false);
+    expect(isHalloween()).toBe(false);
+    expect(getActiveSpecialTheme()).toBeNull();
   });
 });

src/lib/utils/time-utils.ts

@@ -92,3 +92,30 @@ export const isChristmas = (): boolean => {
   const day = today.getDate();
   return month === 11 && (day === 24 || day === 25);
 };
+
+export const isHalloween = (): boolean => {
+  const today = new Date();
+  const month = today.getMonth();
+  const day = today.getDate();
+  return month === 9 && day === 31;
+};
+
+export type ActiveSpecialTheme = 'christmas' | 'halloween';
+export type SpecialThemeClass = 'tomorrow' | 'spooky';
+
+export const getActiveSpecialTheme = (): ActiveSpecialTheme | null => {
+  if (isChristmas()) {
+    return 'christmas';
+  }
+  if (isHalloween()) {
+    return 'halloween';
+  }
+  return null;
+};
+
+export const getSpecialThemeClass = (specialTheme: ActiveSpecialTheme): SpecialThemeClass => {
+  if (specialTheme === 'halloween') {
+    return 'spooky';
+  }
+  return 'tomorrow';
+};