// // variables-dark.scss // Dashkit dark version //
// // Bootstrap Overrides =================================== //
// // Color system //
$white: #FFFFFF !default; $gray-300: #E3EBF6 !default; $gray-600: #95AAC9 !default; $gray-700: #6E84A3 !default; $gray-900: #283E59 !default; $black: #12263F !default;
$gray-600-dark: #244166 !default; $gray-700-dark: #1E3A5C !default; $gray-800-dark: #152E4D !default; $gray-900-dark: #132A46 !default; $black-dark: #12263F !default;
$light: $gray-800-dark !default; $lighter: $gray-900-dark !default;
// Body // // Settings for the `<body>` element.
$body-bg: $black-dark !default; $body-color: $white !default;
// Components // // Define common padding and border radius sizes and more.
$border-color: $gray-700-dark !default;
// Fonts // // Font, line-height, and color for body text, headings, and more.
$text-muted: $gray-700 !default;
// Tables // // Customizes the `.table` component with basic values, each used across all table variations.
$table-border-color: $border-color !default;
$table-head-bg: $black-dark !default;
$table-accent-bg: $gray-900-dark !default; $table-hover-bg: $gray-900-dark !default; $table-active-bg: $gray-900-dark !default;
$table-bg-level: 0 !default; $table-border-level: 0 !default;
// Forms
$input-bg: $gray-700-dark !default;
$input-color: $white !default; $input-border-color: $black-dark !default;
$input-placeholder-color: $gray-600 !default;
$custom-control-indicator-bg: $gray-600-dark !default;
// Dropdowns // // Dropdown menu container and contents.
$dropdown-bg: $gray-800-dark !default; $dropdown-border-color: $black !default; $dropdown-divider-bg: $black !default;
$dropdown-link-color: $text-muted !default; $dropdown-link-hover-color: $white !default;
// Navbar
$navbar-dark-color: $gray-700 !default; $navbar-dark-hover-color: $black !default; $navbar-dark-active-color: $black !default; $navbar-dark-toggler-border-color: transparent !default;
$navbar-dark-bg: $white !default; $navbar-dark-border-color: $white !default; $navbar-dark-heading-color: $text-muted !default; $navbar-dark-divider-color: $gray-300 !default; $navbar-dark-brand-filter: none;
$navbar-dark-input-bg: $input-bg !default; $navbar-dark-input-border-color: $input-border-color !default;
$navbar-light-hover-color: $white !default; $navbar-light-active-color: $white !default; $navbar-light-input-bg: $gray-700-dark !default; $navbar-light-input-border-color: $black-dark !default;
// Pagination
$pagination-color: $white !default; $pagination-bg: $gray-800-dark !default; $pagination-border-color: $gray-600-dark !default;
$pagination-hover-color: $white !default; $pagination-hover-bg: $gray-900-dark !default; $pagination-hover-border-color: $gray-700-dark !default;
$pagination-disabled-bg: $gray-900-dark !default; $pagination-disabled-border-color: $gray-700-dark !default;
// Jumbotron
$jumbotron-bg: $gray-800-dark !default;
// Cards
$card-bg: $gray-800-dark !default; $card-border-color: $border-color !default;
// Tooltips
$tooltip-bg: $gray-800-dark !default; $tooltip-color: $white !default;
// Popovers
$popover-bg: $gray-800-dark !default; $popover-border-color: $black !default;
// Toasts
$toast-background-color: $gray-800-dark !default; ;
// Modals
$modal-content-bg: $gray-800-dark !default; $modal-content-border-color: $black !default;
// Progress bars
$progress-bg: $gray-600-dark !default;
// // Dashkit ===================================== //
// Auth
$auth-bg: $body-bg !default;
// Avatar
$avatar-title-bg: $gray-600-dark !default;
// Badges
$badge-soft-bg-level: 10 !default;
// Cards
$card-outline-color: $gray-800-dark !default; $card-box-shadow: 0 .75rem 1.5rem transparentize($black-dark, .5) !default;
// Comment
$comment-body-bg: $gray-700-dark;
// Header
$header-body-border-color-dark: $border-color !default;
// Navbar
$navbar-light-bg: $gray-800-dark !default; $navbar-light-border-color: $gray-800-dark !default;
// Switch
$custom-switch-indicator-bg: $gray-800-dark !default; $custom-switch-indicator-active-bg: $white !default;
// Backgrounds
$bg-soft-level: 10 !default;