darkwave/app/globals.css

@import "tailwindcss";

/* :root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
} */

body {
  color: var(--foreground);
  background: var(--background);
  font-family: "JetBrains Mono", monospace;
}

.light {
  @apply bg-black text-white;
}
Initial commit from Create Next App 2025-03-01 06:33:09 +03:00			`@import "tailwindcss";`

✨ feat: Implement theme switcher in header This commit introduces a theme switcher component in the header, allowing users to toggle between light and dark modes. The changes include: - Added a new `ThemeSwitcher` component in `components/header/theme-switcher.tsx` that handles the theme switching logic and UI. - Integrated the `ThemeSwitcher` component into the `HeaderToolbar` component. - Updated the global CSS file (`app/globals.css`) to include styles for the light mode. - Initialized the theme based on user's previous preference or system preference. - Saved the user's theme preference in the browser's local storage for persistence. These changes provide a better user experience by allowing users to switch between light and dark modes, which can improve readability and accessibility, especially in different lighting conditions. 2025-03-26 20:58:40 +03:00			`/* :root {`
Initial commit from Create Next App 2025-03-01 06:33:09 +03:00			`--background: #ffffff;`
			`--foreground: #171717;`
			`}`

			`@media (prefers-color-scheme: dark) {`
			`:root {`
			`--background: #0a0a0a;`
			`--foreground: #ededed;`
			`}`
✨ feat: Implement theme switcher in header This commit introduces a theme switcher component in the header, allowing users to toggle between light and dark modes. The changes include: - Added a new `ThemeSwitcher` component in `components/header/theme-switcher.tsx` that handles the theme switching logic and UI. - Integrated the `ThemeSwitcher` component into the `HeaderToolbar` component. - Updated the global CSS file (`app/globals.css`) to include styles for the light mode. - Initialized the theme based on user's previous preference or system preference. - Saved the user's theme preference in the browser's local storage for persistence. These changes provide a better user experience by allowing users to switch between light and dark modes, which can improve readability and accessibility, especially in different lighting conditions. 2025-03-26 20:58:40 +03:00			`} */`
Initial commit from Create Next App 2025-03-01 06:33:09 +03:00
			`body {`
			`color: var(--foreground);`
			`background: var(--background);`
🎨 feat(layout): update open graph description Improve the open graph description for the blog to be more concise and informative. 2025-03-26 00:33:17 +03:00			`font-family: "JetBrains Mono", monospace;`
Initial commit from Create Next App 2025-03-01 06:33:09 +03:00			`}`
✨ feat: Implement theme switcher in header This commit introduces a theme switcher component in the header, allowing users to toggle between light and dark modes. The changes include: - Added a new `ThemeSwitcher` component in `components/header/theme-switcher.tsx` that handles the theme switching logic and UI. - Integrated the `ThemeSwitcher` component into the `HeaderToolbar` component. - Updated the global CSS file (`app/globals.css`) to include styles for the light mode. - Initialized the theme based on user's previous preference or system preference. - Saved the user's theme preference in the browser's local storage for persistence. These changes provide a better user experience by allowing users to switch between light and dark modes, which can improve readability and accessibility, especially in different lighting conditions. 2025-03-26 20:58:40 +03:00
			`.light {`
			`@apply bg-black text-white;`
			`}`