Simplified menu coloring

This reduces the number of required colors and makes desktop and mobile colors closer.
Partly fixes #702
This commit is contained in:
Christian Wolf 2022-04-15 10:22:05 +02:00
parent 7bfd331aa1
commit 6441682afe

View File

@ -58,29 +58,16 @@ a, a:hover, a:active, a:visited
color: <?php echo $params['mainfgcolor']; ?>; color: <?php echo $params['mainfgcolor']; ?>;
} }
#mobile-menu li > a {
background-color: <?php echo $params['bgcolor2']; ?>;
color: <?php echo $params['licolor2']; ?>;
}
/* /*
General menu coloring General menu coloring
*/ */
#mobile-menu li.current > a {
background-color: <?php echo $params['bgcolor3']; ?>;
color: <?php echo $params['licolor3']; ?>;
}
ul.mod-menu { ul.mod-menu {
background-color: <?php echo $params['bgcolor1']; ?>; background-color: <?php echo $params['bgcolor1']; ?>;
color: <?php echo $params['fgcolor1']; ?>; color: <?php echo $params['fgcolor1']; ?>;
} }
#mobile-menu {
background-color: <?php echo $params['bgcolor1']; ?>;
color: <?php echo $params['fgcolor1']; ?>;
}
ul.mod-menu li.current > a, ul.mod-menu li.current > a,
ul.mod-menu li.current:hover > a ul.mod-menu li.current:hover > a
{ {
@ -88,21 +75,35 @@ ul.mod-menu li.current:hover > a
color: <?php echo $params['licolor2']; ?>; color: <?php echo $params['licolor2']; ?>;
} }
ul.nav > li > a:hover, ul.mod-menu > li > a:hover,
ul.nav > li > a:focus, ul.mod-menu > li > a:focus,
ul.mod-menu__sub > li > a:hover, ul.mod-menu__sub > li > a:hover,
ul.mod-menu__sub > li > a:focus ul.mod-menu__sub > li > a:focus
{ {
background-color: <?php echo $params['bgcolor3']; ?>; background-color: <?php echo $params['bgcolor2']; ?>;
color: <?php echo $params['licolor3']; ?>; color: <?php echo $params['licolor2']; ?>;
}
/* /*
Mobile menu settings Mobile menu settings
*/ */
#mobile-menu li > a {
background-color: <?php echo $params['bgcolor1']; ?>;
color: <?php echo $params['licolor1']; ?>;
} }
#mobile-menu li.current > a {
background-color: <?php echo $params['bgcolor2']; ?>;
color: <?php echo $params['licolor2']; ?>;
}
/* /*
Top menu coloring Top menu coloring
*/ */
#topmenu, #topmenu,
#topmenu > ul.mod-menu { #topmenu > ul.mod-menu {
background-color: <?php echo $params['topbgcolor1']; ?>; background-color: <?php echo $params['topbgcolor1']; ?>;