| 提交 | 用户 | age | ||
| 5b8eb4 | 1 | html { |
| 7692ff | 2 | // header |
| V | 3 | --header-bg-color: #394664; |
| 4 | --header-bg-hover-color: #273352; | |
| 5 | --header-active-menu-bg-color: #273352; | |
| 6 | ||
| 7 | // sider | |
| 8 | --sider-dark-bg-color: #273352; | |
| 9 | --sider-dark-darken-bg-color: #273352; | |
| 5b8eb4 | 10 | --sider-dark-lighten-bg-color: #273352; |
| 7692ff | 11 | } |
| V | 12 | |
| 2f6253 | 13 | @white: #fff; |
| e5f8ce | 14 | |
| a1c3c5 | 15 | @content-bg: #f4f7f9; |
| e5f8ce | 16 | |
| 2f6253 | 17 | // :export { |
| 陈 | 18 | // name: "less"; |
| 19 | // mainColor: @mainColor; | |
| 20 | // fontSize: @fontSize; | |
| 21 | // } | |
| 22 | @iconify-bg-color: #5551; | |
| 23 | ||
| 24 | // ================================= | |
| e5f8ce | 25 | // ==============border-color======= |
| 2f6253 | 26 | // ================================= |
| 陈 | 27 | |
| 0c28ff | 28 | // Dark-dark |
| 2f6253 | 29 | @border-color-dark: #b6b7b9; |
| 陈 | 30 | |
| 0c28ff | 31 | // Dark-light |
| 2f6253 | 32 | @border-color-shallow-dark: #cececd; |
| 陈 | 33 | |
| 0c28ff | 34 | // Light-dark |
| 5b8eb4 | 35 | @border-color-light: @border-color-base; |
| 2f6253 | 36 | |
| 陈 | 37 | // ================================= |
| 38 | // ==============message============== | |
| 39 | // ================================= | |
| 0c28ff | 40 | |
| V | 41 | // success-bg-color |
| 2f6253 | 42 | @success-background-color: #f1f9ec; |
| 0c28ff | 43 | // info-bg-color |
| 2f6253 | 44 | @info-background-color: #e8eff8; |
| 0c28ff | 45 | // warn-bg-color |
| 2f6253 | 46 | @warning-background-color: #fdf6ed; |
| 0c28ff | 47 | // danger-bg-color |
| 2f6253 | 48 | @danger-background-color: #fef0f0; |
| 陈 | 49 | |
| 50 | // ================================= | |
| 51 | // ==============Header============= | |
| 52 | // ================================= | |
| 53 | ||
| 7692ff | 54 | @header-dark-bg-color: var(--header-bg-color); |
| V | 55 | @header-dark-bg-hover-color: var(--header-bg-hover-color); |
| 2f6253 | 56 | @header-light-bg-hover-color: #f6f6f6; |
| 陈 | 57 | @header-light-desc-color: #7c8087; |
| 58 | @header-light-bottom-border-color: #eee; | |
| 7692ff | 59 | // top-menu |
| V | 60 | @top-menu-active-bg-color: var(--header-active-menu-bg-color); |
| 0c28ff | 61 | |
| 2f6253 | 62 | // ================================= |
| 陈 | 63 | // ==============Menu============ |
| 64 | // ================================= | |
| 65 | ||
| 66 | // let -menu | |
| 7692ff | 67 | @sider-dark-bg-color: var(--sider-dark-bg-color); |
| V | 68 | @sider-dark-darken-bg-color: var(--sider-dark-darken-bg-color); |
| 5b8eb4 | 69 | @sider-dark-lighten-bg-color: var(--sider-dark-lighten-bg-color); |
| 2f6253 | 70 | |
| 陈 | 71 | // trigger |
| 72 | @trigger-dark-hover-bg-color: rgba(255, 255, 255, 0.2); | |
| 73 | @trigger-dark-bg-color: rgba(255, 255, 255, 0.1); | |
| 74 | ||
| 75 | // ================================= | |
| 76 | // ==============tree============ | |
| 77 | // ================================= | |
| 78 | // tree item hover background | |
| 79 | @tree-hover-background-color: #f5f7fa; | |
| 80 | // tree item hover font color | |
| 81 | @tree-hover-font-color: #f5f7fa; | |
| 0c28ff | 82 | |
| 2f6253 | 83 | // ================================= |
| 陈 | 84 | // ==============link============ |
| 85 | // ================================= | |
| 86 | @link-hover-color: @primary-color; | |
| 87 | @link-active-color: darken(@primary-color, 10%); | |
| 88 | ||
| 89 | // ================================= | |
| 0c28ff | 90 | // ==============Text color-============= |
| 2f6253 | 91 | // ================================= |
| 陈 | 92 | |
| 0c28ff | 93 | // Main text color |
| 7a0003 | 94 | @text-color-base: @text-color; |
| 0c28ff | 95 | |
| V | 96 | // Label color |
| 2f6253 | 97 | @text-color-call-out: #606266; |
| 陈 | 98 | |
| 0c28ff | 99 | // Auxiliary information color-dark |
| 2f6253 | 100 | @text-color-help-dark: #909399; |
| 陈 | 101 | |
| 102 | // ================================= | |
| 103 | // ==============breadcrumb========= | |
| 104 | // ================================= | |
| a65ad9 | 105 | @breadcrumb-item-normal-color: #999; |
| 2f6253 | 106 | // ================================= |
| 陈 | 107 | // ==============button============= |
| 108 | // ================================= | |
| 109 | ||
| 110 | @button-primary-color: @primary-color; | |
| 111 | @button-primary-hover-color: darken(@primary-color, 5%); | |
| 112 | ||
| 113 | @button-ghost-color: @primary-color; | |
| 114 | @button-ghost-hover-color: lighten(@primary-color, 10%); | |
| 115 | @button-ghost-hover-bg-color: #e1ebf6; | |
| 116 | ||
| 117 | @button-success-color: @success-color; | |
| 118 | @button-success-hover-color: darken(@success-color, 10%); | |
| 119 | ||
| 120 | @button-warn-color: @warning-color; | |
| 121 | @button-warn-hover-color: darken(@warning-color, 10%); | |
| 122 | ||
| 123 | @button-error-color: @error-color; | |
| 124 | @button-error-hover-color: darken(@error-color, 10%); | |
| 125 | ||
| 126 | @button-cancel-color: @text-color-call-out; | |
| 127 | @button-cancel-bg-color: @white; | |
| 128 | @button-cancel-border-color: @border-color-shallow-dark; | |
| 0c28ff | 129 | |
| V | 130 | // Mouse over |
| 2f6253 | 131 | @button-cancel-hover-color: @primary-color; |
| 陈 | 132 | @button-cancel-hover-bg-color: @white; |
| 133 | @button-cancel-hover-border-color: @primary-color; | |
