luci-theme-material: improve theming system colors and contrasts 6936/head
authorDaniel Nilsson <daniel.nilsson94@outlook.com>
Thu, 22 Feb 2024 19:50:09 +0000 (20:50 +0100)
committerDaniel Nilsson <daniel.nilsson94@outlook.com>
Wed, 28 Feb 2024 18:04:56 +0000 (19:04 +0100)
commit2bdabf14c30320ef0433828b1a080f6b8fe9c430
tree92d5cba5740698252ef34997b2fc48ce8035b3fe
parent0b24d1f4654d4f9c925e1ed1ccccbc9a2dcf8494
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