// @author    : Adarsh Pastakia
// @version   : 5.0.0
// @copyright : 2019
// @license   : MIT
@import "./colors";

// Framework colors
$primary: $indigo !default;
$secondary: $pink !default;

$info: $blue !default;
$danger: $red !default;
$success: $green !default;
$warning: $orange !default;

$base-theme: $white !default;
$base-invert: $black !default;

$base-bg: mix($gray, $base-theme, 15%) !default;
$base-color: mix($gray, $base-invert, 15%) !default;
$base-muted: mix($muted, $base-invert, 50%) !default;
$base-component-bg: mix($gray, $base-theme, 5%) !default;

$base-border-color: mix($gray, $base-theme, 30%) !default;
$base-shadow-color: rgba($shadow, 0.2) !default;

// Dividers
$divider-bg: rgba($gray, 0.5) !default;
$divider-hilight: rgba($gray-dark, 0.75) !default;

// Page
$page-title-bg: mix($secondary, $base-invert, 80%) !default;
$page-title-color: $white !default;

// Table/List
$table-head-bg: mix($primary, $base-theme, 40%) !default;
$table-head-color: $base-invert !default;
$row-odd-bg: mix($gray, $base-theme, 5%) !default;
$row-even-bg: mix($gray, $base-theme, 9%) !default;

// Drawer/Sidebar
$sidebar-bg: $base-component-bg !default;
$sidebar-resizer: mix($primary, $base-theme, 70%) !default;
$sidebar-shim: rgba($shadow, 0.2) !default;

// Tab Panel
$tab-active-color: $secondary !default;

// Menu
$menu-hover-bg: mix($secondary, $base-theme, 50%) !default;
$menu-hover-color: $white !default;
$menu-active-bg: $secondary !default;
$menu-active-color: $white !default;
$menu-active-border-color: mix($secondary, $base-color, 50%) !default;
$menubar-bg: mix($gray, $base-theme, 5%) !default;

// Tree
$tree-hover-bg: mix($secondary, $base-theme, 50%) !default;
$tree-hover-color: $white !default;
$tree-active-bg: $secondary !default;
$tree-active-color: $white !default;

// Datagrid
$datagrid-head-column-bg: mix($base-theme, $base-invert, 90%) !default;
$datagrid-head-column-color: $base-color !default;
$datagrid-head-bg: mix($primary, $base-theme, 70%) !default;
$datagrid-head-color: $white !default;
$datagrid-hover-bg: mix($primary, $base-theme, 10%) !default;
$datagrid-selected-bg: mix($primary, $base-theme, 20%) !default;
$datagrid-row-odd-bg: mix($gray, $base-theme, 2%) !default;
$datagrid-row-even-bg: mix($gray, $base-theme, 5%) !default;
$datagrid-cell-head-bg: mix($gray, $base-theme, 20%) !default;
$datagrid-foot-bg: mix($gray, $base-theme, 9%) !default;
$datagrid-foot-color: $base-invert !default;

// Calendar
$calendar-head-bg: mix($primary, $base-theme, 70%) !default;
$calendar-head-color: $base-theme !default;

// Tooltip
$tooltip-bg: $gray-dark !default;
$tooltip-color: $white !default;

// Badge
$badge-bg: $gray-dark !default;
$badge-color: $white !default;

// Dialog
$dlg-header-active-bg: mix($primary, $base-theme, 80%) !default;
$dlg-header-active-color: $base-theme;
$dlg-header-inactive-bg: mix($gray, $base-theme, 25%) !default;
$dlg-header-inactive-color: $gray;

// Form Controls
$input-bg: $base-theme !default;
$input-color: mix($base-color, $base-theme, 85%) !default;
$input-placeholder: $gray !default;
$input-focus-color: $primary !default;
$input-error-bg: mix($danger, $base-theme, 4%) !default;
$input-error-color: $danger !default;

// List
$list-item-hover-bg: mix($secondary, $base-theme, 50%) !default;
$list-item-hover-color: $gray-light !default;
$list-item-active-bg: mix($secondary, $base-invert, 50%) !default;
$list-item-active-color: $white !default;

// Toggle
$toggle-bg: mix($gray, $base-theme, 40%) !default;
$toggle-color: $base-color !default;
$toggle-on-bg: $gray-dark !default;
$toggle-on-color: $gray-light !default;

// Toolbar
$toolbar-bg: mix($gray, $base-theme, 9%) !default;

// Inputs
$input-placeholder: mix($gray, $base-theme, 50%);
