Use a better colour palette for callouts

A problem with the warning and tip callouts is that they are extremely eye jarring. I avoid using them almost entirely because they are too jarring and eye catching compared to the rest of the content. Their contrast is also extremely high which makes actually reading the text difficult.

I would suggest an approach that bookstack takes, with more subtle backgrounds and less contrast between the background and text, like so:
![image](