| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | //basic variables |
| A | 2 | @icon: ace-icon;//the icon class to be used. For more info please refer to docs, the "icons" section |
| 3 | ||
| 4 | ||
| 5 | @base-font-size: 13px; | |
| 6 | @baseFontSize: @base-font-size; | |
| 7 | @sansFontFamily: "Open Sans"; | |
| 8 | ||
| 9 | @import "fonts.less";//font sizes | |
| 10 | ||
| 11 | ||
| 12 | @screen-topbar-down: 479px;//The point to move top menu buttons down in default layout | |
| 13 | @screen-topbar-down-min: (@screen-topbar-down + 1);//!ignore | |
| 14 | @screen-topbar-down-small: 360px; //!ignore | |
| 15 | ||
| 16 | @screen-qhd-width: 540px;//!ignore | |
| 17 | @screen-tiny: 320px;//!ignore | |
| 18 | @screen-tiny-max: (@screen-xs-min - 1);//!ignore | |
| 19 | @screen-mini: 240px;//!ignore | |
| 20 | @screen-mini-max: (@screen-tiny - 1);//!ignore | |
| 21 | ||
| 22 | ||
| 23 | ||
| 24 | @screen-fixed-breadcrumbs: @grid-float-breakpoint;//minimum width for fixed breadcrumbs | |
| 25 | @screen-hover-menu: @grid-float-breakpoint;//minimum width for .hover submenus | |
| 26 | @screen-compact-menu: @screen-hover-menu; | |
| 27 | ||
| 28 | ||
| 29 | ||
| 30 | //general.less variables | |
| 31 | @body-background: #E4E6E9; | |
| 32 | @text-color: #393939; | |
| 33 | ||
| 34 | ||
| 35 | ||
| 36 | @ace-nav-default: #2E6589;//ace nav button default background color | |
| 37 | @ace-nav-blue: #2E6589; | |
| 38 | @ace-nav-grey: #555;//ace nav button grey background color | |
| 39 | @ace-nav-purple: #892E65;//ace nav button purple background color | |
| 40 | @ace-nav-green: #2E8965; | |
| 41 | @ace-nav-red: #B74635; | |
| 42 | @ace-nav-light-green: #9ABC32; | |
| 43 | @ace-nav-light-purple: #CB6FD7; | |
| 44 | @ace-nav-light-orange: #F79263; | |
| 45 | @ace-nav-light-blue: #62A8D1; | |
| 46 | @ace-nav-light-blue2: #42A8E1; | |
| 47 | @ace-nav-light-pink: #F4DAE5; | |
| 48 | @ace-nav-dark: #404040; | |
| 49 | @ace-nav-white-opaque: rgba(255,255,255,0.8); | |
| 50 | @ace-nav-dark-opaque: rgba(0,0,0,0.2); | |
| 51 | ||
| 52 | ||
| 53 | @navbar-min-height: 45px;//navbar's min-height | |
| 54 | @navbar-dropdown-width: 240px; | |
| 55 | @navbar-dropdown-shadow: ~"0 2px 4px rgba(30, 30, 100, 0.25)"; | |
| 56 | ||
| 57 | ||
| 58 | @sidebar-width: 190px; | |
| 59 | @sidebar-min-width: 43px;//sidebar minimum width | |
| 60 | @sidebar-compact-width: 105px; | |
| 61 | @nav-item-height: 39px; | |
| 62 | ||
| 63 | @sidebar-toggler-line-1: #87B87F; | |
| 64 | @sidebar-toggler-line-2: #6FB3E0; | |
| 65 | @sidebar-toggler-line-3: #FFA24D; | |
| 66 | @sidebar-toggler-line-4: #D15B47; | |
| 67 | ||
| 68 | @breadcrumb-height: 41px; | |
| 69 | @breadcrumb-arrow-color: #B2B6BF; | |
| 70 | @page-content-padding-top: 8px; | |
| 71 | ||
| 72 | ||
| 73 | ||
| 74 | //navbar | |
| 75 | @navbar-background: #438EB9;//navbar background color | |
| 76 | @navbar-text-color: #FFF; | |
| 77 | ||
| 78 | ||
| 79 | ||
| 80 | ||
| 81 | ||
| 82 | //some text colors | |
| 83 | @ace-dark: #333; | |
| 84 | @ace-white: #FFF; | |
| 85 | @ace-red: #DD5A43; | |
| 86 | @ace-red2: #E08374; | |
| 87 | @ace-light-red: #FF7777; | |
| 88 | @ace-blue: #478FCA; | |
| 89 | @ace-light-blue: #93CBF9; | |
| 90 | @ace-green: #69AA46; | |
| 91 | @ace-light-green: #B0D877; | |
| 92 | @ace-orange: #FF892A; | |
| 93 | @ace-orange2: #FEB902; | |
| 94 | @ace-light-orange: #FCAC6F; | |
| 95 | @ace-purple: #A069C3; | |
| 96 | @ace-pink: #C6699F; | |
| 97 | @ace-pink2: #D6487E; | |
| 98 | @ace-brown:brown; | |
| 99 | @ace-grey: #777; | |
| 100 | @ace-light-grey: #BBB; | |
| 101 | ||
| 102 | ||
| 103 | ||
| 104 | //button colors | |
| 105 | @btn-default: #ABBAC3; | |
| 106 | @btn-default-hover: #8B9AA3; | |
| 107 | ||
| 108 | @btn-primary: #428BCA; | |
| 109 | @btn-primary-hover: #1B6AAA; | |
| 110 | ||
| 111 | @btn-info: #6FB3E0; | |
| 112 | @btn-info-hover: #4F99C6; | |
| 113 | ||
| 114 | @btn-info2: #95C6E5; | |
| 115 | @btn-info2-hover: #67A6CE; | |
| 116 | ||
| 117 | @btn-success: #87B87F; | |
| 118 | @btn-success-hover: #629B58; | |
| 119 | ||
| 120 | @btn-warning: #FFB752; | |
| 121 | @btn-warning-hover: #E59729; | |
| 122 | ||
| 123 | @btn-danger: #D15B47; | |
| 124 | @btn-danger-hover: #B74635; | |
| 125 | ||
| 126 | @btn-inverse: #555555; | |
| 127 | @btn-inverse-hover: #303030; | |
| 128 | ||
| 129 | @btn-pink: #D6487E; | |
| 130 | @btn-pink-hover: #B73766; | |
| 131 | ||
| 132 | @btn-purple: #9585BF; | |
| 133 | @btn-purple-hover: #7461AA; | |
| 134 | ||
| 135 | @btn-yellow: #FEE188; | |
| 136 | @btn-yellow-hover: #F7D05B; | |
| 137 | @btn-yellow-color: #996633; | |
| 138 | ||
| 139 | @btn-light: #E7E7E7; | |
| 140 | @btn-light-hover: #D9D9D9; | |
| 141 | @btn-light-color: #888; | |
| 142 | ||
| 143 | @btn-grey: #A0A0A0; | |
| 144 | @btn-grey-hover: #888888; | |
| 145 | ||
| 146 | //active state: | |
| 147 | @btn-active-color: #EFE5B5; | |
| 148 | @btn-yellow-active-border: #C96338; | |
| 149 | ||
| 150 | @btn-link-color: #0088CC; | |
| 151 | ||
| 152 | ||
| 153 | ||
| 154 | ||
| 155 | //application button colors | |
| 156 | @btn-app-default-1: #BCC9D5; | |
| 157 | @btn-app-default-2: #ABBAC3; | |
| 158 | ||
| 159 | @btn-app-primary-1: #3B98D6; | |
| 160 | @btn-app-primary-2: #197EC1; | |
| 161 | ||
| 162 | @btn-app-info-1: #75B5E6; | |
| 163 | @btn-app-info-2: #5BA4D5; | |
| 164 | ||
| 165 | @btn-app-success-1: #8EBF60; | |
| 166 | @btn-app-success-2: #7DAA50; | |
| 167 | ||
| 168 | @btn-app-danger-1: #D55B52; | |
| 169 | @btn-app-danger-2: #D12723; | |
| 170 | ||
| 171 | @btn-app-warning-1: #FFBF66; | |
| 172 | @btn-app-warning-2: #FFA830; | |
| 173 | ||
| 174 | @btn-app-purple-1: #A696CE; | |
| 175 | @btn-app-purple-2: #8A7CB4; | |
| 176 | ||
| 177 | @btn-app-pink-1: #DB5E8C; | |
| 178 | @btn-app-pink-2: #CE3970; | |
| 179 | ||
| 180 | @btn-app-inverse-1: #555555; | |
| 181 | @btn-app-inverse-2: #333333; | |
| 182 | ||
| 183 | @btn-app-grey-1: #898989; | |
| 184 | @btn-app-grey-2: #696969; | |
| 185 | ||
| 186 | @btn-app-light-1: #F4F4F4; | |
| 187 | @btn-app-light-2: #E6E6E6; | |
| 188 | ||
| 189 | @btn-app-yellow-1: #FFE8A5; | |
| 190 | @btn-app-yellow-2: #FCD76A; | |
| 191 | ||
| 192 | @btn-app-active: #FFF; | |
| 193 | @btn-app-yellow-color: #963; | |
| 194 | @btn-app-yellow-border: #FEE188; | |
| 195 | @btn-app-light-color: #5A5A5A; | |
| 196 | @btn-app-light-active: #515151; | |
| 197 | ||
| 198 | ||
| 199 | ||
| 200 | ||
| 201 | //label & badge colors | |
| 202 | @label-default: #ABBAC3; | |
| 203 | @label-primary:@btn-primary; | |
| 204 | @label-info: #3A87AD; | |
| 205 | @label-success: #82AF6F; | |
| 206 | @label-danger: #D15B47; | |
| 207 | @label-important:@label-danger;//!ignore | |
| 208 | @label-warning: #F89406; | |
| 209 | @label-inverse: #333333; | |
| 210 | @label-pink: #D6487E; | |
| 211 | @label-purple: #9585BF; | |
| 212 | @label-yellow: #FEE188; | |
| 213 | @label-light: #E7E7E7; | |
| 214 | @label-grey:@btn-grey; | |
| 215 | ||
| 216 | ||
| 217 | ||
| 218 | //menu colors | |
| 219 | @dropdown-menu: #4F99C6; | |
| 220 | @dropdown-default:@btn-default; | |
| 221 | @dropdown-primary:@btn-primary; | |
| 222 | @dropdown-info:@btn-info; | |
| 223 | @dropdown-success:@btn-success; | |
| 224 | @dropdown-warning: #FFA24D; | |
| 225 | @dropdown-danger:@btn-danger; | |
| 226 | @dropdown-inverse:@btn-inverse; | |
| 227 | @dropdown-pink:@btn-pink; | |
| 228 | @dropdown-purple:@btn-purple; | |
| 229 | @dropdown-grey:@btn-grey; | |
| 230 | @dropdown-light:@btn-light; | |
| 231 | @dropdown-lighter: #EFEFEF; | |
| 232 | @dropdown-lightest: #F3F3F3; | |
| 233 | @dropdown-yellow:@btn-yellow; | |
| 234 | @dropdown-yellow2: #F9E8B3; | |
| 235 | @dropdown-light-blue: #ECF3F9; | |
| 236 | ||
| 237 | //slider colors | |
| 238 | @slider-color: #4AA4CE; | |
| 239 | @slider-green: #8BBC67; | |
| 240 | @slider-red: #D36E6E; | |
| 241 | @slider-purple: #AC68BA; | |
| 242 | @slider-orange: #EFAD62; | |
| 243 | @slider-dark: #606060; | |
| 244 | @slider-pink:@btn-pink; | |
| 245 | ||
| 246 | ||
| 247 | //infobox colors | |
| 248 | @infobox-purple: #6F3CC4; | |
| 249 | @infobox-purple2: #5F47B0; | |
| 250 | @infobox-pink: #CB6FD7; | |
| 251 | @infobox-blue: #6FB3E0; | |
| 252 | @infobox-blue2: #3983C2; | |
| 253 | @infobox-blue3: #1144EB; | |
| 254 | @infobox-red: #D53F40; | |
| 255 | @infobox-brown: #C67A3E; | |
| 256 | @infobox-light-brown: #CEBEA5; | |
| 257 | @infobox-wood: #7B3F25; | |
| 258 | @infobox-orange: #E8B110; | |
| 259 | @infobox-orange2: #F79263; | |
| 260 | @infobox-green: #9ABC32; | |
| 261 | @infobox-green2: #0490A6; | |
| 262 | @infobox-grey: #999999; | |
| 263 | @infobox-black: #393939; | |
| 264 | ||
| 265 | ||
| 266 | //widget colors | |
| 267 | @widget-blue: #307ECC; | |
| 268 | @widget-blue2: #5090C1; | |
| 269 | @widget-blue3: #6379AA; | |
| 270 | @widget-green: #82AF6F; | |
| 271 | @widget-green2: #2E8965; | |
| 272 | @widget-green3: #4EBC30; | |
| 273 | @widget-red: #E2755F; | |
| 274 | @widget-red2: #E04141; | |
| 275 | @widget-red3: #D15B47; | |
| 276 | @widget-purple: #7E6EB0; | |
| 277 | @widget-pink: #CE6F9E; | |
| 278 | @widget-dark: #404040; | |
| 279 | @widget-grey: #848484; | |
| 280 | ||
| 281 | @widget-orange: #FFC657; | |
| 282 | @widget-orange-txt: #855D10; | |
| 283 | @widget-orange-border: #E8B10D; | |
| 284 | ||
| 285 | ||
| 286 | ||
| 287 | ||
| 288 | //form | |
| 289 | @help-button-bg: #65BCDA; | |
| 290 | @input-border: #D5D5D5; | |
| 291 | @input-background: #FFF; | |
| 292 | @input-color: #858585; | |
| 293 | ||
| 294 | @input-border-focus: #F59942; | |
| 295 | @input-background-focus: #FFF; | |
| 296 | @input-color-focus: #696969; | |
| 297 | //@input-shadow-focus:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)"; | |
| 298 | ||
| 299 | ||
| 300 | ||
| 301 | //tabs & accordion | |
| 302 | @tab-border: #C5D0DC; | |
| 303 | @tab-active-color: #576373; | |
| 304 | @tab-active-border: #4C8FBD; | |
| 305 | @tab-hover-color: #4C8FBD; | |
| 306 | ||
| 307 | ||
| 308 | ||
| 309 | //tooltip | |
| 310 | @tooltip-color: #333; | |
| 311 | @tooltip-error-color: #C94D32; | |
| 312 | @tooltip-success-color: #629B58; | |
| 313 | @tooltip-warning-color: #ED9421; | |
| 314 | @tooltip-info-color: #4B89AA; | |
| 315 | ||
| 316 | ||
| 317 | //progress bar | |
| 318 | @progress-color: #2A91D8; | |
| 319 | @progress-danger: #CA5952; | |
| 320 | @progress-success: #59A84B; | |
| 321 | @progress-warning: #F2BB46; | |
| 322 | @progress-pink: #D6487E; | |
| 323 | @progress-purple: #9585BF; | |
| 324 | @progress-yellow: #FFD259; | |
| 325 | @progress-inverse: #404040; | |
| 326 | @progress-grey: #8A8A8A; | |
| 327 | ||
| 328 | ||
| 329 | ||
| 330 | ||
| 331 | ||
| 332 | //widget | |
| 333 | @widget-header-color: #669FC7;//text color | |
| 334 | @tag-bg: #91B8D0; | |
| 335 | ||
| 336 | ||
| 337 | ||
| 338 | //items | |
| 339 | @item-list-orange-border: #E8B110; | |
| 340 | @item-list-orange2-border: #F79263; | |
| 341 | @item-list-red-border: #D53F40; | |
| 342 | @item-list-red2-border: #D15B47; | |
| 343 | @item-list-green-border: #9ABC32; | |
| 344 | @item-list-green2-border: #0490A6; | |
| 345 | @item-list-blue-border:@btn-info-hover; | |
| 346 | @item-list-blue2-border: #3983C2; | |
| 347 | @item-list-blue3-border: #1144EB; | |
| 348 | @item-list-pink-border: #CB6FD7; | |
| 349 | @item-list-purple-border: #6F3CC4; | |
| 350 | @item-list-black-border: #505050; | |
| 351 | @item-list-grey-border: #A0A0A0; | |
| 352 | @item-list-brown-border:brown; | |
| 353 | @item-list-default-border:@btn-default; | |
| 354 | ||
| 355 | ||
| 356 | ||
| 357 | ||
| 358 | ||
| 359 | ||
