GUI improvement and bug finding

[DevFoxxx]

I am working on improving the UI of my application and would appreciate any suggestions or help. Here are the main areas I am focusing on:

GUI improvements:

• Maybe put a nice background
• Change general graphics buttons and text

I would like suggestions on how to improve the user experience with more intuitive navigation. Design suggestions to make the interface more modern and intuitive. Bug tests to find out if there are any hidden bugs. Any feedback or pull requests would be appreciated.

[sakura11111111111111]

Suggested Improvements:

Background Design:
Propose gradient (#2C3E50→#3498DB) or SVG waves (see CodePen example).
Ensure text contrast ≥4.5:1 via WebAIM Contrast Checker.

Button/Navigation:
Add hover animations (CSS transform: translateY(-2px);).
Simplify menus with breadcrumbs (e.g., Home > Settings).

Testing:
Check mobile layout via DevTools → Toggle device toolbar.
Stress-test forms with 1000-character inputs.

Font Update:
Use Google Fonts (e.g., Roboto) for better readability.

Apologies I can't provide code solutions yet—I'm still learning the ropes as a new contributor! But I'd be happy to share visual mockups (PNG/SVG) for UI improvements if that helps. Let me know what details you need!😊

[DevFoxxx]

Thanks @sakura11111111111111 , I added some hovers on the keys and tested some backgrounds, but I'm still undecided so I will update the background in the future, same goes for google fonts. The app is designed only for desktop and not mobile.

Your advice is precious! Thanks again