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: "Open Sans", sans-serif;
}

.dark {
  @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: Enhance blog post layout and typography This commit introduces the following changes: - Increase the maximum width of the blog post layout from 3XL to 4XL on larger screens, providing more space for content. - Change the body font from "JetBrains Mono" to "Open Sans" to improve readability and aesthetics. - Increase the horizontal margin on larger screens from 72px to 80px, creating more breathing room around the content. These changes aim to enhance the overall presentation and user experience of the blog post layout, making it more visually appealing and comfortable to read. 2025-03-28 18:25:22 +03:00			`font-family: "Open Sans", sans-serif;`
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
✨ feat: Remove Theme Switcher - Update body class to use `dark` instead of `light` for dark mode - Remove `ThemeSwitcher` component as it is no longer needed - Update global CSS to set dark mode styles on the `.dark` class instead of `.light` 2025-03-28 18:12:21 +03:00			`.dark {`
✨ 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			`@apply bg-black text-white;`
			`}`