@import 'base';

$theme: dark;
$bg: $black;

$text-color: rgba($white, .9);
$text-color-secondary: rgba($white, .65);

// Border color
$border-color-base: #585858; // base border outline a component
$border-color-split: hsl(0, 0, 15%); // split border inside a component
$border-color-inverse: $white;

// Disabled states
$disabled-color: rgba(#fff, .25);
$disabled-bg: hsl(0, 0, 4%);
$disabled-color-dark: rgba(#fff, .35);

// Shadow
$shadow-color: rgba(0, 0, 0, 0.65);
$shadow-color-inverse: $white;
$shadow-1-up: 0 -2px 8px $shadow-color;
$shadow-1-down: 0 2px 8px $shadow-color;
$shadow-1-left: -2px 0 8px $shadow-color;
$shadow-1-right: 2px 0 8px $shadow-color;
$shadow-2: 0 4px 12px $shadow-color;
$box-shadow-base: $shadow-1-down;

// button
$btn-default-color: further($bg, 8);

// input
$input-bg: $bg;
$input-bc: #666666;
$input-addon-bg: further($input-bg, 6.5);
$input-placeholder-color: #a9a9a9;
$input-disabled-bg: #333333;

// Tooltip
$tooltip-color: $text-color;
$tooltip-bg: further($bg, 8);

// popover
$popover-color: $text-color;
$popover-bg: $tooltip-bg;

// select
$select-selector-bc: further($border-color-base, 5);
$select-dropdown-bg: further($bg, 7.5);
$select-dropdown-border: 1.4px solid further($select-dropdown-bg, 6.7);
$select-option-bg: #fff;
$select-option-hover-bg: further($select-dropdown-bg, 5.5);
$select-option-selected-bg: further($primary-color, 3.2);

// switch
$switch-border-color: further(grey, 8);
$switch-bg: transparent;
$switch-checked-bg: $primary-color;

// rate
$rate-color: further($gray, 2);

// menu
$menu-bg: further($bg, 6.5);
$menu-item-hover-bg: further($bg, 8);

// message
$message-bg: $menu-bg;

// notification
$notification-bg: $message-bg;
$notification-desc-color: further($gray, 7.5);

// calendar
$calendar-bg: $menu-bg;
$calendar-disabled-bg: rgba($white, .05);

// tag
$tag-bg-opacity: .2;

// card
$card-bg: rgba(#fff, .06);
$card-border-color: rgba(#fff, .08);

//table
$table-bg: #222222;
$table-border-color: $table-bg;
$table-th-bg: #212121;
$table-td-bg: #171717;

// scrollbar
$scrollbar-thumb-bg: rgba(#fff,.3);
$scrollbar-track-bg: rgba(#fff,.1);

// drawer
$drawer-bg: $notification-bg;
$drawer-border: 1px solid rgba(#fff, .06);


@import './default';