Improve UI & Add Night Mode

[coduri]

Description

I want to refine the overall user interface (UI) and introduce a Night Mode. Both Light and Dark modes should follow a consistent design inspired by the color palette of the ghost logo. The current Light Mode needs improvements to achieve a more polished and modern look.

Goals

• Redesign Light Mode for a cleaner and more modern appearance.
• Implement a Night Mode with a toggle switch.
• Ensure both themes use a cohesive color palette based on the ghost logo.

Tasks

• [ ] Define a consistent color scheme for both Light and Dark modes.
• [ ] Improve typography, spacing, and UI elements for better readability and aesthetics.
• [ ] Implement a toggle switch for Night Mode.
• [ ] Store user preferences (e.g. LocalStorage).
• [ ] Apply the new design to all components (buttons, backgrounds, text, etc.).

[cioccarellia]

A gradient background would also be a nice addition

[tmpram]

@coduri great work. I am looking for implementation for "Multiple-Image Encryption by Rotating Random Grids". Although the algorithm is mentioned, and I tried it myself, but the results are not as expected. I think I am missing something

[coduri]

Hi @tmpram, thanks for your comment!

Currently, VisualCrypto does not include an implementation of rotating random grids, so it sounds like this is something you're working on independently.

The thread you replied to is about a UI enhancement, so having a dedicated issue for the “Multiple-Image Encryption by Rotating Random Grids” topic would help keep the discussion organized and easier to follow. Could you please open a new issue for that topic?

In the new issue, please include:

• A brief description of the algorithm and how it’s supposed to work.
• The specific problem you're encountering.
• A code snippet the part you've implemented so far.
• References links or citations to any papers or resources you're following.

Feel free to tag me when you open the issue!