// @import '../../../../node_modules/ng-zorro-antd/ng-zorro-antd.less';
@import './themes/index.less';
@import './common/index.less';

// layout
@header-border-color: @bixi-geekblack-2;
@header-box-shadow: @bixi-gray-4;
@header-color: fade(@bixi-black-4, 85%);
@header-disable-color: fade(@bixi-black-black, 65%);
@header-active-color: @bixi-blue-3;
@small-logo-width: @layout48;
@large-logo-width: @layout184;
@logo-bg: @bixi-geekblack-3;
@header-bg: @bixi-white-1;
@header-router-color: @bixi-white-1;

@layout-box-shadow-color: @bixi-gray-4;
@layout-bg: @bixi-white-1;
@layout-fontSize: 13px;

@default-ease: cubic-bezier(0.25, 0, 0.15, 1);
@menu--bg: @bixi-geekblack-3;
@menu-active-bg: @bixi-geekblack-2;
@menu-hover-bg: fade(@menu-active-bg, 60%);
@menu-color: fade(#fff, 80%);
@menu-active-color: #fff;
@menu-toggle-color: fade(@bixi-white-3, 45%);
@menu-toggle-bg: #0d0e15;
@menu-group-title-color: fade(@bixi-white-3, 45%);
@menu-item-height: @layout32;
@small-width: @layout48;
@large-width: @layout184;
@menu-border-color: rgba(255, 255, 255, 0.15);
@menu-box-shadow-color: #29305b;

// Table
@table-col-operation-disable-color: rgba(0, 0, 0, 0.25);
@table-col-progress-color: fade(#000000, 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: @bixi-gray-3;
@table-pagination-item-border-color: transparent;
@table-pagination-item-bg: @bixi-gray-1;
@table-pagination-item-active-bg: @bixi-blue-3;
@table-pagination-item-active-color: @bixi-white-4;

// Filter
@filter-key-popover-bg: @bixi-white-lighter;
@filter-key-btn-color: #c1c7cd;
@filter-key-btn-bg: transparent;
@filter-key-btn-active-bg: transparent;
@filter-key-btn-border-color: #c1c7cd;
@filter-key-btn-border-active-color: @bixi-blue-3;
@filter-key-col-active-bg: @bixi-white-dark;
@filter-key-col-color: #475669;
@filter-key-col-active-color: @bixi-blue-3;

@filter-advance-btn-color: #475669;
@filter-advance-btn-bg: transparent;
@filter-advance-btn-hover-bg: transparent;
@filter-advance-btn-icon-color: #475669;
@filter-advance-btn-border-color: #d3dce4;
@filter-advance-btn-border-active-color: #d3dce4;
@filter-advance-footer-color: #8492a6;
@filter-advance-active-color: @bixi-blue-3;
@filter-advance-form-label-color: @bixi-black-3;

// Color picker
@color-picker-border-base-color: #e8e8e8;
@color-picker-color: @bixi-white-4;
@color-picker-field-input-color: rgba(0, 0, 0, 0.85);
@color-picker-field-title-color: @bixi-black-3;
@color-picker-control-disable-circle-color: @bixi-gray-dark;

// Tag Select
@tag-select-option-hover-bg: #f5f5f5;
@tag-select-option-icon-color: @bixi-blue-3;
@tag-select-option-icon-hover-color: @bixi-blue-3;
@tag-select-footer-bg: @bixi-white-lighter;
@tag-select-footer-color: @bixi-blue-3;
@tag-select-border-color: @bixi-gray-3;
@tag-select-option-empty-color: fade(#000, 25%);
@tag-select-creator-footer-color: transparent;

// editable-table
@editable-table-footer-border-color: @bixi-gray-4;
@editable-table-footer-color: @bixi-black-3;
@editable-table-footer-bg: transparent;
@editable-table-footer-hover-bg: transparent;
@editable-table-footer-border-hover-color: @bixi-blue-3;
@editable-table-footer-hover-color: @bixi-blue-3;
@editable-table-btn-color: @bixi-blue-3;
@editable-table-disable-btn-color: @bixi-black-1;
@editable-table-clear-btn-color: rgba(0, 0, 0, 0.25);

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