Restyle about dialog

[kostyafarber]

Description

The purpose of the pull request is to improve upon the style of the help dialog in Jupyter Notebook #6552

The updated dialog is as below.

[github-actions]

👈 Launch a Binder on branch kostyafarber/notebook/issue-6552

[jtpio]

Thanks @kostyafarber this looks good.

I'm currently investigating the CI failure in #6579, will try to get it in before merging this PR.

[kostyafarber]

@jtpio also I thought of perhaps making the links default to the orange highlight as in:

I think it would look better than the purple as it is now.

Also making the hover state over the url links the same grey as the dismiss button instead of the red, as in the current JuypterLite:

I couldn't figure out how to make those changes 😞 but they could round out the design and make it look better I think.

Just some thoughts!

[jtpio]

I couldn't figure out how to make those changes disappointed but they could round out the design and make it look better I think.

It's probably in one of the CSS classes, we could investigate in a follow-up PR how to improve it yes.

[jtpio]

Looks like the prettier failure is relevant (would need a lint pass): https://github.com/jupyter/notebook/actions/runs/3289225812/jobs/5420503955

[jtpio]

Thanks!

[jtpio]

@kostyafarber if you feel like iterating on this don't hesitate to open a new PR, thanks!

[kostyafarber]

@jtpio thanks will do!

[kostyafarber]

@jtpio Hey sorry to be that guy but would you be able to add the hacktoberfest-accepted label on this PR? Would be much appreciated 😄

[jtpio]

Sure thing, done!