sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/variables.less

   1 /**
   2  * These are the variables used throughout the application. This is where
   3  * overwrites that are not specific to components should be maintained.
   4  */
   5
   6 @import '../../vendor/bootstrap/less/variables.less';
   7
   8
   9 /**
  10  * Typography-related.
  11  */
  12
  13 @sansFontFamily: 'Roboto', sans-serif;
  14
  15
  16
  17 /*
  18  * Other variables
  19  */
  20 @ace-settings-box-border:#FFB34B;
  21 @datepicker-active-bg:#2283C5;
  22 @datepicker-disabled-bg:#8B9AA3;
  23 @datepicker-active-bg2:#7D8893;//inside .well
  24
  25
  26 /**
  27  * Breadcrumbs-related
  28  */
  29 //some breadcrumbs variables
  30 @breadcrumb-bg:#F5F5F5;
  31 @breadcrumb-border:#E5E5E5;
  32 @breadcrumb-text-color:#555;
  33 @breadcrumb-link-color:#4C8FBD;
  34
  35 @breadcrumb-separator:"\f105";//font awesome icon
  36
  37
  38 /**
  39 * Navigation-related
  40 */
  41 @sidebar-bg:#F2F2F2;
  42 @sidebar-border-right:#CCC;
  43
  44 //@menu-active-color:#0B6CBC;
  45
  46 @menu-bg:#F9F9F9;
  47 @menu-color:#585858;
  48 @menu-hover-indicator:#3382AF;
  49 @menu-subarrow-color:#666;
  50 @menu-open-bg:#FAFAFA;
  51 @menu-active-bg:#FFF;
  52
  53 @submenu-border:#E5E5E5;
  54 @submenu-bg:#FFF;
  55 @submenu-item-color:#616161;
  56 @submenu-item-border:#E4E4E4;
  57 @submenu-item-hover:#4B88B7;
  58 @submenu-item-active-icon:#C86139;
  59
  60
  61 @3rd-level-icon-color:#6A7D87;
  62 @submenu-left-border-style:dotted;
  63
  64 //@submenu-left-border:#CCD7E2;
  65 //@submenu-active-left-border:#BCCFE0;
  66
  67
  68
  69 @menumin-btn-bg:#F3F3F3;
  70 @menumin-btn-border:#E0E0E0;
  71 @menumin-icon-color:#AAA;
  72 @menumin-icon-border:#BBB;
  73 @menumin-icon-bg:#FFF;
  74 @menumin-bg:#F5F5F5;
  75
  76 @menumin-text-border:#DDD;
  77 @menumin-shadow:~"2px 1px 2px 0 rgba(0,0,0,0.2)";
  78
  79 @shortcuts-bg:#FAFAFA;
  80 @shortcuts-border:#DDD;
  81
  82
  83
  84
  85 //basic variables
  86 @baseFontSize:13px;
  87 @sansFontFamily:"Open Sans";
  88
  89 @screen-xs-min:              (@screen-xs + 1);//!ignore
  90 @screen-sm-min:              (@screen-sm + 1);//!ignore
  91 @screen-md-min:              (@screen-md + 1);//!ignore
  92 @screen-lg-min:              (@screen-lg + 1);//!ignore
  93 @screen-topbar-down:         460px;//The point to move top menu buttons down in default layout
  94 @screen-topbar-down-min:        (@screen-topbar-down + 1);//!ignore
  95
  96 @screen-tiny:   320px;//!ignore
  97
  98
  99 //general.less variables
 100 @body-bg:#E4E6E9;
 101 @text-color:#393939;
 102
 103
 104 //ace top nav/bar
 105 @navbar-mh:45px;//navbar's min-height
 106 @navbar-bg:#438EB9;//navbar background color
 107 @navbar-text-color:#FFF;
 108 @brand-size:24px;//brand logo text size
 109
 110 @ace-nav-default:#2E6589;//ace nav button default background color
 111 @ace-nav-grey:#555;//ace nav button grey background color
 112 @ace-nav-purple:#892E65;//ace nav button purple background color
 113 @ace-nav-green:#2E8965;
 114 @ace-nav-red:#B74635;
 115 @ace-nav-light-green:#9ABC32;
 116 @ace-nav-light-purple:#CB6FD7;
 117 @ace-nav-light-orange:#F79263;
 118 @ace-nav-light-blue:#62A8D1;
 119 @ace-nav-light-blue2:#42A8E1;
 120 @ace-nav-light-pink:#F4DAE5;
 121 @ace-nav-dark:#404040;
 122 @ace-nav-white-opaque:rgba(255,255,255,0.8);
 123 @ace-nav-dark-opaque:rgba(0,0,0,0.2);
 124
 125 @navbar-dropdown-width:240px;
 126 @navbar-dropdown-shadow:~"0 2px 4px rgba(30, 30, 100, 0.25)";
 127
 128
 129
 130 //sidebar
 131 @menu-button-text: "MENU";
 132
 133 @sidebar-width:190px;//sidebar width
 134 @sidebar-min-width:43px;//sidebar minimum width
 135 @menu-focus-color:#1963AA;
 136 @menu-active-color:#2B7DBC;
 137
 138 @submenu-left-border:mix(#BCCFE0 , #7EAACB);
 139 @submenu-active-left-border:mix(mix(#BCCFE0 , #7EAACB) , #7EAACB);
 140
 141 @menumin-border:#CCC;
 142
 143
 144
 145 //breadcrumb
 146 @breadcrumb-height:41px;
 147 @breadcrumb-arrow-color:#B2B6BF;
 148
 149
 150
 151 // heading font size
 152 @h1-size: 32;
 153 @h2-size: 26;
 154 @h3-size: 22;
 155 @h4-size: 18;
 156 @h5-size: 15;
 157 @h6-size: 13;
 158
 159
 160
 161
 162 //some text colors
 163 @ace-dark:#333;
 164 @ace-white:#FFF;
 165 @ace-red:#DD5A43;
 166 @ace-light-red:#FF7777;
 167 @ace-blue:#478FCA;
 168 @ace-light-blue:#93CBF9;
 169 @ace-green:#69AA46;
 170 @ace-light-green:#B0D877;
 171 @ace-orange:#FF892A;
 172 @ace-orange2:#FEB902;
 173 @ace-light-orange:#FCAC6F;
 174 @ace-purple:#A069C3;
 175 @ace-pink:#C6699F;
 176 @ace-pink2:#D6487E;
 177 @ace-brown:brown;
 178 @ace-grey:#777;
 179 @ace-light-grey:#BBB;
 180
 181
 182
 183
 184 //button colors
 185 @btn-default:#ABBAC3;
 186 @btn-default-hover:#8B9AA3;
 187
 188 @btn-primary:#428BCA;
 189 @btn-primary-hover:#1B6AAA;
 190
 191 @btn-info:#6FB3E0;
 192 @btn-info-hover:#4F99C6;
 193
 194 @btn-success:#87B87F;
 195 @btn-success-hover:#629B58;
 196
 197 @btn-warning:#FFB752;
 198 @btn-warning-hover:#E59729;
 199
 200 @btn-danger:#D15B47;
 201 @btn-danger-hover:#B74635;
 202
 203 @btn-inverse:#555555;
 204 @btn-inverse-hover:#303030;
 205
 206 @btn-pink:#D6487E;
 207 @btn-pink-hover:#B73766;
 208
 209 @btn-purple:#9585BF;
 210 @btn-purple-hover:#7461AA;
 211
 212 @btn-yellow:#FEE188;
 213 @btn-yellow-hover:#F7D05B;
 214 @btn-yellow-color:#996633;
 215
 216 @btn-light:#E7E7E7;
 217 @btn-light-hover:#D9D9D9;
 218 @btn-light-color:#888;
 219
 220 @btn-grey:#A0A0A0;
 221 @btn-grey-hover:#888888;
 222
 223 //active state:
 224 @btn-active-color:#EFE5B5;
 225 @btn-yellow-active-border:#C96338;
 226
 227 @btn-link-color:#0088CC;
 228
 229
 230
 231
 232 //application button colors
 233 @btn-app-default-1:#BCC9D5;
 234 @btn-app-default-2:#ABBAC3;
 235
 236 @btn-app-primary-1:#3B98D6;
 237 @btn-app-primary-2:#197EC1;
 238
 239 @btn-app-info-1:#75B5E6;
 240 @btn-app-info-2:#5BA4D5;
 241
 242 @btn-app-success-1:#8EBF60;
 243 @btn-app-success-2:#7DAA50;
 244
 245 @btn-app-danger-1:#D55B52;
 246 @btn-app-danger-2:#D12723;
 247
 248 @btn-app-warning-1:#FFBF66;
 249 @btn-app-warning-2:#FFA830;
 250
 251 @btn-app-purple-1:#A696CE;
 252 @btn-app-purple-2:#8A7CB4;
 253
 254 @btn-app-pink-1:#DB5E8C;
 255 @btn-app-pink-2:#CE3970;
 256
 257 @btn-app-inverse-1:#555555;
 258 @btn-app-inverse-2:#333333;
 259
 260 @btn-app-grey-1:#898989;
 261 @btn-app-grey-2:#696969;
 262
 263 @btn-app-light-1:#F4F4F4;
 264 @btn-app-light-2:#E6E6E6;
 265
 266 @btn-app-yellow-1:#FFE8A5;
 267 @btn-app-yellow-2:#FCD76A;
 268
 269 @btn-app-active:#FFF;
 270 @btn-app-yellow-color:#963;
 271 @btn-app-yellow-border:#FEE188;
 272 @btn-app-light-color:#5A5A5A;
 273 @btn-app-light-active:#515151;
 274
 275
 276
 277
 278 //label & badge colors
 279 @label-default:#ABBAC3;
 280 @label-primary:@btn-primary;
 281 @label-info:#3A87AD;
 282 @label-success:#82AF6F;
 283 @label-danger:#D15B47;
 284 @label-important:@label-danger;//!ignore
 285 @label-warning:#F89406;
 286 @label-inverse:#333333;
 287 @label-pink:#D6487E;
 288 @label-purple:#9585BF;
 289 @label-yellow:#FEE188;
 290 @label-light:#E7E7E7;
 291 @label-grey:@btn-grey;
 292
 293
 294
 295 //menu colors
 296 @dropdown-menu:#4F99C6;
 297 @dropdown-default:@btn-default;
 298 @dropdown-primary:@btn-primary;
 299 @dropdown-info:@btn-info;
 300 @dropdown-success:@btn-success;
 301 @dropdown-warning:#FFA24D;
 302 @dropdown-danger:@btn-danger;
 303 @dropdown-inverse:@btn-inverse;
 304 @dropdown-pink:@btn-pink;
 305 @dropdown-purple:@btn-purple;
 306 @dropdown-grey:@btn-grey;
 307 @dropdown-light:@btn-light;
 308 @dropdown-lighter:#EFEFEF;
 309 @dropdown-lightest:#F3F3F3;
 310 @dropdown-yellow:@btn-yellow;
 311 @dropdown-yellow2:#F9E8B3;
 312 @dropdown-light-blue:#ECF3F9;
 313
 314 //slider colors
 315 @slider-color:#4AA4CE;
 316 @slider-green:#8BBC67;
 317 @slider-red:#D36E6E;
 318 @slider-purple:#AC68BA;
 319 @slider-orange:#EFAD62;
 320 @slider-dark:#606060;
 321 @slider-pink:@btn-pink;
 322
 323
 324 //infobox colors
 325 @infobox-purple:#6F3CC4;
 326 @infobox-purple2:#5F47B0;
 327 @infobox-pink:#CB6FD7;
 328 @infobox-blue:#6FB3E0;
 329 @infobox-blue2:#3983C2;
 330 @infobox-blue3:#1144EB;
 331 @infobox-red:#D53F40;
 332 @infobox-brown:#C67A3E;
 333 @infobox-light-brown:#CEBEA5;
 334 @infobox-wood:#7B3F25;
 335 @infobox-orange:#E8B110;
 336 @infobox-orange2:#F79263;
 337 @infobox-green:#9ABC32;
 338 @infobox-green2:#0490A6;
 339 @infobox-grey:#999999;
 340 @infobox-black:#393939;
 341
 342
 343 //widget colors
 344 @widget-blue:#307ECC;
 345 @widget-blue2:#5090C1;
 346 @widget-blue3:#6379AA;
 347 @widget-green:#82AF6F;
 348 @widget-green2:#2E8965;
 349 @widget-green3:#4EBC30;
 350 @widget-red:#E2755F;
 351 @widget-red2:#E04141;
 352 @widget-red3:#D15B47;
 353 @widget-purple:#7E6EB0;
 354 @widget-pink:#CE6F9E;
 355 @widget-dark:#404040;
 356 @widget-grey:#848484;
 357
 358 @widget-orange:#FFC657;
 359 @widget-orange-txt:#855D10;
 360 @widget-orange-border:#E8B10D;
 361
 362
 363
 364
 365 //form
 366 @help-button-bg:#65BCDA;
 367 @input-border:#D5D5D5;
 368 @input-bg:#FFF;
 369 @input-color:#858585;
 370
 371 @input-focus-border:#F59942;
 372 @input-focus-bg:#FFF;
 373 @input-focus-color:#696969;
 374 //@input-focus-shadow:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)";
 375
 376
 377
 378 //tabs & accordion
 379 @tab-border:#C5D0DC;
 380 @tab-active-color:#576373;
 381 @tab-active-border:#4C8FBD;
 382 @tab-hover-color:#4C8FBD;
 383
 384
 385
 386 //tooltip
 387 @tooltip-color:#333;
 388 @tooltip-error-color:#C94D32;
 389 @tooltip-success-color:#629B58;
 390 @tooltip-warning-color:#ED9421;
 391 @tooltip-info-color:#4B89AA;
 392
 393
 394 //progress bar
 395 @progress-color:#2A91D8;
 396 @progress-danger:#CA5952;
 397 @progress-success:#59A84B;
 398 @progress-warning:#F2BB46;
 399 @progress-pink:#D6487E;
 400 @progress-purple:#9585BF;
 401 @progress-yellow:#FFD259;
 402 @progress-inverse:#404040;
 403 @progress-grey:#8A8A8A;
 404
 405
 406
 407
 408
 409 //widget
 410 @widget-header-color:#669FC7;//text color
 411 @tag-bg:#91B8D0;
 412
 413
 414
 415 //items
 416 @item-list-orange-border:#E8B110;
 417 @item-list-orange2-border:#F79263;
 418 @item-list-red-border:#D53F40;
 419 @item-list-red2-border:#D15B47;
 420 @item-list-green-border:#9ABC32;
 421 @item-list-green2-border:#0490A6;
 422 @item-list-blue-border:@btn-info-hover;
 423 @item-list-blue2-border:#3983C2;
 424 @item-list-blue3-border:#1144EB;
 425 @item-list-pink-border:#CB6FD7;
 426 @item-list-purple-border:#6F3CC4;
 427 @item-list-black-border:#505050;
 428 @item-list-grey-border:#A0A0A0;
 429 @item-list-brown-border:brown;
 430 @item-list-default-border:@btn-default;
 431
 432 // Container sizes
 433 // --------------------------------------------------
 434
 435 // Small screen / tablet
 436 @container-tablet:            ((720px + @grid-gutter-width));
 437
 438 // Medium screen / desktop
 439 @container-desktop:           ((940px + @grid-gutter-width));
 440
 441 // Large screen / wide desktop
 442 @container-lg-desktop:        ((1140px + @grid-gutter-width));