luci-theme-material: improve theming system colors and contrasts
authorDaniel Nilsson <daniel.nilsson94@outlook.com>
Thu, 22 Feb 2024 19:50:09 +0000 (20:50 +0100)
committerPaul Donald <itsascambutmailmeanyway@gmail.com>
Sat, 2 Mar 2024 16:56:28 +0000 (17:56 +0100)
commit3acc8bc3733bbbb6c20b40bcb7b8f27d50b63779
tree45c749d892c7814bdbd4926d3ab1f2f0d05a424c
parent85c0429651b09a75195bb583506decf07fa9b7bf
luci-theme-material: improve theming system colors and contrasts

This changed spawned from trying to make certain text colors readable (such as white text on white background in many dialogs) introduced by commit 4ee2bc6 (ref: #5841) which made obvious the need to improve the color and contrast situation in the theme.

Alot of colors were duplicated in cascade.css and made for a hard time to align colors across different elements. This commit tries to rectify that by introducing variables for all commonly used colors.

* All base colors (white, blue, red, green, blue, yellow, etc) has been consolidated and moved to common variables
* Introduced more specific selectors for info levels to avoid colors bleeding over to other elements
* Removed duplicated properties which were overriden at the next row

Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
themes/luci-theme-material/htdocs/luci-static/material/custom.css