@import './style/themes/default.less';
// @import '/Users/howard/products/aops_web_commons/node_modules/antd/lib/style/themes/default.less';
@import './common.less';


// 通用
@text-color: rgba(0, 0, 0, 0.85); // 主文本色
@text-color-show: rgba(0, 0, 0, 0.65); // 主文本色 鉴于主和次文本之间
@disabled-bg: rgba(0, 0, 0, 0.04); // 禁用背景颜色符合UI规范
@border-color-base: rgba(0, 0, 0, 0.15); // 基础边框与禁用边框色统一符合UI规范
@sider-background: rgba(0, 0, 0, 0.02); // 左侧导航背景色符合UI规范
@border-color-split : rgba(0, 0, 0, 0.06); // 边框分割线
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
// 基础布局
@layout-body-background: #F4F5FA; // 大背景色 ui 规范
@layout-header-color: white; // 头部字体色
@layout-header-background: #1E324E; // 头部背景色
@layout-header-division-color:rgba(255, 255, 255, 0.3); // 头部分割线颜色，161新增
@sider-collopse-btn-bg: #000; // 左右布局收起按钮背景色
@sider-collopse-btn-opacity: 0.06; // 左右布局收起按钮背景色
@top-nav-menu-bg: #FAFBFE;
// 按钮
@btn-warn-new: @red-6;
@btn-warn-hover-new: @red-5;
@btn-warn-focus-new: @red-7;
@btn-disabled-primary-color: @primary-1; // #97CDFF; // 主要按钮禁用背景色
@btn-disabled-group-primary-color: rgba(255, 255, 255, 0.45); // 主要按钮中组合按钮禁用状态下分割线色

// Tag
@tag-default-bg: rgba(0, 0, 0, 0.02);
@tag-border-color: rgba(0, 0, 0, 0.09);
@tag-custom-bg: @rate-star-bg;

// 菜单
@menu-dark-bg: #fff; // 菜单背景色
@menu-dark-submenu-bg: @menu-dark-bg; // 调整与整体菜单背景色一致
@menu-dark-color: @text-color; // 菜单文字颜色
@menu-dark-highlight-color: @primary-color; // 菜单高亮字体颜色
@menu-dark-item-active-bg: #F6F7F8; // 菜单的高亮背景色
@menu-dark-arrow-color: #000; // 菜单项下拉箭头颜色
@menu-dark-item-hover-bg: #F6F7F8; // 菜单项悬停背景色
@menu-dark-item-hover-color: @text-color; // 菜单hover色
@menu-dark-selected-item-icon-color: @primary-color; // 菜单项选中icon颜色
@menu-collapsed-btn-bg: @menu-dark-item-active-bg; // 菜单底部控制区收缩按钮背景色
@menu-collapsed-btn-color: @text-color-secondary; // 菜单底部控制区收缩按钮icon颜色
@menu-collapsed-btn-hover-color: @primary-5; // 菜单底部控制区收缩按钮悬停颜色
@menu-setting-btn-color: @text-color-secondary; // 菜单底部控制区设置icon颜色
@menu-setting-btn-hover-color: @primary-5; // 菜单底部控制区设置icon悬停色
@menu-version-color: @text-color-show; // 菜单底部控制区版本信息颜色
@menu-version-hover-color: @primary-5; // 菜单底部控制区版本信息悬停颜色
@menu-item-group-border-bottom-color: #F6F7F8;  // 菜单收缩状态一级标题下边框颜色(非只有根元素)
@menu-wrapper-border-right-color: @tag-border-color; // 菜单外壳右边框颜色
// 提示框
@tooltip-color: @text-color;
@tooltip-bg: #fff;

// Modal
@modal-footer-border-color-split: @border-color-split; //  边框色


// input
@input-placeholder-color: @text-color-secondary;
@input-addon-bg: @component-background;
// @input-addon-bg:@component-background;
@caret-color: @text-color-show; // 光标颜色
// Form
@label-color: @text-color-show; // form label字体颜色

// Switch
@switch-disabled-opacity: 0.35; // 开关禁用透明度
@switch-disabled-bg: rgba(0, 0, 0, 0.15);
@switch-unchekcked-hover-bg: rgba(0, 0, 0, 0.2);
// 徽标数
@badge-highlight-color: #FF4D4F;

// 表格
@table-header-color: rgba(0, 0, 0, .65);
@table-row-hover-bg: rgba(0, 0, 0, 0.02); // 列表行hover色
@table-selected-row-bg: @component-background; // 选中背景色：复选框背景样式调整
@table-header-sort-bg :@table-header-bg; // 表头排序背景色
// Popover
@popover-min-width: 180px;


// Radio
@radio-button-color: @text-color-show; // 默认的Radio.Button颜色
@radio-background-color: @component-background; // 容器背景色
@radio-border-default: @border-color-base; // 边框默认颜色即未选中的颜色
@radio-border-disabled-unselected: @tag-border-color; // 容器禁用且未选中边框颜色
@radio-title-color: @text-color-show; // 内容标题颜色
@radio-describe-color: @text-color-secondary; // 内容描述区颜色
@radio-dot-disabled-bg: fade(@black, 20%); // Radio禁用圆点背景色
@radio-disabled-checked-bg: #e6e6e6; // Radio.Button禁用且选中背景色
// Checkbox
@checkbox-check-color: @component-background;
@checkbox-color-bg: @checkbox-color;
@checkbox-color-border: @checkbox-color;
@checkbox-check_-color:@checkbox-check-color; // 选中且非禁用状态下的边框色
// Slider
@slider-wrapper-rail-bgcolor: rgba(24, 144, 255, 0.15); // 默认的容器整条轨道颜色
@silder-wrapper-circle-border: @border-width-base @border-style-base @component-background; // 滑块边框颜色
@slider-wrapper-disabled-rail-color: rgba(0, 0, 0, 0.06); // 禁用状态下轨道颜色修正
@slider-wrapper-disabled-handle-color: @normal-color; // 禁用状态下触发颜色修正

// breadcrumb
// @breadcrumb-separator-margin: 0 10px;


// collapse
// @collapse-header-bg:rgba(0,0,0,0.02); // 默认背景
@collapse-header-hover-bg: @primary-1; // 头部hover背景色

// Steps
@process-tail-color: rgba(0, 0, 0, 0.15); // ui规范
@finish-tail-color: rgba(0, 0, 0, 0.15); // 新规范

// CWSelect
@select-selected-enable-bg: @primary-1;
@select-selected-enable-color: @primary-color;
@select-item-selected-font-weight: 500;
// 滚动条
@scroll-bar-background-color: auto;
@scroll-bar-thumb-background-color: auto;

// Skeleton
@skeleton-color: rgba(190, 190, 190, 0.2);

//
@sider-bottom-bg: @menu-dark-bg; // 侧边栏底部版本区域背景色，161新增
@advanced-filter-color: @primary-color; // 高级筛选字体色，161新增
@advanced-filter-expand-bg: @sider-background; // 高级搜索展开区域背景色
@advanced-filter-expand-icon-bg: #F2F3F5; // 高级搜索展开区域展开icon背景色

// tab
@tabs-border-color: @tag-border-color; // tab卡片默认边框色
@tabs-disabled-border-color: @border-color-base; // tab卡片禁用边框色
@tabs-card-head-background: @tag-default-bg; // tab卡片默认头部背景色

// 配合portal定制主题 -- develop分支需要
@portal-header-search-border-color: #d8d8d8;
@portal-header-search-bg: #173066;
@portal-header-logo:#fff;

@form-back-font: #FFFFFF;