Skip to content

Page/theme changer #1146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Aug 22, 2025
Merged

Conversation

ShivanshCharak
Copy link
Contributor

@ShivanshCharak ShivanshCharak commented Aug 20, 2025

Notes for Reviewers

This PR fixes #

  • Added a theme-explorer page with its own color.ts and palette.ts files, copied from src/theme.
  • Each page now displays different types of color swatches, using all the styles defined in palette.ts.
  • The swatches in the Semantic and Background & Icon tabs display the different colors as defined in palette.ts, reflecting the exact styles and color values from the palette.
  • Can Share photo of the UI, you can also see it in `'themes-explorer'
  • Open to any change in style

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Shivansh Charak <[email protected]>
Signed-off-by: Shivansh Charak <[email protected]>
Signed-off-by: Shivansh Charak <[email protected]>
@ShivanshCharak
Copy link
Contributor Author

Related issue: #1006

@saurabhraghuvanshii
Copy link
Contributor

@ShivanshCharak ant type os recording

@ShivanshCharak
Copy link
Contributor Author

@saurabhraghuvanshii video recording ?

Copy link
Member

@RanitMukherjee RanitMukherjee left a comment

Choose a reason for hiding this comment

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

Thank you for the effort! However, I believe the pull request (PR) has deviated from its original scope quite a bit. For instance, addressing Redux state management for color would be better handled through its own set of issues and pull requests. This is something that needs to be discussed with the maintainers, ideally over Slack or in a meeting. Keeping things concise and to the point will improve the review process and lead to quicker merges.

Lastly, please attach screenshots.

Copy link
Member

Choose a reason for hiding this comment

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

Why makes changes to package.json?

Copy link
Contributor Author

@ShivanshCharak ShivanshCharak Aug 21, 2025

Choose a reason for hiding this comment

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

I tried to install tailwind(which i unintsalled later) for css, Which by mistake updated the version to the latest version, when i reverted back to old version i thought it is using next 12 version, ps forgot to remove auto prefixer

Copy link
Member

Choose a reason for hiding this comment

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

cool, then revert it to original, so as to ensure consistency

@saurabhraghuvanshii
Copy link
Contributor

@saurabhraghuvanshii video recording ?

yes

@ShivanshCharak
Copy link
Contributor Author

Screenshot from 2025-08-21 13-48-37 Screenshot from 2025-08-21 13-50-04 Screenshot from 2025-08-21 13-50-07 Screenshot from 2025-08-21 13-50-10 Screenshot from 2025-08-21 13-50-13 Screenshot from 2025-08-21 13-50-16 Screenshot from 2025-08-21 13-50-23 Screenshot from 2025-08-21 13-50-29 Screenshot from 2025-08-21 13-50-34 Screenshot from 2025-08-21 13-50-45 Screenshot from 2025-08-21 13-50-50 Screenshot from 2025-08-21 13-50-59 Screenshot from 2025-08-21 13-51-02 Screenshot from 2025-08-21 13-51-07 Screenshot from 2025-08-21 13-51-09

@saurabhraghuvanshii
Copy link
Contributor

@ShivanshCharak looks good just apply justion from @RanitMukherjee and take care of code formating and also revert next version. thanks

@saurabhraghuvanshii
Copy link
Contributor

@ShivanshCharak there are many lints problem, please linnt the file then commit, it hard to reviews

Signed-off-by: Shivansh Charak <[email protected]>
};
const {setMode,mode} = useContext(ThemeContext)
const toggleMode= ()=>{
setMode((prev)=>prev==="dark"?"light":"dark")
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
setMode((prev)=>prev==="dark"?"light":"dark")
setMode((prev) => (prev === 'dark' ? 'light' : 'dark'));

import DarkModeIcon from '@mui/icons-material/DarkMode';
import LightModeIcon from '@mui/icons-material/LightMode';
import { AppThemeContext, ThemeContext } from '@/lib/context/AppThemeContext';
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
import { AppThemeContext, ThemeContext } from '@/lib/context/AppThemeContext';
import { ThemeContext } from '@/lib/context/AppThemeContext';

"next-env.d.ts",
"**/*.ts",
"**/*.tsx"
, "lib/context/AppThemeContext.jsxx" ],
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
, "lib/context/AppThemeContext.jsxx" ],
, "lib/context/AppThemeContext.jsx" ],


import { useDispatch, useSelector } from 'react-redux';
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
import { useDispatch, useSelector } from 'react-redux';

where you're using it?

Signed-off-by: Shivansh Charak <[email protected]>
Signed-off-by: Shivansh Charak <[email protected]>
leecalcote added a commit that referenced this pull request Aug 22, 2025
@leecalcote leecalcote merged commit 0a1b6eb into layer5io:master Aug 22, 2025
2 checks passed
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.

4 participants