This serves as a review and suggestions for colour choices for LTI 1.3
For text, --success-color is currently #655600, a dark yellow. I suggest using pure green, eg #008000 as in the buttons, or #005500 for greater contrast with backgrounds but less significance compared to black text.
The text --warning-color is currently #b74a00, a vibrant orange which whilst distinct compared directly to --danger-color, is red enough to be mistaken for the danger colour when alone. I suggest #9d6b00 as a darker, yellow-er orange
This would change:
to:
For the buttons, --primary-button-bg is very neon compared to other colours at #00e6ff. I would suggest brightening it to #76f2ff.
Alert colours: The background colours for success and danger are very pale and I read them as 'nice colours' rather than 'alert to pay attention to. For the success this is largely not an issue, but I think that in the case of the alert for no connection it needs to be brighter, see:
More red (blue/green equal) and less bright (eg #ff9191) helps with this, though may require making the text colour darker.
This serves as a review and suggestions for colour choices for LTI 1.3
For text, --success-color is currently #655600, a dark yellow. I suggest using pure green, eg #008000 as in the buttons, or #005500 for greater contrast with backgrounds but less significance compared to black text. The text --warning-color is currently #b74a00, a vibrant orange which whilst distinct compared directly to --danger-color, is red enough to be mistaken for the danger colour when alone. I suggest #9d6b00 as a darker, yellow-er orange This would change: to:
For the buttons, --primary-button-bg is very neon compared to other colours at #00e6ff. I would suggest brightening it to #76f2ff.
Alert colours: The background colours for success and danger are very pale and I read them as 'nice colours' rather than 'alert to pay attention to. For the success this is largely not an issue, but I think that in the case of the alert for no connection it needs to be brighter, see: More red (blue/green equal) and less bright (eg #ff9191) helps with this, though may require making the text colour darker.