///
/// Fusion Backend Theme - Dark Mode Overrides
/// Color variables come from colors_dark.scss
///

// = Gray Scale (inverted for dark mode)
// ============================================================================

$o-white: #000 !default;
$o-black: #FFF !default;

$o-gray-100: #1B1D26 !default;
$o-gray-200: #262A36 !default;
$o-gray-300: #3C3E4B !default;
$o-gray-400: #5A5E6B !default;
$o-gray-500: #6B707F !default;
$o-gray-600: #7E8392 !default;
$o-gray-700: #B1B3BC !default;
$o-gray-800: #D1D1D1 !default;
$o-gray-900: #E4E4E4 !default;

// = Webclient
// ============================================================================

$o-webclient-color-scheme: dark !default;
$o-webclient-background-color: $o-gray-100 !default;
$o-view-background-color: $o-gray-200 !default;

// = Inputs
// ============================================================================

$o-input-border-required: $o-black !default;

// = Components
// ============================================================================

$o-component-active-bg: mix($o-action, $o-gray-300, 10%) !default;
$o-form-lightsecondary: $o-gray-300 !default;

// = List-group
// ============================================================================

$o-list-group-active-bg: rgba(saturate(adjust-hue($o-info, 15), 1.8), .5) !default;

// = Modal
// ============================================================================

$modal-backdrop-bg: $o-white !default;

// = Buttons
// ============================================================================

$o-btns-bs-override: () !default;
$o-btns-bs-override: map-merge((
    "primary": (
        background: $o-fusion-color-primary,
        border: $o-fusion-color-primary,
        color: $o-black,

        hover-background: lighten($o-fusion-color-primary, 5%),
        hover-border: lighten($o-fusion-color-primary, 5%),
        hover-color: $o-black,

        active-background: lighten($o-fusion-color-primary, 10%),
        active-border: lighten($o-fusion-color-primary, 10%),
        active-color: $o-black,
    ),

    "secondary": (
        background: $o-gray-300,
        border: $o-gray-300,
        color: $o-gray-900,

        hover-background: $o-gray-400,
        hover-border: $o-gray-400,
        hover-color: $o-gray-900,

        active-background: mix($o-action, $o-gray-100, 15%),
        active-border: lighten($o-action, 10%),
        active-color: $o-black,
    ),

    "light": (
        background: $o-gray-200,
        border: $o-gray-200,
        color: $o-gray-900,

        hover-background: $o-gray-300,
        hover-border: $o-gray-300,
        hover-color: $o-black,

        active-background: mix($o-action, $o-gray-100, 15%),
        active-border: darken($o-action, 10%),
        active-color: $o-black,
    ),

    "danger": (
        background: $o-fusion-color-danger,
        border: $o-fusion-color-danger,
        color: $o-black,

        hover-background: lighten($o-fusion-color-danger, 5%),
        hover-border: lighten($o-fusion-color-danger, 5%),
        hover-color: $o-black,

        active-background: lighten($o-fusion-color-danger, 10%),
        active-border: lighten($o-fusion-color-danger, 10%),
        active-color: $o-black,
    ),
), $o-btns-bs-override);

$o-btns-bs-outline-override: () !default;
$o-btns-bs-outline-override: map-merge((
    "primary": (
        background: transparent,
        border: map-get($o-theme-text-colors, 'primary'),
        color: map-get($o-theme-text-colors, 'primary'),

        hover-background: lighten($o-fusion-color-primary, 5%),
        hover-border: lighten($o-fusion-color-primary, 5%),
        hover-color: $o-black,

        active-background: lighten($o-fusion-color-primary, 10%),
        active-border: lighten($o-fusion-color-primary, 10%),
        active-color: $o-black,
    ),
    "secondary": (
        background: transparent,
        border: $o-gray-300,
        color: $o-gray-900,

        hover-background: $o-gray-300,
        hover-border: $o-gray-300,
        hover-color: $o-black,

        active-background: mix($o-action, $o-gray-100, 15%),
        active-border: lighten($o-action, 10%),
        active-color: $o-black,
    ),

    "light": (
        background: transparent,
        border: $o-gray-300,
        color: $o-black,

        hover-background: $o-gray-300,
        hover-border: $o-gray-300,
        hover-color: $o-black,

        active-background: mix($o-action, $o-gray-100, 15%),
        active-border: lighten($o-action, 10%),
        active-color: $o-black,
    ),

    "danger": (
        background: transparent,
        border: $o-fusion-color-danger,
        color: $o-fusion-color-danger,

        hover-background: lighten($o-fusion-color-danger, 5%),
        hover-border: lighten($o-fusion-color-danger, 5%),
        hover-color: $o-black,

        active-background: lighten($o-fusion-color-danger, 10%),
        active-border: lighten($o-fusion-color-danger, 10%),
        active-color: $o-black,
    ),
), $o-btns-bs-outline-override);
