From eeddf40ac97fd7e6d1e4a82ef42ea2bbbc5fca86 Mon Sep 17 00:00:00 2001 From: Daniel Nilsson Date: Thu, 21 Mar 2024 18:37:15 +0100 Subject: luci-theme-material: add back removed color variables Partially reverts 2bdabf14c30320ef0433828b1a080f6b8fe9c430 by adding back the deleted color variables as the custom.css was used by users to override the theme with their own colors. To maintain backwards compatibility with users we should not remove/rename these as it will result in colors being applied incorrectly. Signed-off-by: Daniel Nilsson --- .../htdocs/luci-static/material/custom.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) (limited to 'themes/luci-theme-material/htdocs/luci-static/material/custom.css') diff --git a/themes/luci-theme-material/htdocs/luci-static/material/custom.css b/themes/luci-theme-material/htdocs/luci-static/material/custom.css index b9ad8bbeb8..704df80d8d 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/custom.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/custom.css @@ -1,3 +1,10 @@ +/** + The CSS variables in this file should be treated as a public API. The + colors have been put in a separate file to allow end users to + override the color variables with their own values by creating their + own custom.css file, which mean we can't delete/rename defined + variables which is already used in cascade.css. +*/ :root { /** General colors */ --white-color: #ffffff; @@ -22,9 +29,19 @@ --light-blue-color-high: #46b8da; --on-light-blue-color: var(--white-color); - --primary-color: #00B5E2; + --main-color: #00B5E2; --secondary-color: #0099cc; + --header-bg: #00B5E2; + --header-color: #fff; + --bar-bg: #5bc0de; + --menu-bg-color: #fff; + --menu-color: #5f6368; + --menu-color-hover: #202124; + --main-menu-color: #202124; + --submenu-bg-hover: #d4d4d4; + --submenu-bg-hover-active: #00B5E2; + --notice-color: #002B49; --on-notice-color: var(--white-color); -- cgit v1.2.3