/*! Icinga Web 2 | (c) 2016 Icinga Development Team | GPLv2+ */ @icinga-blue: #006D8C; // Gray colors @gray: #7F7F7F; @gray-semilight: #A9A9A9; @gray-light: #C9C9C9; @gray-lighter: #EEEEEE; @gray-lightest: #F7F7F7; @disabled-gray: #9a9a9a; // State colors @color-ok: #006400; @color-critical: #EE0000; @color-critical-handled: #EE0000; @color-warning: #8B5A00; @color-warning-handled: #8B5A00; @color-unknown: #800080; @color-unknown-handled: #800080; @color-unreachable: #800080; @color-unreachable-handled: #800080; @color-pending: #0000EE; // Icinga colors @low-sat-blue: #dae3e6; @low-sat-blue-dark: #c0cccd; // Background color for @body-bg-color: @white; @text-color: #191919; @text-color-light: #555555; @menu-highlight-color: white; @menu-2ndlvl-color: white; @menu-2ndlvl-highlight-color: white; @menu-2ndlvl-active-hover-color: @text-color; #menu ul.nav-level-1 > .nav-item > a { &:focus, &:hover { text-decoration: underline; } } #menu ul.nav-level-1 > .nav-item.active > a, #menu .nav-level-1 > .nav-item.active:not(.selected) > a:hover { color: @text-color; background-color: @white; } #menu .nav-level-2 > .nav-item.active { background-color: @white; a { color: @text-color; } > a:focus, > a:hover { opacity: 1; } } #menu .nav-level-2 > .nav-item > a { &:hover, &:focus { text-decoration: underline; } } #menu ul:not(.nav-level-2) > .selected > a { color: @text-color; } #menu .active > a { text-decoration: underline; } .badge:not(.handled), .state-badge:not(.handled) { &.state-warning { border: 1px solid @color-warning; } &.state-critical, &.state-down { border: 1px solid @color-critical; } &.state-unreachable { border: 1px solid @color-unreachable; } &.state-unknown { border: 1px solid @color-unknown; } &.state-ok, &.state-up { border: 1px solid @color-ok; } } .badge.handled, .badge.state-ok, .state-badge.handled, .state-badge.state-ok { background-color: @body-bg-color !important; color: @text-color !important; &.state-warning { border: 1px solid @color-warning-handled; } &.state-critical, &.state-down { border: 1px solid @color-critical-handled; } &.state-unreachable { border: 1px solid @color-unreachable-handled; } &.state-unknown { border: 1px solid @color-unknown-handled; } } .boxview a:focus { color: @text-color; text-decoration: underline; } .icinga-module.module-monitoring { @timeline-notification-color: #1650CF; @timeline-hard-state-color: #A24600; @timeline-comment-color: #346964; @timeline-ack-color: #855D18; @timeline-downtime-start-color: #515151; @timeline-downtime-end-color: #5e5e2f; // Unfortunately it does not suffice to only override the timeline colors here, because our less compiler seems to // have the related style block in module.less already evaluated .timeline-notification { background-color: @timeline-notification-color; &.extrapolated { background-color: lighten(@timeline-notification-color, 20%); } } .timeline-hard-state { background-color: @timeline-hard-state-color; &.extrapolated { background-color: lighten(@timeline-hard-state-color, 20%); } } .timeline-comment { background-color: @timeline-comment-color; &.extrapolated { background-color: lighten(@timeline-comment-color, 20%); } } .timeline-ack { background-color: @timeline-ack-color; &.extrapolated { background-color: lighten(@timeline-ack-color, 20%); } } .timeline-downtime-start { background-color: @timeline-downtime-start-color; &.extrapolated { background-color: lighten(@timeline-downtime-start-color, 20%); } } .timeline-downtime-end { background-color: @timeline-downtime-end-color; &.extrapolated { background-color: lighten(@timeline-downtime-end-color, 20%); } } } .icinga-controls { input:not([type="checkbox"]):not([type="radio"]), .toggle-switch .toggle-slider:before, .toggle-switch > .toggle-slider, select, textarea { border: 1px solid @icinga-blue; } input[type="checkbox"]:not(:checked) + .toggle-switch .toggle-slider:before { height: 1.166666667em; width: 1.166666667em; margin: 1px; } } .search-suggestions { input:not([type="checkbox"]):not([type="radio"]), .toggle-switch .toggle-slider:before, .toggle-switch > .toggle-slider, select, textarea { border: none; } } .icinga-module.module-icingadb .list-item.overdue { background: none; header > *:not(time), .caption { opacity: 1; } } .controls input.search, input.search { background-image: url(../img/icons/search.png); } .search-bar, .button-link, .view-mode-switcher > label { border: 1px solid @icinga-blue; } // compensate for 1px border .filter-input-area { padding: 1/12em !important; } .view-mode-switcher > label { padding: (10/16)*.25em (10/16)*.5em !important; &:not(:first-of-type) { border-left: none; } }