luci-base: firewall.js: add getZoneColorStyle() helper
authorJo-Philipp Wich <[email protected]>
Thu, 11 Nov 2021 11:39:41 +0000 (12:39 +0100)
committerJo-Philipp Wich <[email protected]>
Thu, 11 Nov 2021 12:00:50 +0000 (13:00 +0100)
commitd775279dbd0da284af7f74b31b5d3b0eddcf80bc
tree1c58b65cd63005630b853ac19235413816955217
parent5b3fa3cdc7530887898f5dc38d6dd15b88c66b5f
luci-base: firewall.js: add getZoneColorStyle() helper

The getZoneColorStyle() function will produce CSS style properties that
describe the color value of the zone. The color declaration is divided
into a CSS variable called `--zone-color-rgb` which holds the RGB value
of the color and a `background-color` property assigning these values
as background property.

This allows themes to override the color with derived values, e.g. by
applying an alpha channel.

Signed-off-by: Jo-Philipp Wich <[email protected]>
modules/luci-base/htdocs/luci-static/resources/firewall.js