|
|
|
|
//常量库
|
|
|
|
|
|
|
|
|
|
//classified
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
@font-size-12: 12px;
|
|
|
|
|
@font-size-13: 13px;
|
|
|
|
|
@font-size-14: 14px;
|
|
|
|
|
@font-size-16: 16px;
|
|
|
|
|
@font-size-22: 22px;
|
|
|
|
|
@radius-2: 2px;
|
|
|
|
|
@radius-6: 6px;
|
|
|
|
|
|
|
|
|
|
@opacity-15: 0.15;
|
|
|
|
|
@opacity-20: 0.2;
|
|
|
|
|
|
|
|
|
|
//font color
|
|
|
|
|
@font-color-black: #1a1a1a;
|
|
|
|
|
@font-color-normal: #666666;
|
|
|
|
|
@font-color-normal-theme-dark: #cccccc;
|
|
|
|
|
@font-color-disabled: #cccccc;
|
|
|
|
|
@font-color-disabled-theme-dark: #666666;
|
|
|
|
|
@font-color-tips: #999999;
|
|
|
|
|
@font-color-dark: #d4dadd;
|
|
|
|
|
@font-color-gray: #999999;
|
|
|
|
|
@font-color-white: #ffffff;
|
|
|
|
|
@font-color-highlight: #3f8ce8;
|
|
|
|
|
@font-color-success: #0c6d23;
|
|
|
|
|
@font-color-warning: #e85050;
|
|
|
|
|
@font-color-light-gray: #7f7f7f;
|
|
|
|
|
@font-color-redmark: #f07d0a;
|
|
|
|
|
@font-color-orange: #fcc550;
|
|
|
|
|
|
|
|
|
|
//font-icon color
|
|
|
|
|
@icon-color-normal: #808080;
|
|
|
|
|
@icon-color-active: #3f8ce8;
|
|
|
|
|
|
|
|
|
|
//background color
|
|
|
|
|
@background-color-black: #1a1a1a;
|
|
|
|
|
@background-color-light: #eaeaea;
|
|
|
|
|
@background-color-default: #ffffff;
|
|
|
|
|
@background-color-default-theme-dark: #242640;
|
|
|
|
|
@background-color-normal: #eff1f4;
|
|
|
|
|
@background-color-normal-theme-dark: #191B2B;
|
|
|
|
|
@background-color-active: #f4f4f4;
|
|
|
|
|
@background-color-highlight: #3f8ce8;
|
|
|
|
|
@background-color-dark: #d4dadd;
|
|
|
|
|
@background-color-disabled: #c4c6c6;
|
|
|
|
|
@background-color-alert: #fddddd;
|
|
|
|
|
@background-color-light-blue: #d8f2fd;
|
|
|
|
|
@background-color-light-green: #e1f4e7;
|
|
|
|
|
@background-color-orange: #fef6de;
|
|
|
|
|
@background-color-green: #eefbff;
|
|
|
|
|
@background-color-yellow: #f9a744;
|
|
|
|
|
@background-color-virtual-blue: #d8f3fe;
|
|
|
|
|
|
|
|
|
|
@background-color-warning: #fbb03b;
|
|
|
|
|
@background-color-negative: #e85050;
|
|
|
|
|
|
|
|
|
|
@background-color-dark-success: #58cc7d;
|
|
|
|
|
@background-color-light-success: #e1f4e7;
|
|
|
|
|
@background-color-normal-success: #fff5c1;
|
|
|
|
|
|
|
|
|
|
//border color
|
|
|
|
|
@border-color-default: #ffffff;
|
|
|
|
|
@border-color-black: #1a1a1a;
|
|
|
|
|
@border-color-normal: #d4dadd;
|
|
|
|
|
@border-color-line: #d4dadd;
|
|
|
|
|
@border-color-line-theme-dark: #525466;
|
|
|
|
|
@border-color-main: #d3d9dc;
|
|
|
|
|
@border-color-outline: #3f8ce8;
|
|
|
|
|
@border-color-highlight: #178cdf;
|
|
|
|
|
@border-color-resize: #e85050;
|
|
|
|
|
|
|
|
|
|
@border-color-warning: #fbb03b;
|
|
|
|
|
@border-color-negative: #e85050;
|
|
|
|
|
@border-color-success: #58cc7d;
|
|
|
|
|
@border-color-error: #f4cbcb;
|
|
|
|
|
@border-color-normal-success: #eddea2;
|
|
|
|
|
|
|
|
|
|
@border-color-light-blue: #a3d6e8;
|
|
|
|
|
@border-color-light-green: #9fd3ae;
|
|
|
|
|
|
|
|
|
|
@border-color-dark: #c4c6c6;
|
|
|
|
|
|
|
|
|
|
//scroll color
|
|
|
|
|
@scroll-color: rgba(102,102,102,.05);
|
|
|
|
|
@scroll-thumb-color: rgba(102,102,102,.3);
|
|
|
|
|
@scroll-thumb-focus-color: rgba(102,102,102,.7);
|
|
|
|
|
|
|
|
|
|
@scroll-color-theme-dark: rgba(204,204,204,.05);
|
|
|
|
|
@scroll-thumb-color-theme-dark: rgba(204,204,204,.3);
|
|
|
|
|
@scroll-thumb-focus-color-theme-dark: rgba(204,204,204,.7);
|
|
|
|
|
|
|
|
|
|
@water-mark-color: #cccccc;
|
|
|
|
|
@water-mark-color-theme-dark: #666666;
|
|
|
|
|
|
|
|
|
|
//split color
|
|
|
|
|
@split-color-light: #eaeaea;
|
|
|
|
|
@split-color-dark: #d4dadd;
|
|
|
|
|
@split-color-disabled: #c4c6c6;
|
|
|
|
|
|
|
|
|
|
//shadow color
|
|
|
|
|
@shadow-color-black: #000000;
|
|
|
|
|
|
|
|
|
|
//表格的间隔色
|
|
|
|
|
@table-color-blue: #d9f2fc;
|
|
|
|
|
@table-color-yellow: #fef6df;
|
|
|
|
|
@table-color-green: #daf3dc;
|
|
|
|
|
@table-color-light-blue: #d6f7f0;
|
|
|
|
|
@table-color-purple: #e8e6fe;
|
|
|
|
|
@table-color-pink: #fee9e9;
|
|
|
|
|
|
|
|
|
|
@data-link-color1: #009de3;
|
|
|
|
|
@data-link-color2: #4fc1e9;
|
|
|
|
|
@data-link-color3: #48cfad;
|
|
|
|
|
@data-link-color4: #57cb7c;
|
|
|
|
|
@data-link-color5: #a0d468;
|
|
|
|
|
@data-link-color6: #fbaf4f;
|
|
|
|
|
@data-link-color7: #fc6e51;
|
|
|
|
|
@data-link-color8: #ed5565;
|
|
|
|
|
@data-link-color9: #ac92ec;
|
|
|
|
|
@data-link-color10: #5d9cec;
|
