Skip to content
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

Change the Theme #22

Open
Tanisha-Puri opened this issue Dec 17, 2024 · 0 comments
Open

Change the Theme #22

Tanisha-Puri opened this issue Dec 17, 2024 · 0 comments
Labels
competitive For competitive issues, only top PRs need to be accepted. everyone For competitive issues, best PRs are only merged, no need to assign yourself open-for-all Any one can work on it without getting assigned, every PR can merge Points: 25

Comments

@Tanisha-Puri
Copy link
Collaborator

πŸŒ™ Theme Change: Light to Dark Mode

OPEN TO ALL
NO NEED TO CLAIM THE ISSUE
THIS IS A COMPETITIVE ISSUE
NO SUBMISSION WILL BE ACCEPTED AFTER 19th December 11:59 P.M.


πŸ’‘ Task Description:

Hey Creators! ✨

In this task, you are required to redesign the given app screens by changing their theme from Light Mode to Dark Mode in Figma. A well-executed dark mode design can improve user experience, reduce eye strain, and provide a modern look.

This is a competitive issue worth 25 points.
Partial points can be assigned.


πŸ“ Task Instructions:

  1. Redesign the given app screens:

    • Convert the app screens from Light Mode to Dark Mode.
    • Ensure the design is visually appealing, consistent, and easy to use.
  2. Submission Guidelines:

    • Create a Figma file with the redesigned app screens along with the original Light Mode screenshots placed alongside your design.
    • Submit a link to the Figma file in a .txt file.
    • Ensure that the Figma file has view access set to "Anyone with the link".
    • Place the .txt file under the folder: Theme Change: Light to Dark Mode.

πŸ”‘ MDC (Minimum Design Criteria):

  • Convert the entire app screen from Light Mode to Dark Mode.
  • Choose a color palette that is highly readable with proper contrast (Avoid using pure black or pure white).
  • Adjust:
    • Shapes, sizes, and positioning of components.
    • Text, icons, and button colors.
  • Don't modify:
    • The core structure of the app.
    • The general functionality.

Make sure the design is appropriate, consistent, and clean.


πŸ–ΌοΈ App Screens to Redesign:

Success Registration
Activity Tracker


⚠️ Important Notes:

  • Plagiarism will result in zero points and 20 points deduction from your leaderboard score.
  • Make sure your designs follow the Dark Mode standards to ensure a smooth user experience.

For any doubts or questions, feel free to ping us on Discord. We will be happy to help.
Good luck, and may the best design win! 🎨

@Tanisha-Puri Tanisha-Puri added competitive For competitive issues, only top PRs need to be accepted. everyone For competitive issues, best PRs are only merged, no need to assign yourself Points: 25 open-for-all Any one can work on it without getting assigned, every PR can merge labels Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
competitive For competitive issues, only top PRs need to be accepted. everyone For competitive issues, best PRs are only merged, no need to assign yourself open-for-all Any one can work on it without getting assigned, every PR can merge Points: 25
Projects
None yet
Development

No branches or pull requests

1 participant