/*! Themestr.app `Darkster` Bootstrap 4.3.1 theme */

@use 'sass:map';


///==========================================
///   Theme variable overrides
///==========================================

@import "./abstract";

// Fonts
// @import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);
/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqPfE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqPfE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqPfE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqPfE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqPfE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
$headings-font-family: "Comfortaa";

// Colors
$primary    :#33A2FF;
$secondary  :#52B0FF;
$success    :#015668;
$danger     :#FF304F;
$info       :#0F81C7;
$warning    :#0DE2EA;
$light      :#D1CDC7;
$dark       :#2C2F31;

$light-secondary: #B5AFA6;
$dark-secondary: #383D3F;

$gray-50 : #121212; // (+)
$gray-100: #212529;
$gray-150: #2E2E2E; // (+)
$gray-175: #333333; // (+)
$gray-200: #343A40;
$gray-300: #495057;
$gray-400: #6C757D;
$gray-500: #ADB5BD;
$gray-600: #CED4DA;
$gray-700: #DEE2E6;
$gray-800: #E9ECEF;
$gray-900: #F8F9FA;

// Palettes
$theme-colors: map.merge(
  $theme-colors,
  (
    'primary':    $primary,
    'secondary':  $secondary,
    'success':    $success,
    'danger':     $danger,
    'info':       $info,
    'warning':    $warning,
    'light':      $light,
    'dark':       $dark,
  )
);
$palette-semantic: $theme-colors;

$palette-gray: (
  '0':    $white,
  '50':   $gray-50,
  '100':  $gray-100,
  '150':  $gray-150,
  '175':  $gray-175,
  '200':  $gray-200,
  '300':  $gray-300,
  '400':  $gray-400,
  '500':  $gray-500,
  '600':  $gray-600,
  '700':  $gray-700,
  '800':  $gray-800,
  '900':  $gray-900,
  '1000': $black
);

$palette-pastel: (
  'green':  $pastel-green,
  'blue':   $pastel-blue,
  'yellow': $pastel-yellow,
  'red':    $pastel-red,
  'orange': $pastel-orange,
  'purple': $pastel-purple
);

// Components
$annotation-text-color: $gray-600;
$annotation-field-base-alpha: 15%;


// (overriding bootstrap "_variable.scss")
$enable-shadows:true;
$body-bg:#181A1B;
$body-color:#cccccc;
$link-color:#f0f0f0;
$font-size-base:1.1rem;
$list-group-bg:lighten($body-bg,5%);
$card-border-color:rgba($black, 0.6);
$card-cap-bg:lighten($gray-800, 10%);
$card-bg:lighten($body-bg, 5%);
$input-bg:$gray-300;
$input-disabled-bg: $gray-100;

// Misc...
// $enable-shadows:true;
// $body-bg:$black;
// $body-color:#cccccc;
// $link-color:#f0f0f0;
// $link-hover-color:darken($link-color,20%);
// $font-size-base:1.1rem;
// $table-accent-bg: rgba($white,.05);
// $table-hover-bg:rgba($white,.075);
// $table-border-color:rgba($white, 0.3);
// $table-dark-border-color: $table-border-color;
// $table-dark-color:$white;
// $input-bg:$gray-300;
// $input-disabled-bg: #ccc;
// $dropdown-bg:$gray-800;
// $dropdown-divider-bg:rgba($black,.15);
// $dropdown-link-color:$body-color;
// $dropdown-link-hover-color:$white;
// $dropdown-link-hover-bg:$body-bg;
// $nav-tabs-border-color:rgba($white, 0.3);
// $nav-tabs-link-hover-border-color:$nav-tabs-border-color;
// $nav-tabs-link-active-bg:transparent;
// $nav-tabs-link-active-border-color:$nav-tabs-border-color;
// $navbar-dark-hover-color:$white;
// $navbar-light-hover-color:$gray-800;
// $navbar-light-active-color:$gray-800;
// $pagination-color:$white;
// $pagination-bg:transparent;
// $pagination-border-color:rgba($black, 0.6);
// $pagination-hover-color:$white;
// $pagination-hover-bg:transparent;
// $pagination-hover-border-color:rgba($black, 0.6);
// $pagination-active-bg:transparent;
// $pagination-active-border-color:rgba($black, 0.6);
// $pagination-disabled-bg:transparent;
// $pagination-disabled-border-color:rgba($black, 0.6);
// $jumbotron-bg:darken($gray-900, 5%);
// $card-border-color:rgba($black, 0.6);
// $card-cap-bg:lighten($gray-800, 10%);
// $card-bg:lighten($body-bg, 5%);
// $modal-content-bg:lighten($body-bg,5%);
// $modal-header-border-color:rgba(0,0,0,.2);
// $progress-bg:darken($gray-900,5%);
// $progress-bar-color:$gray-600;
// $list-group-bg:lighten($body-bg,5%);
// $list-group-border-color:rgba($black,0.6);
// $list-group-hover-bg:lighten($body-bg,10%);
// $list-group-active-color:$white;
// $list-group-active-bg:$list-group-hover-bg;
// $list-group-active-border-color:$list-group-border-color;
// $list-group-disabled-color:$gray-800;
// $list-group-disabled-bg:$black;
// $list-group-action-color:$white;
// $breadcrumb-active-color:$gray-500;


///==========================================
///   Custom styles specific to the theme
///==========================================

@import './_base';

.dropdown-menu {
  a {
    color: $light;
  }
  background-color: $body-bg;
  .dropdown-item:hover, .dropdown-item:focus {
    background-color: $dark-secondary;
  }
  .dropdown-divider {
    border-top: 1px solid $dark-secondary;
  }
}

.forest-layout {
  border-right: 2px solid $dark-secondary !important;
  &.bg-light,
  &__actions.bg-light {
    background-color: $dark !important;
  }
  
  &__action,
  &__top_action {
    .btn-light {
      color: $light;
      background-color: $dark;
      border-color: $dark-secondary;
    }
  }
}

.navbar-dark.bg-primary {
  background-color:#111111 !important;
}

.table {
  &.able {
    color:#ccccc5;
  }
  th, td {
    border-top: 1px solid $dark-secondary;
  }
  thead th {
    border-bottom: 2px solid $dark-secondary;
  }
}

.nav-tabs {
  border-bottom: 1px solid $dark-secondary;
  & .nav-link.active, 
  & .nav-item.show .nav-link {
    background-color: $dark;
    color: $light-secondary;
    border-color: $dark-secondary;
  }
}
.nav.nav-tabs li a.nav-link.active:hover {
  color: $dark;
}
.form-control,
.form-control:focus{
  background-color: $body-bg;
  color: $gray-700;
  border-color: $dark-secondary;
}
.card-header,
.card-footer {
  background-color: $dark;
}
.mainleaf {
  &__version-badge {
    background-color: $dark;
    border: 1px solid $dark-secondary;
  }
}