🎨 Palette: Fix theme switching and improve accessibility#21
🎨 Palette: Fix theme switching and improve accessibility#21APPLEPIE6969 wants to merge 1 commit intomainfrom
Conversation
- Updated `app/globals.css` to include `color-scheme: light/dark` for system UI elements. - Updated `app/layout.tsx` to use CSS variable `bg-[var(--background)]` for the body, ensuring consistent background color switching. - Restored `darkMode: "class"` in `tailwind.config.ts` to ensure compatibility with manual theme toggling. - Added `aria-label` to the theme toggle button in `components/Sidebar.tsx` for accessibility. Co-authored-by: APPLEPIE6969 <242827480+APPLEPIE6969@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
1 participant
This PR addresses issues with theme switching between light mode (purple standard) and dark mode (#000000). It makes the switch more robust by relying on CSS variables for the root background and ensures native UI elements match the theme using
color-scheme. Additionally, it improves accessibility by adding an aria-label to the theme toggle button.PR created automatically by Jules for task 4035522228607210671 started by @APPLEPIE6969