/*
*
*   Dark Theme for OpenEMR
*   @author Tyler Wrenn
*   @author Jerry Padgett
*
*   Colors that are declared below have been inverted to show the dark theme.
*
*/

/* Dark theme overrides */
$white: #000;
$gray-100: #212529;
$gray-200: #343a40;
$gray-300: #495057;
$gray-400: #868e96;
$gray-500: #adb5bd;
$gray-600: #ced4da;
$gray-700: #dee2e6;
$gray-800: #e9ecef;
$gray-900: #f8f9fa;
$black: #fff;
$ovr-dark: $gray-100;
$ovr-light: $gray-800;
$light: $gray-100;
$dark: $gray-800;
$gray: $gray-600;
$link-color: #f0f0f0;
$body-bg: $white;
/* This is actually dark */
$body-color: $gray-900;
/* This is actually light */

$btn-link-disabled-color: $gray-400;
$close-color: $black;
$close-text-shadow: 0 1 0 $black;
$secondary-color: $gray-900;
$login-text-color: #000;

@import "../default-variables";

// Import Bootstrap 4 SCSS Files before doing anything
// This gets replaced in gulp now -- do not touch
// bs4import

// Fix Font Awesome fonts path
$fa-font-path: "../assets/@fortawesome/fontawesome-free/webfonts";
// Font Awesome Import
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/fontawesome";
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/brands";
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/regular";
@import "../../../public/assets/@fortawesome/fontawesome-free/scss/solid";

@import "../core";

/* Core defaults for themes */
@import "../theme-defaults";

@import "../navigation-slide/future-bootstrap";

/* Overrides go here */
.btn-secondary {
  color: $ovr-dark;
}

.btn-secondary:hover {
  color: $ovr-dark;
}

.btn-primary {
  color: $black;
}

.btn-success {
  color: $black;
}

.btn-danger {
  color: $black;
}

.btn-outline-primary {
  color: $black;
}

.btn-outline-success {
  color: $black;
}

lhc-item-question-text {
  color: $white;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
  color: #000 !important;
}

ul.tabNav a {
  color: $black;
}

input.list-group-item {
  color: $black;
}

.appMenu .appMenu > span:hover,
.appMenu li:hover,
.appMenu > span:hover {
  background-color: #cbd8e7 !important;
  color: var(--white);
}

.menuEntries li .menuLabel:hover {
  color: $light !important;
}

.menuDisabled {
  color: $ovr-dark;
}

.documents_list a {
  color: $body-color;
}

/* Changes all SVG colors to white to match theme */
.about-review-image > #color {
  fill: $black;
}

#mainBox .logo .emr-menu-logo > #blue-color,
#mainBox_vertical .logo .emr-menu-logo > #blue-color {
  fill: $black;
}

/*search any*/
@import "../oe-bootstrap";