ttk-app-core/src/assets/varible.less

@ttk/recat enterprise develop framework

// 1、本文件的变量（包括@import的）优先级最高，会覆盖其他地方定义的变量
// 2、无需引入本文件，fx.webpack.config.js配置文件中配置了modifyVars，引入本文件
// 3、默认主题为蓝色
@import '~@ttk/component/es/assets/theme/index.less';
// 4、如需切换其他主题，在此引入主题样式文件（仅包括变量）
// @import '~@ttk/component/es/assets/theme/tax72Theme.less';

// 自定义变量，会覆盖主题变量
@primary-color        : #005eac; // 全局主色
@link-color           : #005eac; // 链接色
@success-color        : #52c41a; // 成功色
@warning-color        : #faad14; // 警告色
@error-color          : #f5222d; // 错误色
@font-size-base       : 14px; // 主字号
@heading-color        : rgba(0, 0, 0, 0.85); // 标题色
@text-color           : rgba(0, 0, 0, 0.65); // 主文本色
@text-color-secondary : rgba(0, 0, 0, .45); // 次文本色
@disabled-color       : rgba(0, 0, 0, .25); // 失效色
@border-radius-base   : 4px; // 组件/浮层圆角
@border-color-base    : #d9d9d9; // 边框色
@box-shadow-base      : 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
@background-color-light: hsv(0, 0, 98%); // 头部背景颜色和选择项的背景色

@border: 1px solid @border-color-base; // 实线边框

@table-header-bg: @background-color-light; 
@table-header-bg-sm: @background-color-light; // 表格的size=small 的头部背景色

// 使用 components/layout组件时需定义下列变量
@headerHeight: 54px; // 布局-header高度
@tabBarHeight: 28px; // 布局-tab标签的高度

// app自定义变量
@iconDayin: #45ACF7;
@iconDaochu: #00B38A;
@iconBorder: 1px solid #D9D9D9;
@hoverIconBorder: 1px solid #0093E2;
@iconActive: #0093E2;
@gridBorder: 1px solid #D9D9D9;
@gridBorderColor: #D9D9D9;

// 金财代账组件vt-table变量
@vt-border: 1px solid #d9d9d9;
@basesize: 13px;
@bgc: #fff;
@box-shadow-left: 6px 2px 6px rgba(0, 0, 0, 0.15);
@box-shadow-right: -6px 2px 6px rgba(0, 0, 0, 0.15);
@line-height: 37px;
// end