@import './index.less';
@import '../../../../node_modules/ng-zorro-antd/ng-zorro-antd.dark.less';
// 蓝色系
@bixi-blue-1: #1d365c;
@bixi-blue-2: #114376;
@bixi-blue-3: #0f7ae9;
@bixi-blue-4: #3da2f3;

// 绿色系
@bixi-green-1: #213e3d;
@bixi-green-2: #216b35;
@bixi-green-3: #21ad2b;
@bixi-green-4: #93da92;

// 橙色系
@bixi-orange-1: #362917;
@bixi-orange-2: #855d31;
@bixi-orange-3: #e99122;
@bixi-orange-4: #f3c875;

// 红色系
@bixi-red-1: #392237;
@bixi-red-2: #7d3a42;
@bixi-red-3: #d94d43;
@bixi-red-4: #f37371;

// 灰色系
@bixi-gray-1: #313952;
@bixi-gray-2: #3b445c;
@bixi-gray-3: #68738b;
@bixi-gray-4: #8f9bb3;

// 黑色系
@bixi-black-1: #bfbfbf;
@bixi-black-2: #8c8c8c;
@bixi-black-3: #595959;
@bixi-black-4: #262626;
@bixi-black-5: #000000;

// 白色系
@bixi-white-1: #858996;
@bixi-white-2: #b1b4bc;
@bixi-white-3: #dddfe2;
@bixi-white-4: #ffffff;

// 浅黑色系
@bixi-geekblack-1: #101426;
@bixi-geekblack-2: #151a30;
@bixi-geekblack-3: #192038;
@bixi-geekblack-4: #222b45;

// Layout
@header-border-color: #373b49;
@header-box-shadow: #000;
@header-color: fade(@bixi-white-4, 85%);
@header-disable-color: fade(@bixi-white-4, 65%);
@header-active-color: @bixi-blue-3;
@small-logo-width: @layout52;
@large-logo-width: @layout200;
@logo-bg: #242733;
@header-bg: #141414;
@header-router-color: @bixi-white-1;

@layout-box-shadow-color: #000;
@layout-bg: #000;

@menu--bg: #242733;
@menu-active-bg: #373b49;
@menu-hover-bg: fade(@menu-active-bg, 60%);
@menu-color: fade(@bixi-white-3, 70%);
@menu-active-color: @bixi-white-1;
@menu-toggle-color: fade(@bixi-white-3, 45%);
@menu-toggle-bg: #0d0e15;
@menu-group-title-color: fade(@bixi-white-3, 45%);
@menu-border-color: #373b49;
@menu-box-shadow-color: #29305b;

// Table
@table-col-operation-disable-color: @bixi-gray-3;
@table-col-progress-color: fade(@bixi-white-4, 60%);
@table-col-success-color: @bixi-green-3;
@table-col-success-bg: @bixi-green-1;
@table-col-processing-color: @bixi-blue-3;
@table-col-processing-bg: @bixi-blue-1;
@table-col-error-color: @bixi-red-3;
@table-col-error-bg: @bixi-red-1;
@table-col-default-color: @bixi-orange-3;
@table-col-default-bg: @bixi-orange-1;
@table-col-stop-color: @bixi-black-2;
@table-col-stop-bg: @bixi-gray-2;
@table-pagination-item-color: #434343;
@table-pagination-item-border-color: #434343;
@table-pagination-item-bg: transparent;
@table-pagination-item-active-bg: transparent;
@table-pagination-item-active-color: @bixi-blue-3;

// Filter
@filter-key-popover-bg: #141414;
@filter-key-btn-color: fade(@bixi-white-4, 85%);
@filter-key-btn-bg: #141414;
@filter-key-btn-active-bg: #262626;
@filter-key-btn-border-color: #303030;
@filter-key-btn-border-active-color: transparent;
@filter-key-col-active-bg: #1d1d1d;
@filter-key-col-color: fade(@bixi-white-4, 85%);
@filter-key-col-active-color: fade(@bixi-white-4, 85%);

@filter-advance-btn-color: fade(@bixi-white-4, 85%);
@filter-advance-btn-bg: #141414;
@filter-advance-btn-hover-bg: #262626;
@filter-advance-btn-icon-color: fade(@bixi-white-4, 85%);
@filter-advance-btn-border-color: #303030;
@filter-advance-btn-border-active-color: transparent;
@filter-advance-footer-color: #8492a6;
@filter-advance-active-color: fade(@bixi-white-4, 85%);
@filter-advance-form-label-color: fade(@bixi-white-4, 85%);

// Color picker
@color-picker-border-base-color: #303030;
@color-picker-color: @bixi-white-4;
@color-picker-field-title-color: fade(@bixi-white-4, 65%);
@color-picker-field-input-color: fade(@bixi-white-4, 65%);
@color-picker-control-disable-circle-color: @bixi-gray-dark;

// Tag Select
@tag-select-option-hover-bg: rgba(255, 255, 255, 0.08);
@tag-select-option-icon-color: @bixi-blue-3;
@tag-select-option-icon-hover-color: @bixi-blue-3;
@tag-select-footer-bg: #303030;
@tag-select-footer-color: @bixi-blue-3;
@tag-select-border-color: transparent;
@tag-select-option-empty-color: fade(@bixi-white-4, 25%);
@tag-select-creator-footer-color: #303030;

//editable-table
@editable-table-footer-border-color: #303030;
@editable-table-footer-color: fade(@bixi-white-4, 85%);
@editable-table-footer-bg: #1d1d1d;
@editable-table-footer-hover-bg: #262626;
@editable-table-footer-border-hover-color: #303030;
@editable-table-footer-hover-color: fade(@bixi-white-4, 85%);
@editable-table-btn-color: @bixi-blue-3;
@editable-table-disable-btn-color: @bixi-gray-3;
@editable-table-clear-btn-color: fade(@bixi-white-4, 45%);

// common style
@common-scroll-bg: #141414;
@common-scroll-color: fade(#fff, 30%);