✦

★

✦

✹

✧

// themes/lightMode.config.ts

export interface ThemeConfig {
  readonly name: "Light mode";
  active: true;
  sunRaysIntensity: 0.85;
  editor: "VS Code";
}

// routes/themeRouter.ts

import { Router, Request, Response } from "express";
const router = Router();
router.get("/abdeal", async (req: Request, res: Response) => {
const modeState = await selectModeUseCase.execute("light");
return res.status(200).json(modeState);
});

// hooks/useThemeSwitch.ts

export const useThemeSwitch = () => {
document.documentElement.classList.remove("dark");
localStorage.setItem("theme", "light");
};

Back to home

Blog & Updates

Technical notes, news, and insights on the projects I build.

September 4, 2026

Launch of my new personal web space with Astro

Why I decided to migrate to Astro and how I set up a modern architecture without the need for a dedicated backend.

AstroTailwindCSSWebdevPortfolio