added theme toggle button correctly#230
Open
kalyaniugale wants to merge 260 commits intoSurajSG23:mainfrom
Open
added theme toggle button correctly#230kalyaniugale wants to merge 260 commits intoSurajSG23:mainfrom
kalyaniugale wants to merge 260 commits intoSurajSG23:mainfrom
Conversation
…nd dotenv, update index.html favicon, and add Firebase configuration
…ve button accessibility
…omePage and LandingPage components
… app configuration
…odify HomePage title
…ctionality; add useDetectTabSwitch hook to prevent tab switching during tests; update geminiPrompt format for consistency.
…Page for improved test history management
…ce Profile with name change functionality
…erID prop; enhance Header with icons and improve Profile to fetch user rank.
…ate test model to include topic field and enhance routing for uploads.
…URI; update CORS settings to allow all origins.
…MongoDB URI; update CORS settings to allow all origins." This reverts commit bcb7402.
…redentials option
…ges in HomePage, ScoreBoard, and PrevTests components; add file upload functionality in Profile component.
…ractice components - Integrated dark mode context in HtmlPractice, JavaPractice, JavaScriptPractice, and PythonPractice components. - Updated styles for backgrounds, buttons, inputs, and text to adapt to dark mode. - Improved accessibility and visual consistency by applying transition effects for color changes. - Refactored conditional rendering of class names for better readability and maintainability.
…roved readability and dark mode support; optimize speech recognition handling and feedback generation logic.
…and TechnicalQuestionsPage components - Added useDarkMode context to manage dark mode state. - Updated styles in QuestionOfTheDay component to reflect dark mode. - Refactored QuizPage to adjust colors and styles based on dark mode. - Enhanced TechnicalQuestionsPage with dark mode styles for buttons and cards. - Improved accessibility and user experience with responsive design adjustments.
…improvements - Updated Header component to support dark mode styling for profile dropdown and icons. - Improved loading screens and confirmation popups in HomePage with dark mode compatibility. - Refactored company listing sections in HomePage for better readability and maintainability. - Added dynamic class names for background and text colors based on dark mode state. - Streamlined search functionality and UI elements for a more cohesive user experience.
…port and UI consistency - Updated Profile component to integrate dark mode context and enhance loading states. - Refactored modal styles in Profile for better dark mode compatibility. - Improved user feedback during loading in ScoreBoard with dark mode adjustments. - Enhanced leaderboard table styling in ScoreBoard for dark mode. - Cleaned up unused imports and optimized state management in both components.
Added practice timer functionality across multiple components
…ent timer functionality, and improve UI/UX elements
feat: Implement dark+light mode support across the website
- Fixed navbar dropdown so it overlays content instead of pushing it down - Updated positioning to use absolute overlay for consistent behavior - Ensured proper z-index and backdrop styles for smooth UI ]
[fix(navbar): resolve overlay issue with mobile dropdown
Create pull request template for contributions
Added Workflow for autocomment on issues
Fix: added smooth scrolling for navbar links
Fixes homepage main title, text and cursor responsiveness
|
Someone is attempting to deploy a commit to the surajsg23's projects Team on Vercel. A member of the Team first needs to authorize it. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
20 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Which issue does this PR close?
Rationale for this change
The theme toggle button in the app wasn’t functioning — clicking it didn’t actually switch between light and dark mode or update the UI.
This change introduces a proper dark-mode context and persistent state management so that the theme toggle works reliably across the entire app.
What changes are included in this PR?
DarkModeContextusing React Context API.localStorageand system preference fallback..darkclass to<html>for global styling.ThemeTogglecomponent.Header.tsxto use the new toggle and context.Are these changes tested?
✅ Manually tested on local dev build:
Are there any user-facing changes?
✅ Yes — users can now successfully switch between light and dark themes.
The preference is remembered for future sessions, improving overall UX.
before :
(no toggle button)
after changes :