summaryrefslogtreecommitdiffhomepage
path: root/themes/luci-theme-material/htdocs/luci-static/material/custom.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/luci-theme-material/htdocs/luci-static/material/custom.css')
-rw-r--r--themes/luci-theme-material/htdocs/luci-static/material/custom.css19
1 files changed, 18 insertions, 1 deletions
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);