Use icinga-blue like background colors for active and hovered table rows

This commit is contained in:
Eric Lippmann 2015-12-15 13:32:56 +01:00
parent 707b954534
commit 8800decc69
3 changed files with 7 additions and 5 deletions

View File

@ -189,12 +189,11 @@
.transition(background 0.2s ease); .transition(background 0.2s ease);
&.active { &.active {
background-color: @gray-lighter; background-color: @tr-active-color;
transition: none;
} }
&:hover { &:hover {
background-color: @gray-lightest; background-color: @tr-hover-color;
cursor: pointer; cursor: pointer;
} }
} }

View File

@ -31,6 +31,9 @@
// Text color on <a> // Text color on <a>
@link-color: @text-color; @link-color: @text-color;
@tr-active-color: #E5F9FF;
@tr-hover-color: #F5FDFF;
// Font families // Font families
@font-family: Calibri, Helvetica, sans-serif; @font-family: Calibri, Helvetica, sans-serif;
@font-family-fixed: "Liberation Mono", "Lucida Console", Courier, monospace; @font-family-fixed: "Liberation Mono", "Lucida Console", Courier, monospace;

View File

@ -171,13 +171,13 @@ a:hover > .icon-cancel {
.transition(background 0.2s ease); .transition(background 0.2s ease);
&.active { &.active {
background-color: @gray-lighter; background-color: @tr-active-color;
border-left-color: @icinga-blue; border-left-color: @icinga-blue;
transition: none; transition: none;
} }
&:hover { &:hover {
background-color: @gray-lightest; background-color: @tr-hover-color;
cursor: pointer; cursor: pointer;
} }
} }