Skip to content

fix:Fixed the Reversed Theme Mode as Sun indicates the Light mode and…#155

Open
AnishkumarProjects05 wants to merge 1 commit into
Vaibhav-kesarwani:mainfrom
AnishkumarProjects05:features/100-react-project
Open

fix:Fixed the Reversed Theme Mode as Sun indicates the Light mode and…#155
AnishkumarProjects05 wants to merge 1 commit into
Vaibhav-kesarwani:mainfrom
AnishkumarProjects05:features/100-react-project

Conversation

@AnishkumarProjects05

Copy link
Copy Markdown

Program

program : gssoc

Description

Fixes an issue where the theme toggle icons (Sun and Moon) were inverted. The component was incorrectly showing the Sun icon when dark mode was active, and the Moon icon when light mode was active.

This PR swaps the Tailwind CSS transition utilities on both icons to ensure:

  • The Sun icon displays when the application is in Light Mode.
  • The Moon icon displays when the application is in Dark Mode.

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)

Visual Verification

Mode Previous Behavior (Incorrect) Updated Behavior (Correct)
Light Mode Displayed Moon 🌙 Displays Sun ☀️
Dark Mode Displayed Sun ☀️ Displays Moon 🌙

Checklist

  • My code follows the code style of this project.
  • The transition and clip-path micro-animations still work perfectly.
  • Tested locally in both light and dark modes across multiple browser views.
  • Checked and Pulled Request as an gssoc Contributor

Screenshot for Verification

Light and Default Mode:

image

Dark Mode

image

… Moon indicates Dark mode and by default it would be Light Mode
@vercel

vercel Bot commented May 24, 2026

Copy link
Copy Markdown

@AnishkumarProjects05 is attempting to deploy a commit to the vaibhav's projects Team on Vercel.

A member of the Team first needs to authorize it.

@ARPANPATRA111 ARPANPATRA111 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AnishkumarProjects05 Unwanted PR.
that theme toggle behavior was intentional.

it basically represents that clicking the theme toggle will take you to the opposite theme

@Vaibhav-kesarwani You can close this one 🔴

@AnishkumarProjects05

Copy link
Copy Markdown
Author

@AnishkumarProjects05 Unwanted PR.
that theme toggle behavior was intentional.

it basically represents that clicking the theme toggle will take you to the opposite theme

@Vaibhav-kesarwani You can close this one 🔴

Hey but that was the task to be contribute right

@Karanjot786

Copy link
Copy Markdown

Hey @AnishkumarProjects05! Saw your work on GSSoC 2026.

We are building TermUI, a TypeScript terminal UI framework with React-style hooks and JSX, rendered entirely in the terminal.

We have 99 unassigned GSSoC issues open across widgets, hooks, adapters, and CLI tooling. Your TypeScript background transfers directly.

Karanjot, TermUI maintainer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants