Revert "Add Dark Mode Theme to Improve User Experience and Accessibility"

[Zahnentferner]

Reverts #38

Summary by CodeRabbit

• Style
  • Removed the dark mode toggle, eliminating theme switching capability
  • Redesigned the entire interface with gradient borders transitioning from green to amber throughout pages and components
  • Applied consistent light-theme styling across all pages, blog cards, footers, pagination, and headers
  • Simplified and unified visual styling with updated gradient borders and streamlined color scheme
  • Updated markdown content rendering with simplified typography styling

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

This PR removes dark mode theme support and simplifies styling across the application. The ThemeProvider and ThemeToggle components are removed or significantly refactored, and dark-mode-specific Tailwind classes are stripped from all affected components in favor of a unified light-mode gradient design.

Changes

Cohort / File(s)	Summary
Theme Infrastructure components/theme-provider.tsx, components/theme-toggle.tsx	ThemeProvider refactored to delegate to NextThemesProvider (removes internal state management); ThemeToggle component entirely removed.
Layout & Page Components app/layout.tsx, app/page.tsx, app/a/[slug]/BlogPostClient.tsx, app/submit/page.tsx	Removed ThemeProvider wrapper from root layout; removed ThemeToggle imports and usage from page components; replaced dark-mode conditional styling with consistent light-mode gradient borders and simplified color schemes.
UI Components components/blog-card.tsx, components/footer.tsx, components/pagination.tsx	Removed dark-mode-specific classes (dark:bg-*, dark:text-*, dark:border-*) from cards, footer, and pagination; applied unified gradient borders and light-mode backgrounds throughout.
Markdown Renderer lib/markdown-renderer.tsx	Removed dark-mode classes from headers, code blocks, blockquotes, and lists; added BASE_PATH handling for image src attributes in production.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~15 minutes

Possibly related PRs

• Add Dark Mode Theme to Improve User Experience and Accessibility #38: Directly addresses theme-related infrastructure changes affecting ThemeProvider, ThemeToggle, and dark-mode styling across multiple components.
• replace blog-data.json with direct markdown file reading #2: Modifies lib/markdown-renderer.tsx with BASE_PATH additions and class name updates.
• Card ui changes #9: Modifies components/blog-card.tsx styling and layout structure.

Suggested labels

Typescript Lang

Suggested reviewers

• ceilican

Poem

🐰 The dark theme fades to light so bright,
With gradient borders—green to gold, what sight!
No more toggles dancing in the night,
Just simple, sunny styles done right! ✨

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title accurately describes the main change: reverting a dark mode theme implementation across multiple files.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch revert-38-main

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

You can validate your CodeRabbit configuration file in your editor.

If your editor has YAML language server, you can enable auto-completion and validation by adding # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json at the top of your CodeRabbit configuration file.