css

client/src/components/infoview/hints.tsx

@@ -4,7 +4,7 @@ import { Alert, FormControlLabel, Switch } from '@mui/material';
 import Markdown from '../Markdown';
 
 function Hint({hint} : {hint: GameHint}) {
-  return <Alert severity="info" sx={{ mt: 1 }}><Markdown>{hint.text}</Markdown></Alert>
+  return <div className="message info"><Markdown>{hint.text}</Markdown></div>
 }
 
 export function Hints({hints} : {hints: GameHint[]}) {

client/src/components/infoview/infoview.css

@@ -4,9 +4,9 @@
   padding: 5px 10px;
   border-radius: 3px 3px 3px 3px;
 }
-.message.information {
-  color: #059;
-  background-color: #BEF;
+.message.info {
+  /* color: #059; */
+  background-color: #DDF6FF;
 }
 .message.warning {
   color: #9F6000;