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