qt-public-ui/theme/umeng.less

新设计规范下业务组件库

@import '~antd/lib/style/themes/index.less';
@root-entry-name: default;
// 用于对比
@chart-color-1: #3B82FE, #FC9C41, #7868D5, #41CD99, #FFC765, #19A9AA, #F17976, #AADF8A, #8A97EE, #65D7D3, #B0BBDC;

// 用于排行
@chart-color-2: #3B82FE, #7164AC, #8A97EE, #19A9AA, #65D7D3, #60C9A3, #AADF8A, #FFC765, #FC9C41, #F17976, #B0BBDC;

// 留存图颜色
@retention-background-1: @primary-color;
@retention-background-2: fade(@primary-color, 80%);
@retention-background-3: fade(@primary-color, 60%);
@retention-background-4: fade(@primary-color, 40%);
@retention-background-5: fade(@primary-color, 20%);

// 页面自适应式范围
@autofix-maximum-width: 1440px;
@autofix-minimum-width: 1280px;
@body-padding: 20px;
@header-height: 60px;

// 字体
@font-weight-bold: 500;
@font-weight-normal: 400;
@font-weight-lighter: 300;

// RankCard
@umui-rank-card-width: 200px;
@umui-rank-card-small-width: 165px;
@umui-rank-card-rank-size: 24px;

// 交互样式扩展
@primary-color-hover: lighten(@primary-color, 4%);
@primary-color-active: darken(@primary-color, 4%);
@warning-color-hover: lighten(@primary-color, 4%);
@warning-color-active: darken(@primary-color, 4%);
@error-color-hover: lighten(@primary-color, 4%);
@error-color-active: darken(@primary-color, 4%);
@success-color-hover: lighten(@primary-color, 4%);
@success-color-active: darken(@primary-color, 4%);

// color
@text-color-info: #838D9A; // #97A1AF;
@top-nav-bg-color: @layout-header-background;

// 透明色
@primary-opacity-5: fade(@primary-color, 5%);
@primary-opacity-50: fade(@primary-color, 50%);

// z-index
@zIndex-header-nav: 10;