Enhance hover effect on console Clear button #2592

[Harshit-7373]

Fixes #2592

Changes:

1. Updated the colour of the hover effect for the Clear button in the console in _console.scss file.
2. The colour is mentioned in the theme file for all the 3 (Light , Dark and High contrast themes).

For Light Mode :

For Dark Mode :

For High-Contrast Mode :

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[Harshit-7373]

@raclim , it was discussed in the comment section of the issue that changing only the text color is the best option.

If you want, I can add a smooth transition similar to how it works for different features in the p5.js web editor. Please share your thoughts on this.

[Harshit-7373]

@raclim I have updated the requested Changes. Please Check them once.

Here is an image , That shows that the required changes are shown correctly.

[raclim]

Thanks for the update! After looking a bit more closely, I think it might be best to add a few changes, which I made note of. Let me know if you have any questions about them!

[Harshit-7373]

@raclim I have Corrected and Updated the file taking reference of the requested changes.

[raclim]

Thanks for making the changes! I made a few extra adjustments to the formatting to ensure minimal changes, so I think this is good to go.