tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Integrate light theme's `menu-color` using a media query

This commit is contained in:
Johannes Meyer 2021-06-23 11:29:52 +02:00
parent 039fdfc8af
commit 39983763f1
5 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/icinga/base.less
View File

@ -107,6 +107,8 @@
--menu-flyout-bg-color: #F5F9FA; --menu-flyout-bg-color: #F5F9FA;
--tab-hover-bg-color: fade(#F5F9FA, 50%); --tab-hover-bg-color: fade(#F5F9FA, 50%);
--menu-color: #676767;
--menu-bg-color: #DEECF1; --menu-bg-color: #DEECF1;
--menu-hover-bg-color: fade(#DEECF1, 50%); --menu-hover-bg-color: fade(#DEECF1, 50%);
--menu-search-hover-bg-color: darken(#DEECF1, 20%); --menu-search-hover-bg-color: darken(#DEECF1, 20%);

4
public/css/icinga/layout.less
View File

@ -145,7 +145,7 @@
} }
#mobile-menu-toggle { #mobile-menu-toggle {
color: @menu-color; .var(color, menu-color);
text-align: right; text-align: right;
> button { > button {
@ -335,7 +335,7 @@
.var(background-color, menu-bg-color); .var(background-color, menu-bg-color);
border-radius: 0 .25em .25em 0; border-radius: 0 .25em .25em 0;
box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .2); box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .2);
color: @menu-color; .var(color, menu-color);
width: 20em; width: 20em;
position: fixed; position: fixed;
z-index: 1; z-index: 1;

8
public/css/icinga/menu.less
View File

@ -65,7 +65,7 @@
#menu .nav-level-1 > .nav-item { #menu .nav-level-1 > .nav-item {
line-height: 2.167em; // 26 px line-height: 2.167em; // 26 px
color: @menu-color; .var(color, menu-color);
&.active { &.active {
color: @menu-active-color; color: @menu-active-color;
@ -210,7 +210,7 @@
background: transparent url('../img/icons/search_white.png') no-repeat 1em center; background: transparent url('../img/icons/search_white.png') no-repeat 1em center;
background-size: 1em auto; background-size: 1em auto;
border: none; border: none;
color: @menu-color; .var(color, menu-color);
line-height: 2.167em; line-height: 2.167em;
padding: .25em; padding: .25em;
padding-left: @icon-width + .75em; padding-left: @icon-width + .75em;
@ -281,7 +281,7 @@
} }
&.active > a { &.active > a {
color: @menu-color; .var(color, menu-color);
} }
// Hide activity caret when displayed as flyout // Hide activity caret when displayed as flyout
@ -390,7 +390,7 @@
.search-reset { .search-reset {
background: none; background: none;
border: 0; border: 0;
color: @menu-color; .var(color, menu-color);
cursor: pointer; cursor: pointer;
display: none; display: none;
height: 100%; height: 100%;

2
public/css/icinga/tabs.less
View File

@ -27,7 +27,7 @@
} }
> a { > a {
color: @menu-color; .var(color, menu-color);
&:hover { &:hover {
text-decoration: none; text-decoration: none;

1
public/css/themes/icinga-light-theme.less
View File

@ -5,7 +5,6 @@
@gray-lighter: #EEEEEE; @gray-lighter: #EEEEEE;
@gray-lightest: #F7F7F7; @gray-lightest: #F7F7F7;
@menu-color: #676767;
@menu-active-bg-color: #EDF7FC; @menu-active-bg-color: #EDF7FC;
@menu-2ndlvl-color: #7E8182; @menu-2ndlvl-color: #7E8182;