Skip to main content

​
Themes (Because Some People Fear the Light)

Dark mode? Light mode? Can’t decide? No worries—let’s make it dynamic. Instead of manually setting themes like a caveman, we’ll use a totally real function that figures it out for us.

​
Dynamically Switching Themes (A.K.A. Letting the Code Think for You)

import { NotificationFeed } from "sendify";

// Hypothetical theme provider. Maybe it's real, maybe it's just vibes.
const getTheme = () => {
  return Math.random() > 0.5 ? "dark" : "light"; // Because why not leave it to chance?
};

const ThemesPage = () => {
  const theme = getTheme(); // Let the computer decide your aesthetic.

  return (
    <div className="flex flex-col items-center justify-center h-screen gap-4">
      <p className="text-lg font-bold">
        Current Theme: <span className="capitalize">{theme}</span>
      </p>
      <NotificationFeed userId="[email protected]" theme={theme} />
    </div>
  );
};

export default ThemesPage;

​
That’s It.

No toggles, no settings—just a code-based coin flip to decide your visual fate. Perfectly logical. 🎭
If anything doesn’t work, well, I’m just 22. That means I take full responsibility… for absolutely nothing. Maybe it’s a bug, maybe it’s a feature—who’s to say? 😎