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-active-bg-color` using a media query

This commit is contained in:
Johannes Meyer 2021-06-23 11:36:00 +02:00
parent 39983763f1
commit ff4dafe091
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,6 +63,7 @@
@menu-hover-bg-color: fade(@menu-bg-color, 50%); @menu-hover-bg-color: fade(@menu-bg-color, 50%);
@menu-search-hover-bg-color: darken(@menu-bg-color, 20%); @menu-search-hover-bg-color: darken(@menu-bg-color, 20%);
@menu-active-bg-color: #181742; @menu-active-bg-color: #181742;
@menu-active-hover-bg-color: darken(@menu-active-bg-color, 20%);
@menu-color: #DBDBDB; @menu-color: #DBDBDB;
@menu-active-color: @text-color; @menu-active-color: @text-color;
@menu-highlight-color: @icinga-blue; @menu-highlight-color: @icinga-blue;
@ -108,10 +109,11 @@
--tab-hover-bg-color: fade(#F5F9FA, 50%); --tab-hover-bg-color: fade(#F5F9FA, 50%);
--menu-color: #676767; --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%);
--menu-active-bg-color: #EDF7FC;
--menu-active-hover-bg-color: darken(#EDF7FC, 20%);
--text-color: #535353; --text-color: #535353;
--text-color-light: fade(#535353, 75%); --text-color-light: fade(#535353, 75%);

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

@ -74,7 +74,7 @@
display: none; display: none;
} }
background-color: @menu-active-bg-color; .var(background-color, menu-active-bg-color);
} }
&.no-icon > a { &.no-icon > a {
@ -87,7 +87,7 @@
&.active:not(.selected) > a:focus, &.active:not(.selected) > a:focus,
&.active:not(.selected) > a:hover { &.active:not(.selected) > a:hover {
background-color: darken(@menu-active-bg-color, 20); .var(background-color, menu-active-hover-bg-color);
} }
&:not(.selected) > a:hover, &:not(.selected) > a:hover,
@ -217,7 +217,7 @@
width: 100%; width: 100%;
&.active { &.active {
background-color: @menu-active-bg-color; .var(background-color, menu-active-bg-color);
} }
&:hover, &:hover,
@ -384,7 +384,7 @@
} }
.search-input:focus ~ .search-reset:hover { .search-input:focus ~ .search-reset:hover {
background-color: darken(@menu-active-bg-color, 20); .var(background-color, menu-active-hover-bg-color);
} }
.search-reset { .search-reset {

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

@ -5,8 +5,6 @@
@gray-lighter: #EEEEEE; @gray-lighter: #EEEEEE;
@gray-lightest: #F7F7F7; @gray-lightest: #F7F7F7;
@menu-active-bg-color: #EDF7FC;
@menu-2ndlvl-color: #7E8182; @menu-2ndlvl-color: #7E8182;
@low-sat-blue: #DEECF1; @low-sat-blue: #DEECF1;