forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
3.4 KiB
112 lines
3.4 KiB
// 基础配色方案，业务无关 |
|
//font size |
|
@font-size-12: 12px; |
|
@font-size-13: 13px; |
|
@font-size-14: 14px; |
|
@font-size-15: 15px; |
|
@font-size-16: 16px; |
|
@font-size-18: 18px; |
|
@font-size-20: 20px; |
|
@font-size-22: 22px; |
|
@font-size-24: 24px; |
|
@font-size-30: 30px; |
|
@font-size-40: 40px; |
|
@font-size-50: 50px; |
|
@font-size-60: 60px; |
|
@font-size-70: 70px; |
|
@radius-2: 2px; |
|
@radius-6: 6px; |
|
|
|
@opacity-15: 0.15; |
|
@opacity-20: 0.2; |
|
|
|
//font color |
|
@font-color-black: #232e40; |
|
@font-color-normal: #3d4d66; |
|
@font-color-normal-theme-dark: #d6e0dc; |
|
@font-color-light-gray: #647185; |
|
@font-color-light-gray-theme-dark: #afb7c6; |
|
@font-color-disabled: #9ea6b2; |
|
@font-color-disabled-theme-dark: #878d9f; |
|
@font-color-tips: #9ea6b2; |
|
@font-color-tips-theme-dark: #6b7084; |
|
@font-color-light-disabled: #d0d4da; |
|
@font-color-light-disabled-theme-dark: #606479; |
|
@font-color-gray: #999999; |
|
@font-color-white: #ffffff; |
|
@font-color-white-theme-dark: #20263b; |
|
@font-color-light-highlight: #eaf2fd; |
|
@font-color-medium-highlight: #d7e7fc; |
|
@font-color-highlight: #3685f2; |
|
@font-color-blue: #23beef; |
|
@font-color-light-blue: #e9f8fd; |
|
@font-color-success: #13cd66; |
|
@font-color-warning: #faaa39; |
|
@font-color-negative: #e65251; |
|
@font-color-yellow: #ffc101; |
|
|
|
//background color |
|
@background-color-black: #232E40; |
|
@background-color-black-theme-dark: #606479; |
|
@background-color-light-black: #3d4d66; |
|
@background-color-light-black-theme-dark: #d6e0dc; |
|
@background-color-default: #ffffff; |
|
@background-color-default-theme-dark: #20263b; |
|
@background-color-normal: #f7f8fa; |
|
@background-color-normal-theme-dark: #191b2b; |
|
@background-color-light-highlight: #eaf2fd; |
|
@background-color-medium-highlight: #d7e7fc; |
|
@background-color-highlight: #3685f2; |
|
@background-color-blue: #23beef; |
|
@background-color-light-blue: #e9f8fd; |
|
@background-color-dark: #d4dadd; |
|
@background-color-light-gray: #f2f4f7; |
|
@background-color-light-gray-theme-dark: #292f45; |
|
@background-color-medium-gray: #e8eaed; |
|
@background-color-medium-gray-theme-dark: #363e55; |
|
@background-color-dark-gray: #d0d4da; |
|
@background-color-dark-gray-theme-dark: #606479; |
|
@background-color-disabled: #f2f4f7; |
|
@background-color-disabled-theme-dark: #292f45; |
|
@background-color-light-disabled: #9ea6b2; |
|
@background-color-light-disabled-theme-dark: #878d9f; |
|
@background-color-yellow: #ffc101; |
|
|
|
@background-color-negative: #e65251; |
|
@background-color-light-negative: #ffecec; |
|
@background-color-dark-negative: #3A2940; |
|
@background-color-light-warning: #feeed7; |
|
@background-color-warning: #faaa39; |
|
|
|
@background-color-dark-success: #13cd66; |
|
@background-color-light-success: #e1f4e7; |
|
@background-color-normal-success: #647185; |
|
|
|
//border color |
|
@border-color-default: #ffffff; |
|
@border-color-black: #232e40; |
|
@border-color-line: #e8eaed; |
|
@border-color-line-theme-dark: #363e55; |
|
@border-color-light-line: #f2f4f7; |
|
@border-color-light-line-theme-dark: #292f45; |
|
@border-color-dark-gray-line: #d0d4da; |
|
@border-color-dark-gray-line-theme-dark: #606479; |
|
@border-color-dark-line: #9EA6B2; |
|
@border-color-dark-line-theme-dark: #878D9F; |
|
@border-color-highlight: #3685f2; |
|
|
|
@border-color-warning: #fbb03b; |
|
@border-color-negative: #e65251; |
|
@border-color-success: #13cd66; |
|
@border-color-light-negative: #f4cbcb; |
|
@border-color-normal-success: #eddea2; |
|
|
|
//split color |
|
@border-color-disabled: #e8eaed; |
|
@border-color-disabled-theme-dark: #363e55; |
|
|
|
//scroll color |
|
@scroll-color: #232e40; |
|
@scroll-color-theme-dark: #ffffff; |
|
@scroll-thumb-color: #232e40; |
|
@scroll-thumb-color-theme-dark: #232e40;
|
|
|