/**
 * ---------------------------------------------------------------------
 * GLPI - Gestionnaire Libre de Parc Informatique
 * Copyright (C) 2015-2021 Teclib' and contributors.
 *
 * http://glpi-project.org
 *
 * based on GLPI - Gestionnaire Libre de Parc Informatique
 * Copyright (C) 2003-2014 by the INDEPNET Development Team.
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * GLPI is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * GLPI is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
 * ---------------------------------------------------------------------
 */

$table_header_bg: $dark !default;
$input-bg: darken($dark, 2%) !default;
$input-color: $light !default;
$input-focus-bg: #444 !default;
$input-focus-border-color: #868686 !default;
$timeline-itilc-bg: #1a221a34 !default;
$timeline-itilc-fg: #85bd81 !default;
$timeline-itilc-border: #324132 !default;
$timeline-fup-bg: #222 !default;
$timeline-fup-fg: #acacac !default;
$timeline-fup-border: #3b3b3b !default;
$timeline-task-bg: #2722172f !default;
$timeline-task-fg: #ccb686 !default;
$timeline-task-border: #363532 !default;
$timeline-sol-bg: #3a4d55 !default;
$timeline-sol-fg: #89bfd3 !default;
$timeline-sol-border: #435963 !default;
$timeline-badge-bg: rgba(104, 104, 104, 15%) !default;
$timeline-badge-fg: rgba(236, 236, 236, 80%) !default;
$scrollbar-color-thumb: rgba($color: $secondary, $alpha: 20%) !default;
$gray-100: $light !default;
$gray-200: mix($light, $dark, 98%) !default;
$gray-300: mix($light, $dark, 94%) !default;
$gray-400: mix($light, $dark, 88%) !default;
$gray-500: mix($light, $dark, 78%) !default;
$gray-600: mix($light, $dark, 60%) !default;
$gray-700: mix($light, $dark, 36%) !default;
$gray-800: mix($light, $dark, 16%) !default;
$gray-900: $dark !default;
$table-striped-bg: rgba(#fff, 0.05) !default;
$toast-header-background-color: $gray-400;
$toast-header-color: $light;
$btn-close-color: $light;

@import "~@tabler/core/src/scss/tabler";

@mixin dark-mode {
   $selector: &;

   @media not print {
      @if ($selector) {
         body & {
            @content;
         }
      } @else {
         body {
            @content;
         }
      }
   }
}

// re-import styles impacted by dark-mode mixin
@import "~@tabler/core/src/scss/layout/dark";
@import "~@tabler/core/src/scss/layout/navbar";

$input-border: $dark-mode-text !default;

@include dark-mode {
   // missing border (TODO open a pr upstream ?)
   .form-check-input:not(:checked),
   .form-select,
   .form-file-text,
   .form-control,
   .form-selectgroup-label,
   .form-selectgroup-check,
   .form-imagecheck-figure::before {
      border-color: $input-border;
   }

   .card {
      border: 1px solid $input-border;
   }

   // Manually applied patch from unmerged PR tabler/tabler#855
   .alert:not(.alert-important) {
      background-color: $dark;
      color: inherit;
   }
}

input[type="color"] {
   background-color: transparent;
}

.table-danger {
   --tblr-table-bg: #642b2b;
   --tblr-table-striped-bg: #642b2b;
   --tblr-table-striped-color: var(--light);
   --tblr-table-active-bg: #642b2b;
   --tblr-table-active-color: var(--light);
   --tblr-table-hover-bg: #642b2b;
   --tblr-table-hover-color: var(--light);

   color: var(--light);
   border-color: #6d000a;
}

.accordion-item .accordion-button {
   background-color: var(--dark) !important;
}

.search_page .search-container .search-card .search-results.deleted-results td {
   color: var(--light);
}

body .modal-content,
body .modal-header {
   background-color: $dark-mode-lighten;
}

.page-anonymous {
   .glpi-logo {
      --logo: url(#{$logo-light-login}) !important;
   }
}

.qtip-bootstrap {
   background-color: $dark-mode-lighten !important;
   color: var(--light) !important;
}