third_party/ot-br-posix/repo/third_party/mdl/repo/src/palette/_palette.scss

   1 /**
   2  * Copyright 2015 Google Inc. All Rights Reserved.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *      http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 @import "../variables";
  18
  19 @if $trim-color-classes == false {
  20   // Red
  21
  22   .mdl-color-text--red {
  23     color: unquote("rgb(#{$palette-red-500})") !important;
  24   }
  25
  26   .mdl-color--red {
  27     background-color: unquote("rgb(#{$palette-red-500})") !important;
  28   }
  29
  30   .mdl-color-text--red-50 {
  31     color: unquote("rgb(#{$palette-red-50})") !important;
  32   }
  33
  34   .mdl-color--red-50 {
  35     background-color: unquote("rgb(#{$palette-red-50})") !important;
  36   }
  37
  38   .mdl-color-text--red-100 {
  39     color: unquote("rgb(#{$palette-red-100})") !important;
  40   }
  41
  42   .mdl-color--red-100 {
  43     background-color: unquote("rgb(#{$palette-red-100})") !important;
  44   }
  45
  46   .mdl-color-text--red-200 {
  47     color: unquote("rgb(#{$palette-red-200})") !important;
  48   }
  49
  50   .mdl-color--red-200 {
  51     background-color: unquote("rgb(#{$palette-red-200})") !important;
  52   }
  53
  54   .mdl-color-text--red-300 {
  55     color: unquote("rgb(#{$palette-red-300})") !important;
  56   }
  57
  58   .mdl-color--red-300 {
  59     background-color: unquote("rgb(#{$palette-red-300})") !important;
  60   }
  61
  62   .mdl-color-text--red-400 {
  63     color: unquote("rgb(#{$palette-red-400})") !important;
  64   }
  65
  66   .mdl-color--red-400 {
  67     background-color: unquote("rgb(#{$palette-red-400})") !important;
  68   }
  69
  70   .mdl-color-text--red-500 {
  71     color: unquote("rgb(#{$palette-red-500})") !important;
  72   }
  73
  74   .mdl-color--red-500 {
  75     background-color: unquote("rgb(#{$palette-red-500})") !important;
  76   }
  77
  78   .mdl-color-text--red-600 {
  79     color: unquote("rgb(#{$palette-red-600})") !important;
  80   }
  81
  82   .mdl-color--red-600 {
  83     background-color: unquote("rgb(#{$palette-red-600})") !important;
  84   }
  85
  86   .mdl-color-text--red-700 {
  87     color: unquote("rgb(#{$palette-red-700})") !important;
  88   }
  89
  90   .mdl-color--red-700 {
  91     background-color: unquote("rgb(#{$palette-red-700})") !important;
  92   }
  93
  94   .mdl-color-text--red-800 {
  95     color: unquote("rgb(#{$palette-red-800})") !important;
  96   }
  97
  98   .mdl-color--red-800 {
  99     background-color: unquote("rgb(#{$palette-red-800})") !important;
 100   }
 101
 102   .mdl-color-text--red-900 {
 103     color: unquote("rgb(#{$palette-red-900})") !important;
 104   }
 105
 106   .mdl-color--red-900 {
 107     background-color: unquote("rgb(#{$palette-red-900})") !important;
 108   }
 109
 110   .mdl-color-text--red-A100 {
 111     color: unquote("rgb(#{$palette-red-A100})") !important;
 112   }
 113
 114   .mdl-color--red-A100 {
 115     background-color: unquote("rgb(#{$palette-red-A100})") !important;
 116   }
 117
 118   .mdl-color-text--red-A200 {
 119     color: unquote("rgb(#{$palette-red-A200})") !important;
 120   }
 121
 122   .mdl-color--red-A200 {
 123     background-color: unquote("rgb(#{$palette-red-A200})") !important;
 124   }
 125
 126   .mdl-color-text--red-A400 {
 127     color: unquote("rgb(#{$palette-red-A400})") !important;
 128   }
 129
 130   .mdl-color--red-A400 {
 131     background-color: unquote("rgb(#{$palette-red-A400})") !important;
 132   }
 133
 134   .mdl-color-text--red-A700 {
 135     color: unquote("rgb(#{$palette-red-A700})") !important;
 136   }
 137
 138   .mdl-color--red-A700 {
 139     background-color: unquote("rgb(#{$palette-red-A700})") !important;
 140   }
 141
 142   // Pink
 143
 144   .mdl-color-text--pink {
 145     color: unquote("rgb(#{$palette-pink-500})") !important;
 146   }
 147
 148   .mdl-color--pink {
 149     background-color: unquote("rgb(#{$palette-pink-500})") !important;
 150   }
 151
 152   .mdl-color-text--pink-50 {
 153     color: unquote("rgb(#{$palette-pink-50})") !important;
 154   }
 155
 156   .mdl-color--pink-50 {
 157     background-color: unquote("rgb(#{$palette-pink-50})") !important;
 158   }
 159
 160   .mdl-color-text--pink-100 {
 161     color: unquote("rgb(#{$palette-pink-100})") !important;
 162   }
 163
 164   .mdl-color--pink-100 {
 165     background-color: unquote("rgb(#{$palette-pink-100})") !important;
 166   }
 167
 168   .mdl-color-text--pink-200 {
 169     color: unquote("rgb(#{$palette-pink-200})") !important;
 170   }
 171
 172   .mdl-color--pink-200 {
 173     background-color: unquote("rgb(#{$palette-pink-200})") !important;
 174   }
 175
 176   .mdl-color-text--pink-300 {
 177     color: unquote("rgb(#{$palette-pink-300})") !important;
 178   }
 179
 180   .mdl-color--pink-300 {
 181     background-color: unquote("rgb(#{$palette-pink-300})") !important;
 182   }
 183
 184   .mdl-color-text--pink-400 {
 185     color: unquote("rgb(#{$palette-pink-400})") !important;
 186   }
 187
 188   .mdl-color--pink-400 {
 189     background-color: unquote("rgb(#{$palette-pink-400})") !important;
 190   }
 191
 192   .mdl-color-text--pink-500 {
 193     color: unquote("rgb(#{$palette-pink-500})") !important;
 194   }
 195
 196   .mdl-color--pink-500 {
 197     background-color: unquote("rgb(#{$palette-pink-500})") !important;
 198   }
 199
 200   .mdl-color-text--pink-600 {
 201     color: unquote("rgb(#{$palette-pink-600})") !important;
 202   }
 203
 204   .mdl-color--pink-600 {
 205     background-color: unquote("rgb(#{$palette-pink-600})") !important;
 206   }
 207
 208   .mdl-color-text--pink-700 {
 209     color: unquote("rgb(#{$palette-pink-700})") !important;
 210   }
 211
 212   .mdl-color--pink-700 {
 213     background-color: unquote("rgb(#{$palette-pink-700})") !important;
 214   }
 215
 216   .mdl-color-text--pink-800 {
 217     color: unquote("rgb(#{$palette-pink-800})") !important;
 218   }
 219
 220   .mdl-color--pink-800 {
 221     background-color: unquote("rgb(#{$palette-pink-800})") !important;
 222   }
 223
 224   .mdl-color-text--pink-900 {
 225     color: unquote("rgb(#{$palette-pink-900})") !important;
 226   }
 227
 228   .mdl-color--pink-900 {
 229     background-color: unquote("rgb(#{$palette-pink-900})") !important;
 230   }
 231
 232   .mdl-color-text--pink-A100 {
 233     color: unquote("rgb(#{$palette-pink-A100})") !important;
 234   }
 235
 236   .mdl-color--pink-A100 {
 237     background-color: unquote("rgb(#{$palette-pink-A100})") !important;
 238   }
 239
 240   .mdl-color-text--pink-A200 {
 241     color: unquote("rgb(#{$palette-pink-A200})") !important;
 242   }
 243
 244   .mdl-color--pink-A200 {
 245     background-color: unquote("rgb(#{$palette-pink-A200})") !important;
 246   }
 247
 248   .mdl-color-text--pink-A400 {
 249     color: unquote("rgb(#{$palette-pink-A400})") !important;
 250   }
 251
 252   .mdl-color--pink-A400 {
 253     background-color: unquote("rgb(#{$palette-pink-A400})") !important;
 254   }
 255
 256   .mdl-color-text--pink-A700 {
 257     color: unquote("rgb(#{$palette-pink-A700})") !important;
 258   }
 259
 260   .mdl-color--pink-A700 {
 261     background-color: unquote("rgb(#{$palette-pink-A700})") !important;
 262   }
 263
 264   // Purple
 265
 266   .mdl-color-text--purple {
 267     color: unquote("rgb(#{$palette-purple-500})") !important;
 268   }
 269
 270   .mdl-color--purple {
 271     background-color: unquote("rgb(#{$palette-purple-500})") !important;
 272   }
 273
 274   .mdl-color-text--purple-50 {
 275     color: unquote("rgb(#{$palette-purple-50})") !important;
 276   }
 277
 278   .mdl-color--purple-50 {
 279     background-color: unquote("rgb(#{$palette-purple-50})") !important;
 280   }
 281
 282   .mdl-color-text--purple-100 {
 283     color: unquote("rgb(#{$palette-purple-100})") !important;
 284   }
 285
 286   .mdl-color--purple-100 {
 287     background-color: unquote("rgb(#{$palette-purple-100})") !important;
 288   }
 289
 290   .mdl-color-text--purple-200 {
 291     color: unquote("rgb(#{$palette-purple-200})") !important;
 292   }
 293
 294   .mdl-color--purple-200 {
 295     background-color: unquote("rgb(#{$palette-purple-200})") !important;
 296   }
 297
 298   .mdl-color-text--purple-300 {
 299     color: unquote("rgb(#{$palette-purple-300})") !important;
 300   }
 301
 302   .mdl-color--purple-300 {
 303     background-color: unquote("rgb(#{$palette-purple-300})") !important;
 304   }
 305
 306   .mdl-color-text--purple-400 {
 307     color: unquote("rgb(#{$palette-purple-400})") !important;
 308   }
 309
 310   .mdl-color--purple-400 {
 311     background-color: unquote("rgb(#{$palette-purple-400})") !important;
 312   }
 313
 314   .mdl-color-text--purple-500 {
 315     color: unquote("rgb(#{$palette-purple-500})") !important;
 316   }
 317
 318   .mdl-color--purple-500 {
 319     background-color: unquote("rgb(#{$palette-purple-500})") !important;
 320   }
 321
 322   .mdl-color-text--purple-600 {
 323     color: unquote("rgb(#{$palette-purple-600})") !important;
 324   }
 325
 326   .mdl-color--purple-600 {
 327     background-color: unquote("rgb(#{$palette-purple-600})") !important;
 328   }
 329
 330   .mdl-color-text--purple-700 {
 331     color: unquote("rgb(#{$palette-purple-700})") !important;
 332   }
 333
 334   .mdl-color--purple-700 {
 335     background-color: unquote("rgb(#{$palette-purple-700})") !important;
 336   }
 337
 338   .mdl-color-text--purple-800 {
 339     color: unquote("rgb(#{$palette-purple-800})") !important;
 340   }
 341
 342   .mdl-color--purple-800 {
 343     background-color: unquote("rgb(#{$palette-purple-800})") !important;
 344   }
 345
 346   .mdl-color-text--purple-900 {
 347     color: unquote("rgb(#{$palette-purple-900})") !important;
 348   }
 349
 350   .mdl-color--purple-900 {
 351     background-color: unquote("rgb(#{$palette-purple-900})") !important;
 352   }
 353
 354   .mdl-color-text--purple-A100 {
 355     color: unquote("rgb(#{$palette-purple-A100})") !important;
 356   }
 357
 358   .mdl-color--purple-A100 {
 359     background-color: unquote("rgb(#{$palette-purple-A100})") !important;
 360   }
 361
 362   .mdl-color-text--purple-A200 {
 363     color: unquote("rgb(#{$palette-purple-A200})") !important;
 364   }
 365
 366   .mdl-color--purple-A200 {
 367     background-color: unquote("rgb(#{$palette-purple-A200})") !important;
 368   }
 369
 370   .mdl-color-text--purple-A400 {
 371     color: unquote("rgb(#{$palette-purple-A400})") !important;
 372   }
 373
 374   .mdl-color--purple-A400 {
 375     background-color: unquote("rgb(#{$palette-purple-A400})") !important;
 376   }
 377
 378   .mdl-color-text--purple-A700 {
 379     color: unquote("rgb(#{$palette-purple-A700})") !important;
 380   }
 381
 382   .mdl-color--purple-A700 {
 383     background-color: unquote("rgb(#{$palette-purple-A700})") !important;
 384   }
 385
 386   // Deep Purple.
 387
 388   .mdl-color-text--deep-purple {
 389     color: unquote("rgb(#{$palette-deep-purple-500})") !important;
 390   }
 391
 392   .mdl-color--deep-purple {
 393     background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
 394   }
 395
 396   .mdl-color-text--deep-purple-50 {
 397     color: unquote("rgb(#{$palette-deep-purple-50})") !important;
 398   }
 399
 400   .mdl-color--deep-purple-50 {
 401     background-color: unquote("rgb(#{$palette-deep-purple-50})") !important;
 402   }
 403
 404   .mdl-color-text--deep-purple-100 {
 405     color: unquote("rgb(#{$palette-deep-purple-100})") !important;
 406   }
 407
 408   .mdl-color--deep-purple-100 {
 409     background-color: unquote("rgb(#{$palette-deep-purple-100})") !important;
 410   }
 411
 412   .mdl-color-text--deep-purple-200 {
 413     color: unquote("rgb(#{$palette-deep-purple-200})") !important;
 414   }
 415
 416   .mdl-color--deep-purple-200 {
 417     background-color: unquote("rgb(#{$palette-deep-purple-200})") !important;
 418   }
 419
 420   .mdl-color-text--deep-purple-300 {
 421     color: unquote("rgb(#{$palette-deep-purple-300})") !important;
 422   }
 423
 424   .mdl-color--deep-purple-300 {
 425     background-color: unquote("rgb(#{$palette-deep-purple-300})") !important;
 426   }
 427
 428   .mdl-color-text--deep-purple-400 {
 429     color: unquote("rgb(#{$palette-deep-purple-400})") !important;
 430   }
 431
 432   .mdl-color--deep-purple-400 {
 433     background-color: unquote("rgb(#{$palette-deep-purple-400})") !important;
 434   }
 435
 436   .mdl-color-text--deep-purple-500 {
 437     color: unquote("rgb(#{$palette-deep-purple-500})") !important;
 438   }
 439
 440   .mdl-color--deep-purple-500 {
 441     background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
 442   }
 443
 444   .mdl-color-text--deep-purple-600 {
 445     color: unquote("rgb(#{$palette-deep-purple-600})") !important;
 446   }
 447
 448   .mdl-color--deep-purple-600 {
 449     background-color: unquote("rgb(#{$palette-deep-purple-600})") !important;
 450   }
 451
 452   .mdl-color-text--deep-purple-700 {
 453     color: unquote("rgb(#{$palette-deep-purple-700})") !important;
 454   }
 455
 456   .mdl-color--deep-purple-700 {
 457     background-color: unquote("rgb(#{$palette-deep-purple-700})") !important;
 458   }
 459
 460   .mdl-color-text--deep-purple-800 {
 461     color: unquote("rgb(#{$palette-deep-purple-800})") !important;
 462   }
 463
 464   .mdl-color--deep-purple-800 {
 465     background-color: unquote("rgb(#{$palette-deep-purple-800})") !important;
 466   }
 467
 468   .mdl-color-text--deep-purple-900 {
 469     color: unquote("rgb(#{$palette-deep-purple-900})") !important;
 470   }
 471
 472   .mdl-color--deep-purple-900 {
 473     background-color: unquote("rgb(#{$palette-deep-purple-900})") !important;
 474   }
 475
 476   .mdl-color-text--deep-purple-A100 {
 477     color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
 478   }
 479
 480   .mdl-color--deep-purple-A100 {
 481     background-color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
 482   }
 483
 484   .mdl-color-text--deep-purple-A200 {
 485     color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
 486   }
 487
 488   .mdl-color--deep-purple-A200 {
 489     background-color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
 490   }
 491
 492   .mdl-color-text--deep-purple-A400 {
 493     color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
 494   }
 495
 496   .mdl-color--deep-purple-A400 {
 497     background-color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
 498   }
 499
 500   .mdl-color-text--deep-purple-A700 {
 501     color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
 502   }
 503
 504   .mdl-color--deep-purple-A700 {
 505     background-color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
 506   }
 507
 508   // Indigo
 509
 510   .mdl-color-text--indigo {
 511     color: unquote("rgb(#{$palette-indigo-500})") !important;
 512   }
 513
 514   .mdl-color--indigo {
 515     background-color: unquote("rgb(#{$palette-indigo-500})") !important;
 516   }
 517
 518   .mdl-color-text--indigo-50 {
 519     color: unquote("rgb(#{$palette-indigo-50})") !important;
 520   }
 521
 522   .mdl-color--indigo-50 {
 523     background-color: unquote("rgb(#{$palette-indigo-50})") !important;
 524   }
 525
 526   .mdl-color-text--indigo-100 {
 527     color: unquote("rgb(#{$palette-indigo-100})") !important;
 528   }
 529
 530   .mdl-color--indigo-100 {
 531     background-color: unquote("rgb(#{$palette-indigo-100})") !important;
 532   }
 533
 534   .mdl-color-text--indigo-200 {
 535     color: unquote("rgb(#{$palette-indigo-200})") !important;
 536   }
 537
 538   .mdl-color--indigo-200 {
 539     background-color: unquote("rgb(#{$palette-indigo-200})") !important;
 540   }
 541
 542   .mdl-color-text--indigo-300 {
 543     color: unquote("rgb(#{$palette-indigo-300})") !important;
 544   }
 545
 546   .mdl-color--indigo-300 {
 547     background-color: unquote("rgb(#{$palette-indigo-300})") !important;
 548   }
 549
 550   .mdl-color-text--indigo-400 {
 551     color: unquote("rgb(#{$palette-indigo-400})") !important;
 552   }
 553
 554   .mdl-color--indigo-400 {
 555     background-color: unquote("rgb(#{$palette-indigo-400})") !important;
 556   }
 557
 558   .mdl-color-text--indigo-500 {
 559     color: unquote("rgb(#{$palette-indigo-500})") !important;
 560   }
 561
 562   .mdl-color--indigo-500 {
 563     background-color: unquote("rgb(#{$palette-indigo-500})") !important;
 564   }
 565
 566   .mdl-color-text--indigo-600 {
 567     color: unquote("rgb(#{$palette-indigo-600})") !important;
 568   }
 569
 570   .mdl-color--indigo-600 {
 571     background-color: unquote("rgb(#{$palette-indigo-600})") !important;
 572   }
 573
 574   .mdl-color-text--indigo-700 {
 575     color: unquote("rgb(#{$palette-indigo-700})") !important;
 576   }
 577
 578   .mdl-color--indigo-700 {
 579     background-color: unquote("rgb(#{$palette-indigo-700})") !important;
 580   }
 581
 582   .mdl-color-text--indigo-800 {
 583     color: unquote("rgb(#{$palette-indigo-800})") !important;
 584   }
 585
 586   .mdl-color--indigo-800 {
 587     background-color: unquote("rgb(#{$palette-indigo-800})") !important;
 588   }
 589
 590   .mdl-color-text--indigo-900 {
 591     color: unquote("rgb(#{$palette-indigo-900})") !important;
 592   }
 593
 594   .mdl-color--indigo-900 {
 595     background-color: unquote("rgb(#{$palette-indigo-900})") !important;
 596   }
 597
 598   .mdl-color-text--indigo-A100 {
 599     color: unquote("rgb(#{$palette-indigo-A100})") !important;
 600   }
 601
 602   .mdl-color--indigo-A100 {
 603     background-color: unquote("rgb(#{$palette-indigo-A100})") !important;
 604   }
 605
 606   .mdl-color-text--indigo-A200 {
 607     color: unquote("rgb(#{$palette-indigo-A200})") !important;
 608   }
 609
 610   .mdl-color--indigo-A200 {
 611     background-color: unquote("rgb(#{$palette-indigo-A200})") !important;
 612   }
 613
 614   .mdl-color-text--indigo-A400 {
 615     color: unquote("rgb(#{$palette-indigo-A400})") !important;
 616   }
 617
 618   .mdl-color--indigo-A400 {
 619     background-color: unquote("rgb(#{$palette-indigo-A400})") !important;
 620   }
 621
 622   .mdl-color-text--indigo-A700 {
 623     color: unquote("rgb(#{$palette-indigo-A700})") !important;
 624   }
 625
 626   .mdl-color--indigo-A700 {
 627     background-color: unquote("rgb(#{$palette-indigo-A700})") !important;
 628   }
 629
 630   // Blue
 631
 632   .mdl-color-text--blue {
 633     color: unquote("rgb(#{$palette-blue-500})") !important;
 634   }
 635
 636   .mdl-color--blue {
 637     background-color: unquote("rgb(#{$palette-blue-500})") !important;
 638   }
 639
 640   .mdl-color-text--blue-50 {
 641     color: unquote("rgb(#{$palette-blue-50})") !important;
 642   }
 643
 644   .mdl-color--blue-50 {
 645     background-color: unquote("rgb(#{$palette-blue-50})") !important;
 646   }
 647
 648   .mdl-color-text--blue-100 {
 649     color: unquote("rgb(#{$palette-blue-100})") !important;
 650   }
 651
 652   .mdl-color--blue-100 {
 653     background-color: unquote("rgb(#{$palette-blue-100})") !important;
 654   }
 655
 656   .mdl-color-text--blue-200 {
 657     color: unquote("rgb(#{$palette-blue-200})") !important;
 658   }
 659
 660   .mdl-color--blue-200 {
 661     background-color: unquote("rgb(#{$palette-blue-200})") !important;
 662   }
 663
 664   .mdl-color-text--blue-300 {
 665     color: unquote("rgb(#{$palette-blue-300})") !important;
 666   }
 667
 668   .mdl-color--blue-300 {
 669     background-color: unquote("rgb(#{$palette-blue-300})") !important;
 670   }
 671
 672   .mdl-color-text--blue-400 {
 673     color: unquote("rgb(#{$palette-blue-400})") !important;
 674   }
 675
 676   .mdl-color--blue-400 {
 677     background-color: unquote("rgb(#{$palette-blue-400})") !important;
 678   }
 679
 680   .mdl-color-text--blue-500 {
 681     color: unquote("rgb(#{$palette-blue-500})") !important;
 682   }
 683
 684   .mdl-color--blue-500 {
 685     background-color: unquote("rgb(#{$palette-blue-500})") !important;
 686   }
 687
 688   .mdl-color-text--blue-600 {
 689     color: unquote("rgb(#{$palette-blue-600})") !important;
 690   }
 691
 692   .mdl-color--blue-600 {
 693     background-color: unquote("rgb(#{$palette-blue-600})") !important;
 694   }
 695
 696   .mdl-color-text--blue-700 {
 697     color: unquote("rgb(#{$palette-blue-700})") !important;
 698   }
 699
 700   .mdl-color--blue-700 {
 701     background-color: unquote("rgb(#{$palette-blue-700})") !important;
 702   }
 703
 704   .mdl-color-text--blue-800 {
 705     color: unquote("rgb(#{$palette-blue-800})") !important;
 706   }
 707
 708   .mdl-color--blue-800 {
 709     background-color: unquote("rgb(#{$palette-blue-800})") !important;
 710   }
 711
 712   .mdl-color-text--blue-900 {
 713     color: unquote("rgb(#{$palette-blue-900})") !important;
 714   }
 715
 716   .mdl-color--blue-900 {
 717     background-color: unquote("rgb(#{$palette-blue-900})") !important;
 718   }
 719
 720   .mdl-color-text--blue-A100 {
 721     color: unquote("rgb(#{$palette-blue-A100})") !important;
 722   }
 723
 724   .mdl-color--blue-A100 {
 725     background-color: unquote("rgb(#{$palette-blue-A100})") !important;
 726   }
 727
 728   .mdl-color-text--blue-A200 {
 729     color: unquote("rgb(#{$palette-blue-A200})") !important;
 730   }
 731
 732   .mdl-color--blue-A200 {
 733     background-color: unquote("rgb(#{$palette-blue-A200})") !important;
 734   }
 735
 736   .mdl-color-text--blue-A400 {
 737     color: unquote("rgb(#{$palette-blue-A400})") !important;
 738   }
 739
 740   .mdl-color--blue-A400 {
 741     background-color: unquote("rgb(#{$palette-blue-A400})") !important;
 742   }
 743
 744   .mdl-color-text--blue-A700 {
 745     color: unquote("rgb(#{$palette-blue-A700})") !important;
 746   }
 747
 748   .mdl-color--blue-A700 {
 749     background-color: unquote("rgb(#{$palette-blue-A700})") !important;
 750   }
 751
 752   // Light Blue
 753
 754   .mdl-color-text--light-blue {
 755     color: unquote("rgb(#{$palette-light-blue-500})") !important;
 756   }
 757
 758   .mdl-color--light-blue {
 759     background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
 760   }
 761
 762   .mdl-color-text--light-blue-50 {
 763     color: unquote("rgb(#{$palette-light-blue-50})") !important;
 764   }
 765
 766   .mdl-color--light-blue-50 {
 767     background-color: unquote("rgb(#{$palette-light-blue-50})") !important;
 768   }
 769
 770   .mdl-color-text--light-blue-100 {
 771     color: unquote("rgb(#{$palette-light-blue-100})") !important;
 772   }
 773
 774   .mdl-color--light-blue-100 {
 775     background-color: unquote("rgb(#{$palette-light-blue-100})") !important;
 776   }
 777
 778   .mdl-color-text--light-blue-200 {
 779     color: unquote("rgb(#{$palette-light-blue-200})") !important;
 780   }
 781
 782   .mdl-color--light-blue-200 {
 783     background-color: unquote("rgb(#{$palette-light-blue-200})") !important;
 784   }
 785
 786   .mdl-color-text--light-blue-300 {
 787     color: unquote("rgb(#{$palette-light-blue-300})") !important;
 788   }
 789
 790   .mdl-color--light-blue-300 {
 791     background-color: unquote("rgb(#{$palette-light-blue-300})") !important;
 792   }
 793
 794   .mdl-color-text--light-blue-400 {
 795     color: unquote("rgb(#{$palette-light-blue-400})") !important;
 796   }
 797
 798   .mdl-color--light-blue-400 {
 799     background-color: unquote("rgb(#{$palette-light-blue-400})") !important;
 800   }
 801
 802   .mdl-color-text--light-blue-500 {
 803     color: unquote("rgb(#{$palette-light-blue-500})") !important;
 804   }
 805
 806   .mdl-color--light-blue-500 {
 807     background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
 808   }
 809
 810   .mdl-color-text--light-blue-600 {
 811     color: unquote("rgb(#{$palette-light-blue-600})") !important;
 812   }
 813
 814   .mdl-color--light-blue-600 {
 815     background-color: unquote("rgb(#{$palette-light-blue-600})") !important;
 816   }
 817
 818   .mdl-color-text--light-blue-700 {
 819     color: unquote("rgb(#{$palette-light-blue-700})") !important;
 820   }
 821
 822   .mdl-color--light-blue-700 {
 823     background-color: unquote("rgb(#{$palette-light-blue-700})") !important;
 824   }
 825
 826   .mdl-color-text--light-blue-800 {
 827     color: unquote("rgb(#{$palette-light-blue-800})") !important;
 828   }
 829
 830   .mdl-color--light-blue-800 {
 831     background-color: unquote("rgb(#{$palette-light-blue-800})") !important;
 832   }
 833
 834   .mdl-color-text--light-blue-900 {
 835     color: unquote("rgb(#{$palette-light-blue-900})") !important;
 836   }
 837
 838   .mdl-color--light-blue-900 {
 839     background-color: unquote("rgb(#{$palette-light-blue-900})") !important;
 840   }
 841
 842   .mdl-color-text--light-blue-A100 {
 843     color: unquote("rgb(#{$palette-light-blue-A100})") !important;
 844   }
 845
 846   .mdl-color--light-blue-A100 {
 847     background-color: unquote("rgb(#{$palette-light-blue-A100})") !important;
 848   }
 849
 850   .mdl-color-text--light-blue-A200 {
 851     color: unquote("rgb(#{$palette-light-blue-A200})") !important;
 852   }
 853
 854   .mdl-color--light-blue-A200 {
 855     background-color: unquote("rgb(#{$palette-light-blue-A200})") !important;
 856   }
 857
 858   .mdl-color-text--light-blue-A400 {
 859     color: unquote("rgb(#{$palette-light-blue-A400})") !important;
 860   }
 861
 862   .mdl-color--light-blue-A400 {
 863     background-color: unquote("rgb(#{$palette-light-blue-A400})") !important;
 864   }
 865
 866   .mdl-color-text--light-blue-A700 {
 867     color: unquote("rgb(#{$palette-light-blue-A700})") !important;
 868   }
 869
 870   .mdl-color--light-blue-A700 {
 871     background-color: unquote("rgb(#{$palette-light-blue-A700})") !important;
 872   }
 873
 874   // Cyan
 875
 876   .mdl-color-text--cyan {
 877     color: unquote("rgb(#{$palette-cyan-500})") !important;
 878   }
 879
 880   .mdl-color--cyan {
 881     background-color: unquote("rgb(#{$palette-cyan-500})") !important;
 882   }
 883
 884   .mdl-color-text--cyan-50 {
 885     color: unquote("rgb(#{$palette-cyan-50})") !important;
 886   }
 887
 888   .mdl-color--cyan-50 {
 889     background-color: unquote("rgb(#{$palette-cyan-50})") !important;
 890   }
 891
 892   .mdl-color-text--cyan-100 {
 893     color: unquote("rgb(#{$palette-cyan-100})") !important;
 894   }
 895
 896   .mdl-color--cyan-100 {
 897     background-color: unquote("rgb(#{$palette-cyan-100})") !important;
 898   }
 899
 900   .mdl-color-text--cyan-200 {
 901     color: unquote("rgb(#{$palette-cyan-200})") !important;
 902   }
 903
 904   .mdl-color--cyan-200 {
 905     background-color: unquote("rgb(#{$palette-cyan-200})") !important;
 906   }
 907
 908   .mdl-color-text--cyan-300 {
 909     color: unquote("rgb(#{$palette-cyan-300})") !important;
 910   }
 911
 912   .mdl-color--cyan-300 {
 913     background-color: unquote("rgb(#{$palette-cyan-300})") !important;
 914   }
 915
 916   .mdl-color-text--cyan-400 {
 917     color: unquote("rgb(#{$palette-cyan-400})") !important;
 918   }
 919
 920   .mdl-color--cyan-400 {
 921     background-color: unquote("rgb(#{$palette-cyan-400})") !important;
 922   }
 923
 924   .mdl-color-text--cyan-500 {
 925     color: unquote("rgb(#{$palette-cyan-500})") !important;
 926   }
 927
 928   .mdl-color--cyan-500 {
 929     background-color: unquote("rgb(#{$palette-cyan-500})") !important;
 930   }
 931
 932   .mdl-color-text--cyan-600 {
 933     color: unquote("rgb(#{$palette-cyan-600})") !important;
 934   }
 935
 936   .mdl-color--cyan-600 {
 937     background-color: unquote("rgb(#{$palette-cyan-600})") !important;
 938   }
 939
 940   .mdl-color-text--cyan-700 {
 941     color: unquote("rgb(#{$palette-cyan-700})") !important;
 942   }
 943
 944   .mdl-color--cyan-700 {
 945     background-color: unquote("rgb(#{$palette-cyan-700})") !important;
 946   }
 947
 948   .mdl-color-text--cyan-800 {
 949     color: unquote("rgb(#{$palette-cyan-800})") !important;
 950   }
 951
 952   .mdl-color--cyan-800 {
 953     background-color: unquote("rgb(#{$palette-cyan-800})") !important;
 954   }
 955
 956   .mdl-color-text--cyan-900 {
 957     color: unquote("rgb(#{$palette-cyan-900})") !important;
 958   }
 959
 960   .mdl-color--cyan-900 {
 961     background-color: unquote("rgb(#{$palette-cyan-900})") !important;
 962   }
 963
 964   .mdl-color-text--cyan-A100 {
 965     color: unquote("rgb(#{$palette-cyan-A100})") !important;
 966   }
 967
 968   .mdl-color--cyan-A100 {
 969     background-color: unquote("rgb(#{$palette-cyan-A100})") !important;
 970   }
 971
 972   .mdl-color-text--cyan-A200 {
 973     color: unquote("rgb(#{$palette-cyan-A200})") !important;
 974   }
 975
 976   .mdl-color--cyan-A200 {
 977     background-color: unquote("rgb(#{$palette-cyan-A200})") !important;
 978   }
 979
 980   .mdl-color-text--cyan-A400 {
 981     color: unquote("rgb(#{$palette-cyan-A400})") !important;
 982   }
 983
 984   .mdl-color--cyan-A400 {
 985     background-color: unquote("rgb(#{$palette-cyan-A400})") !important;
 986   }
 987
 988   .mdl-color-text--cyan-A700 {
 989     color: unquote("rgb(#{$palette-cyan-A700})") !important;
 990   }
 991
 992   .mdl-color--cyan-A700 {
 993     background-color: unquote("rgb(#{$palette-cyan-A700})") !important;
 994   }
 995
 996   // Teal
 997
 998   .mdl-color-text--teal {
 999     color: unquote("rgb(#{$palette-teal-500})") !important;
1000   }
1001
1002   .mdl-color--teal {
1003     background-color: unquote("rgb(#{$palette-teal-500})") !important;
1004   }
1005
1006   .mdl-color-text--teal-50 {
1007     color: unquote("rgb(#{$palette-teal-50})") !important;
1008   }
1009
1010   .mdl-color--teal-50 {
1011     background-color: unquote("rgb(#{$palette-teal-50})") !important;
1012   }
1013
1014   .mdl-color-text--teal-100 {
1015     color: unquote("rgb(#{$palette-teal-100})") !important;
1016   }
1017
1018   .mdl-color--teal-100 {
1019     background-color: unquote("rgb(#{$palette-teal-100})") !important;
1020   }
1021
1022   .mdl-color-text--teal-200 {
1023     color: unquote("rgb(#{$palette-teal-200})") !important;
1024   }
1025
1026   .mdl-color--teal-200 {
1027     background-color: unquote("rgb(#{$palette-teal-200})") !important;
1028   }
1029
1030   .mdl-color-text--teal-300 {
1031     color: unquote("rgb(#{$palette-teal-300})") !important;
1032   }
1033
1034   .mdl-color--teal-300 {
1035     background-color: unquote("rgb(#{$palette-teal-300})") !important;
1036   }
1037
1038   .mdl-color-text--teal-400 {
1039     color: unquote("rgb(#{$palette-teal-400})") !important;
1040   }
1041
1042   .mdl-color--teal-400 {
1043     background-color: unquote("rgb(#{$palette-teal-400})") !important;
1044   }
1045
1046   .mdl-color-text--teal-500 {
1047     color: unquote("rgb(#{$palette-teal-500})") !important;
1048   }
1049
1050   .mdl-color--teal-500 {
1051     background-color: unquote("rgb(#{$palette-teal-500})") !important;
1052   }
1053
1054   .mdl-color-text--teal-600 {
1055     color: unquote("rgb(#{$palette-teal-600})") !important;
1056   }
1057
1058   .mdl-color--teal-600 {
1059     background-color: unquote("rgb(#{$palette-teal-600})") !important;
1060   }
1061
1062   .mdl-color-text--teal-700 {
1063     color: unquote("rgb(#{$palette-teal-700})") !important;
1064   }
1065
1066   .mdl-color--teal-700 {
1067     background-color: unquote("rgb(#{$palette-teal-700})") !important;
1068   }
1069
1070   .mdl-color-text--teal-800 {
1071     color: unquote("rgb(#{$palette-teal-800})") !important;
1072   }
1073
1074   .mdl-color--teal-800 {
1075     background-color: unquote("rgb(#{$palette-teal-800})") !important;
1076   }
1077
1078   .mdl-color-text--teal-900 {
1079     color: unquote("rgb(#{$palette-teal-900})") !important;
1080   }
1081
1082   .mdl-color--teal-900 {
1083     background-color: unquote("rgb(#{$palette-teal-900})") !important;
1084   }
1085
1086   .mdl-color-text--teal-A100 {
1087     color: unquote("rgb(#{$palette-teal-A100})") !important;
1088   }
1089
1090   .mdl-color--teal-A100 {
1091     background-color: unquote("rgb(#{$palette-teal-A100})") !important;
1092   }
1093
1094   .mdl-color-text--teal-A200 {
1095     color: unquote("rgb(#{$palette-teal-A200})") !important;
1096   }
1097
1098   .mdl-color--teal-A200 {
1099     background-color: unquote("rgb(#{$palette-teal-A200})") !important;
1100   }
1101
1102   .mdl-color-text--teal-A400 {
1103     color: unquote("rgb(#{$palette-teal-A400})") !important;
1104   }
1105
1106   .mdl-color--teal-A400 {
1107     background-color: unquote("rgb(#{$palette-teal-A400})") !important;
1108   }
1109
1110   .mdl-color-text--teal-A700 {
1111     color: unquote("rgb(#{$palette-teal-A700})") !important;
1112   }
1113
1114   .mdl-color--teal-A700 {
1115     background-color: unquote("rgb(#{$palette-teal-A700})") !important;
1116   }
1117
1118   // Green
1119
1120   .mdl-color-text--green {
1121     color: unquote("rgb(#{$palette-green-500})") !important;
1122   }
1123
1124   .mdl-color--green {
1125     background-color: unquote("rgb(#{$palette-green-500})") !important;
1126   }
1127
1128   .mdl-color-text--green-50 {
1129     color: unquote("rgb(#{$palette-green-50})") !important;
1130   }
1131
1132   .mdl-color--green-50 {
1133     background-color: unquote("rgb(#{$palette-green-50})") !important;
1134   }
1135
1136   .mdl-color-text--green-100 {
1137     color: unquote("rgb(#{$palette-green-100})") !important;
1138   }
1139
1140   .mdl-color--green-100 {
1141     background-color: unquote("rgb(#{$palette-green-100})") !important;
1142   }
1143
1144   .mdl-color-text--green-200 {
1145     color: unquote("rgb(#{$palette-green-200})") !important;
1146   }
1147
1148   .mdl-color--green-200 {
1149     background-color: unquote("rgb(#{$palette-green-200})") !important;
1150   }
1151
1152   .mdl-color-text--green-300 {
1153     color: unquote("rgb(#{$palette-green-300})") !important;
1154   }
1155
1156   .mdl-color--green-300 {
1157     background-color: unquote("rgb(#{$palette-green-300})") !important;
1158   }
1159
1160   .mdl-color-text--green-400 {
1161     color: unquote("rgb(#{$palette-green-400})") !important;
1162   }
1163
1164   .mdl-color--green-400 {
1165     background-color: unquote("rgb(#{$palette-green-400})") !important;
1166   }
1167
1168   .mdl-color-text--green-500 {
1169     color: unquote("rgb(#{$palette-green-500})") !important;
1170   }
1171
1172   .mdl-color--green-500 {
1173     background-color: unquote("rgb(#{$palette-green-500})") !important;
1174   }
1175
1176   .mdl-color-text--green-600 {
1177     color: unquote("rgb(#{$palette-green-600})") !important;
1178   }
1179
1180   .mdl-color--green-600 {
1181     background-color: unquote("rgb(#{$palette-green-600})") !important;
1182   }
1183
1184   .mdl-color-text--green-700 {
1185     color: unquote("rgb(#{$palette-green-700})") !important;
1186   }
1187
1188   .mdl-color--green-700 {
1189     background-color: unquote("rgb(#{$palette-green-700})") !important;
1190   }
1191
1192   .mdl-color-text--green-800 {
1193     color: unquote("rgb(#{$palette-green-800})") !important;
1194   }
1195
1196   .mdl-color--green-800 {
1197     background-color: unquote("rgb(#{$palette-green-800})") !important;
1198   }
1199
1200   .mdl-color-text--green-900 {
1201     color: unquote("rgb(#{$palette-green-900})") !important;
1202   }
1203
1204   .mdl-color--green-900 {
1205     background-color: unquote("rgb(#{$palette-green-900})") !important;
1206   }
1207
1208   .mdl-color-text--green-A100 {
1209     color: unquote("rgb(#{$palette-green-A100})") !important;
1210   }
1211
1212   .mdl-color--green-A100 {
1213     background-color: unquote("rgb(#{$palette-green-A100})") !important;
1214   }
1215
1216   .mdl-color-text--green-A200 {
1217     color: unquote("rgb(#{$palette-green-A200})") !important;
1218   }
1219
1220   .mdl-color--green-A200 {
1221     background-color: unquote("rgb(#{$palette-green-A200})") !important;
1222   }
1223
1224   .mdl-color-text--green-A400 {
1225     color: unquote("rgb(#{$palette-green-A400})") !important;
1226   }
1227
1228   .mdl-color--green-A400 {
1229     background-color: unquote("rgb(#{$palette-green-A400})") !important;
1230   }
1231
1232   .mdl-color-text--green-A700 {
1233     color: unquote("rgb(#{$palette-green-A700})") !important;
1234   }
1235
1236   .mdl-color--green-A700 {
1237     background-color: unquote("rgb(#{$palette-green-A700})") !important;
1238   }
1239
1240   // Light Green
1241
1242   .mdl-color-text--light-green {
1243     color: unquote("rgb(#{$palette-light-green-500})") !important;
1244   }
1245
1246   .mdl-color--light-green {
1247     background-color: unquote("rgb(#{$palette-light-green-500})") !important;
1248   }
1249
1250   .mdl-color-text--light-green-50 {
1251     color: unquote("rgb(#{$palette-light-green-50})") !important;
1252   }
1253
1254   .mdl-color--light-green-50 {
1255     background-color: unquote("rgb(#{$palette-light-green-50})") !important;
1256   }
1257
1258   .mdl-color-text--light-green-100 {
1259     color: unquote("rgb(#{$palette-light-green-100})") !important;
1260   }
1261
1262   .mdl-color--light-green-100 {
1263     background-color: unquote("rgb(#{$palette-light-green-100})") !important;
1264   }
1265
1266   .mdl-color-text--light-green-200 {
1267     color: unquote("rgb(#{$palette-light-green-200})") !important;
1268   }
1269
1270   .mdl-color--light-green-200 {
1271     background-color: unquote("rgb(#{$palette-light-green-200})") !important;
1272   }
1273
1274   .mdl-color-text--light-green-300 {
1275     color: unquote("rgb(#{$palette-light-green-300})") !important;
1276   }
1277
1278   .mdl-color--light-green-300 {
1279     background-color: unquote("rgb(#{$palette-light-green-300})") !important;
1280   }
1281
1282   .mdl-color-text--light-green-400 {
1283     color: unquote("rgb(#{$palette-light-green-400})") !important;
1284   }
1285
1286   .mdl-color--light-green-400 {
1287     background-color: unquote("rgb(#{$palette-light-green-400})") !important;
1288   }
1289
1290   .mdl-color-text--light-green-500 {
1291     color: unquote("rgb(#{$palette-light-green-500})") !important;
1292   }
1293
1294   .mdl-color--light-green-500 {
1295     background-color: unquote("rgb(#{$palette-light-green-500})") !important;
1296   }
1297
1298   .mdl-color-text--light-green-600 {
1299     color: unquote("rgb(#{$palette-light-green-600})") !important;
1300   }
1301
1302   .mdl-color--light-green-600 {
1303     background-color: unquote("rgb(#{$palette-light-green-600})") !important;
1304   }
1305
1306   .mdl-color-text--light-green-700 {
1307     color: unquote("rgb(#{$palette-light-green-700})") !important;
1308   }
1309
1310   .mdl-color--light-green-700 {
1311     background-color: unquote("rgb(#{$palette-light-green-700})") !important;
1312   }
1313
1314   .mdl-color-text--light-green-800 {
1315     color: unquote("rgb(#{$palette-light-green-800})") !important;
1316   }
1317
1318   .mdl-color--light-green-800 {
1319     background-color: unquote("rgb(#{$palette-light-green-800})") !important;
1320   }
1321
1322   .mdl-color-text--light-green-900 {
1323     color: unquote("rgb(#{$palette-light-green-900})") !important;
1324   }
1325
1326   .mdl-color--light-green-900 {
1327     background-color: unquote("rgb(#{$palette-light-green-900})") !important;
1328   }
1329
1330   .mdl-color-text--light-green-A100 {
1331     color: unquote("rgb(#{$palette-light-green-A100})") !important;
1332   }
1333
1334   .mdl-color--light-green-A100 {
1335     background-color: unquote("rgb(#{$palette-light-green-A100})") !important;
1336   }
1337
1338   .mdl-color-text--light-green-A200 {
1339     color: unquote("rgb(#{$palette-light-green-A200})") !important;
1340   }
1341
1342   .mdl-color--light-green-A200 {
1343     background-color: unquote("rgb(#{$palette-light-green-A200})") !important;
1344   }
1345
1346   .mdl-color-text--light-green-A400 {
1347     color: unquote("rgb(#{$palette-light-green-A400})") !important;
1348   }
1349
1350   .mdl-color--light-green-A400 {
1351     background-color: unquote("rgb(#{$palette-light-green-A400})") !important;
1352   }
1353
1354   .mdl-color-text--light-green-A700 {
1355     color: unquote("rgb(#{$palette-light-green-A700})") !important;
1356   }
1357
1358   .mdl-color--light-green-A700 {
1359     background-color: unquote("rgb(#{$palette-light-green-A700})") !important;
1360   }
1361
1362   // Lime
1363
1364   .mdl-color-text--lime {
1365     color: unquote("rgb(#{$palette-lime-500})") !important;
1366   }
1367
1368   .mdl-color--lime {
1369     background-color: unquote("rgb(#{$palette-lime-500})") !important;
1370   }
1371
1372   .mdl-color-text--lime-50 {
1373     color: unquote("rgb(#{$palette-lime-50})") !important;
1374   }
1375
1376   .mdl-color--lime-50 {
1377     background-color: unquote("rgb(#{$palette-lime-50})") !important;
1378   }
1379
1380   .mdl-color-text--lime-100 {
1381     color: unquote("rgb(#{$palette-lime-100})") !important;
1382   }
1383
1384   .mdl-color--lime-100 {
1385     background-color: unquote("rgb(#{$palette-lime-100})") !important;
1386   }
1387
1388   .mdl-color-text--lime-200 {
1389     color: unquote("rgb(#{$palette-lime-200})") !important;
1390   }
1391
1392   .mdl-color--lime-200 {
1393     background-color: unquote("rgb(#{$palette-lime-200})") !important;
1394   }
1395
1396   .mdl-color-text--lime-300 {
1397     color: unquote("rgb(#{$palette-lime-300})") !important;
1398   }
1399
1400   .mdl-color--lime-300 {
1401     background-color: unquote("rgb(#{$palette-lime-300})") !important;
1402   }
1403
1404   .mdl-color-text--lime-400 {
1405     color: unquote("rgb(#{$palette-lime-400})") !important;
1406   }
1407
1408   .mdl-color--lime-400 {
1409     background-color: unquote("rgb(#{$palette-lime-400})") !important;
1410   }
1411
1412   .mdl-color-text--lime-500 {
1413     color: unquote("rgb(#{$palette-lime-500})") !important;
1414   }
1415
1416   .mdl-color--lime-500 {
1417     background-color: unquote("rgb(#{$palette-lime-500})") !important;
1418   }
1419
1420   .mdl-color-text--lime-600 {
1421     color: unquote("rgb(#{$palette-lime-600})") !important;
1422   }
1423
1424   .mdl-color--lime-600 {
1425     background-color: unquote("rgb(#{$palette-lime-600})") !important;
1426   }
1427
1428   .mdl-color-text--lime-700 {
1429     color: unquote("rgb(#{$palette-lime-700})") !important;
1430   }
1431
1432   .mdl-color--lime-700 {
1433     background-color: unquote("rgb(#{$palette-lime-700})") !important;
1434   }
1435
1436   .mdl-color-text--lime-800 {
1437     color: unquote("rgb(#{$palette-lime-800})") !important;
1438   }
1439
1440   .mdl-color--lime-800 {
1441     background-color: unquote("rgb(#{$palette-lime-800})") !important;
1442   }
1443
1444   .mdl-color-text--lime-900 {
1445     color: unquote("rgb(#{$palette-lime-900})") !important;
1446   }
1447
1448   .mdl-color--lime-900 {
1449     background-color: unquote("rgb(#{$palette-lime-900})") !important;
1450   }
1451
1452   .mdl-color-text--lime-A100 {
1453     color: unquote("rgb(#{$palette-lime-A100})") !important;
1454   }
1455
1456   .mdl-color--lime-A100 {
1457     background-color: unquote("rgb(#{$palette-lime-A100})") !important;
1458   }
1459
1460   .mdl-color-text--lime-A200 {
1461     color: unquote("rgb(#{$palette-lime-A200})") !important;
1462   }
1463
1464   .mdl-color--lime-A200 {
1465     background-color: unquote("rgb(#{$palette-lime-A200})") !important;
1466   }
1467
1468   .mdl-color-text--lime-A400 {
1469     color: unquote("rgb(#{$palette-lime-A400})") !important;
1470   }
1471
1472   .mdl-color--lime-A400 {
1473     background-color: unquote("rgb(#{$palette-lime-A400})") !important;
1474   }
1475
1476   .mdl-color-text--lime-A700 {
1477     color: unquote("rgb(#{$palette-lime-A700})") !important;
1478   }
1479
1480   .mdl-color--lime-A700 {
1481     background-color: unquote("rgb(#{$palette-lime-A700})") !important;
1482   }
1483
1484   // Yellow
1485
1486   .mdl-color-text--yellow {
1487     color: unquote("rgb(#{$palette-yellow-500})") !important;
1488   }
1489
1490   .mdl-color--yellow {
1491     background-color: unquote("rgb(#{$palette-yellow-500})") !important;
1492   }
1493
1494   .mdl-color-text--yellow-50 {
1495     color: unquote("rgb(#{$palette-yellow-50})") !important;
1496   }
1497
1498   .mdl-color--yellow-50 {
1499     background-color: unquote("rgb(#{$palette-yellow-50})") !important;
1500   }
1501
1502   .mdl-color-text--yellow-100 {
1503     color: unquote("rgb(#{$palette-yellow-100})") !important;
1504   }
1505
1506   .mdl-color--yellow-100 {
1507     background-color: unquote("rgb(#{$palette-yellow-100})") !important;
1508   }
1509
1510   .mdl-color-text--yellow-200 {
1511     color: unquote("rgb(#{$palette-yellow-200})") !important;
1512   }
1513
1514   .mdl-color--yellow-200 {
1515     background-color: unquote("rgb(#{$palette-yellow-200})") !important;
1516   }
1517
1518   .mdl-color-text--yellow-300 {
1519     color: unquote("rgb(#{$palette-yellow-300})") !important;
1520   }
1521
1522   .mdl-color--yellow-300 {
1523     background-color: unquote("rgb(#{$palette-yellow-300})") !important;
1524   }
1525
1526   .mdl-color-text--yellow-400 {
1527     color: unquote("rgb(#{$palette-yellow-400})") !important;
1528   }
1529
1530   .mdl-color--yellow-400 {
1531     background-color: unquote("rgb(#{$palette-yellow-400})") !important;
1532   }
1533
1534   .mdl-color-text--yellow-500 {
1535     color: unquote("rgb(#{$palette-yellow-500})") !important;
1536   }
1537
1538   .mdl-color--yellow-500 {
1539     background-color: unquote("rgb(#{$palette-yellow-500})") !important;
1540   }
1541
1542   .mdl-color-text--yellow-600 {
1543     color: unquote("rgb(#{$palette-yellow-600})") !important;
1544   }
1545
1546   .mdl-color--yellow-600 {
1547     background-color: unquote("rgb(#{$palette-yellow-600})") !important;
1548   }
1549
1550   .mdl-color-text--yellow-700 {
1551     color: unquote("rgb(#{$palette-yellow-700})") !important;
1552   }
1553
1554   .mdl-color--yellow-700 {
1555     background-color: unquote("rgb(#{$palette-yellow-700})") !important;
1556   }
1557
1558   .mdl-color-text--yellow-800 {
1559     color: unquote("rgb(#{$palette-yellow-800})") !important;
1560   }
1561
1562   .mdl-color--yellow-800 {
1563     background-color: unquote("rgb(#{$palette-yellow-800})") !important;
1564   }
1565
1566   .mdl-color-text--yellow-900 {
1567     color: unquote("rgb(#{$palette-yellow-900})") !important;
1568   }
1569
1570   .mdl-color--yellow-900 {
1571     background-color: unquote("rgb(#{$palette-yellow-900})") !important;
1572   }
1573
1574   .mdl-color-text--yellow-A100 {
1575     color: unquote("rgb(#{$palette-yellow-A100})") !important;
1576   }
1577
1578   .mdl-color--yellow-A100 {
1579     background-color: unquote("rgb(#{$palette-yellow-A100})") !important;
1580   }
1581
1582   .mdl-color-text--yellow-A200 {
1583     color: unquote("rgb(#{$palette-yellow-A200})") !important;
1584   }
1585
1586   .mdl-color--yellow-A200 {
1587     background-color: unquote("rgb(#{$palette-yellow-A200})") !important;
1588   }
1589
1590   .mdl-color-text--yellow-A400 {
1591     color: unquote("rgb(#{$palette-yellow-A400})") !important;
1592   }
1593
1594   .mdl-color--yellow-A400 {
1595     background-color: unquote("rgb(#{$palette-yellow-A400})") !important;
1596   }
1597
1598   .mdl-color-text--yellow-A700 {
1599     color: unquote("rgb(#{$palette-yellow-A700})") !important;
1600   }
1601
1602   .mdl-color--yellow-A700 {
1603     background-color: unquote("rgb(#{$palette-yellow-A700})") !important;
1604   }
1605
1606   // Amber
1607
1608   .mdl-color-text--amber {
1609     color: unquote("rgb(#{$palette-amber-500})") !important;
1610   }
1611
1612   .mdl-color--amber {
1613     background-color: unquote("rgb(#{$palette-amber-500})") !important;
1614   }
1615
1616   .mdl-color-text--amber-50 {
1617     color: unquote("rgb(#{$palette-amber-50})") !important;
1618   }
1619
1620   .mdl-color--amber-50 {
1621     background-color: unquote("rgb(#{$palette-amber-50})") !important;
1622   }
1623
1624   .mdl-color-text--amber-100 {
1625     color: unquote("rgb(#{$palette-amber-100})") !important;
1626   }
1627
1628   .mdl-color--amber-100 {
1629     background-color: unquote("rgb(#{$palette-amber-100})") !important;
1630   }
1631
1632   .mdl-color-text--amber-200 {
1633     color: unquote("rgb(#{$palette-amber-200})") !important;
1634   }
1635
1636   .mdl-color--amber-200 {
1637     background-color: unquote("rgb(#{$palette-amber-200})") !important;
1638   }
1639
1640   .mdl-color-text--amber-300 {
1641     color: unquote("rgb(#{$palette-amber-300})") !important;
1642   }
1643
1644   .mdl-color--amber-300 {
1645     background-color: unquote("rgb(#{$palette-amber-300})") !important;
1646   }
1647
1648   .mdl-color-text--amber-400 {
1649     color: unquote("rgb(#{$palette-amber-400})") !important;
1650   }
1651
1652   .mdl-color--amber-400 {
1653     background-color: unquote("rgb(#{$palette-amber-400})") !important;
1654   }
1655
1656   .mdl-color-text--amber-500 {
1657     color: unquote("rgb(#{$palette-amber-500})") !important;
1658   }
1659
1660   .mdl-color--amber-500 {
1661     background-color: unquote("rgb(#{$palette-amber-500})") !important;
1662   }
1663
1664   .mdl-color-text--amber-600 {
1665     color: unquote("rgb(#{$palette-amber-600})") !important;
1666   }
1667
1668   .mdl-color--amber-600 {
1669     background-color: unquote("rgb(#{$palette-amber-600})") !important;
1670   }
1671
1672   .mdl-color-text--amber-700 {
1673     color: unquote("rgb(#{$palette-amber-700})") !important;
1674   }
1675
1676   .mdl-color--amber-700 {
1677     background-color: unquote("rgb(#{$palette-amber-700})") !important;
1678   }
1679
1680   .mdl-color-text--amber-800 {
1681     color: unquote("rgb(#{$palette-amber-800})") !important;
1682   }
1683
1684   .mdl-color--amber-800 {
1685     background-color: unquote("rgb(#{$palette-amber-800})") !important;
1686   }
1687
1688   .mdl-color-text--amber-900 {
1689     color: unquote("rgb(#{$palette-amber-900})") !important;
1690   }
1691
1692   .mdl-color--amber-900 {
1693     background-color: unquote("rgb(#{$palette-amber-900})") !important;
1694   }
1695
1696   .mdl-color-text--amber-A100 {
1697     color: unquote("rgb(#{$palette-amber-A100})") !important;
1698   }
1699
1700   .mdl-color--amber-A100 {
1701     background-color: unquote("rgb(#{$palette-amber-A100})") !important;
1702   }
1703
1704   .mdl-color-text--amber-A200 {
1705     color: unquote("rgb(#{$palette-amber-A200})") !important;
1706   }
1707
1708   .mdl-color--amber-A200 {
1709     background-color: unquote("rgb(#{$palette-amber-A200})") !important;
1710   }
1711
1712   .mdl-color-text--amber-A400 {
1713     color: unquote("rgb(#{$palette-amber-A400})") !important;
1714   }
1715
1716   .mdl-color--amber-A400 {
1717     background-color: unquote("rgb(#{$palette-amber-A400})") !important;
1718   }
1719
1720   .mdl-color-text--amber-A700 {
1721     color: unquote("rgb(#{$palette-amber-A700})") !important;
1722   }
1723
1724   .mdl-color--amber-A700 {
1725     background-color: unquote("rgb(#{$palette-amber-A700})") !important;
1726   }
1727
1728   // Orange
1729
1730   .mdl-color-text--orange {
1731     color: unquote("rgb(#{$palette-orange-500})") !important;
1732   }
1733
1734   .mdl-color--orange {
1735     background-color: unquote("rgb(#{$palette-orange-500})") !important;
1736   }
1737
1738   .mdl-color-text--orange-50 {
1739     color: unquote("rgb(#{$palette-orange-50})") !important;
1740   }
1741
1742   .mdl-color--orange-50 {
1743     background-color: unquote("rgb(#{$palette-orange-50})") !important;
1744   }
1745
1746   .mdl-color-text--orange-100 {
1747     color: unquote("rgb(#{$palette-orange-100})") !important;
1748   }
1749
1750   .mdl-color--orange-100 {
1751     background-color: unquote("rgb(#{$palette-orange-100})") !important;
1752   }
1753
1754   .mdl-color-text--orange-200 {
1755     color: unquote("rgb(#{$palette-orange-200})") !important;
1756   }
1757
1758   .mdl-color--orange-200 {
1759     background-color: unquote("rgb(#{$palette-orange-200})") !important;
1760   }
1761
1762   .mdl-color-text--orange-300 {
1763     color: unquote("rgb(#{$palette-orange-300})") !important;
1764   }
1765
1766   .mdl-color--orange-300 {
1767     background-color: unquote("rgb(#{$palette-orange-300})") !important;
1768   }
1769
1770   .mdl-color-text--orange-400 {
1771     color: unquote("rgb(#{$palette-orange-400})") !important;
1772   }
1773
1774   .mdl-color--orange-400 {
1775     background-color: unquote("rgb(#{$palette-orange-400})") !important;
1776   }
1777
1778   .mdl-color-text--orange-500 {
1779     color: unquote("rgb(#{$palette-orange-500})") !important;
1780   }
1781
1782   .mdl-color--orange-500 {
1783     background-color: unquote("rgb(#{$palette-orange-500})") !important;
1784   }
1785
1786   .mdl-color-text--orange-600 {
1787     color: unquote("rgb(#{$palette-orange-600})") !important;
1788   }
1789
1790   .mdl-color--orange-600 {
1791     background-color: unquote("rgb(#{$palette-orange-600})") !important;
1792   }
1793
1794   .mdl-color-text--orange-700 {
1795     color: unquote("rgb(#{$palette-orange-700})") !important;
1796   }
1797
1798   .mdl-color--orange-700 {
1799     background-color: unquote("rgb(#{$palette-orange-700})") !important;
1800   }
1801
1802   .mdl-color-text--orange-800 {
1803     color: unquote("rgb(#{$palette-orange-800})") !important;
1804   }
1805
1806   .mdl-color--orange-800 {
1807     background-color: unquote("rgb(#{$palette-orange-800})") !important;
1808   }
1809
1810   .mdl-color-text--orange-900 {
1811     color: unquote("rgb(#{$palette-orange-900})") !important;
1812   }
1813
1814   .mdl-color--orange-900 {
1815     background-color: unquote("rgb(#{$palette-orange-900})") !important;
1816   }
1817
1818   .mdl-color-text--orange-A100 {
1819     color: unquote("rgb(#{$palette-orange-A100})") !important;
1820   }
1821
1822   .mdl-color--orange-A100 {
1823     background-color: unquote("rgb(#{$palette-orange-A100})") !important;
1824   }
1825
1826   .mdl-color-text--orange-A200 {
1827     color: unquote("rgb(#{$palette-orange-A200})") !important;
1828   }
1829
1830   .mdl-color--orange-A200 {
1831     background-color: unquote("rgb(#{$palette-orange-A200})") !important;
1832   }
1833
1834   .mdl-color-text--orange-A400 {
1835     color: unquote("rgb(#{$palette-orange-A400})") !important;
1836   }
1837
1838   .mdl-color--orange-A400 {
1839     background-color: unquote("rgb(#{$palette-orange-A400})") !important;
1840   }
1841
1842   .mdl-color-text--orange-A700 {
1843     color: unquote("rgb(#{$palette-orange-A700})") !important;
1844   }
1845
1846   .mdl-color--orange-A700 {
1847     background-color: unquote("rgb(#{$palette-orange-A700})") !important;
1848   }
1849
1850   // Deep Orange
1851
1852   .mdl-color-text--deep-orange {
1853     color: unquote("rgb(#{$palette-deep-orange-500})") !important;
1854   }
1855
1856   .mdl-color--deep-orange {
1857     background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
1858   }
1859
1860   .mdl-color-text--deep-orange-50 {
1861     color: unquote("rgb(#{$palette-deep-orange-50})") !important;
1862   }
1863
1864   .mdl-color--deep-orange-50 {
1865     background-color: unquote("rgb(#{$palette-deep-orange-50})") !important;
1866   }
1867
1868   .mdl-color-text--deep-orange-100 {
1869     color: unquote("rgb(#{$palette-deep-orange-100})") !important;
1870   }
1871
1872   .mdl-color--deep-orange-100 {
1873     background-color: unquote("rgb(#{$palette-deep-orange-100})") !important;
1874   }
1875
1876   .mdl-color-text--deep-orange-200 {
1877     color: unquote("rgb(#{$palette-deep-orange-200})") !important;
1878   }
1879
1880   .mdl-color--deep-orange-200 {
1881     background-color: unquote("rgb(#{$palette-deep-orange-200})") !important;
1882   }
1883
1884   .mdl-color-text--deep-orange-300 {
1885     color: unquote("rgb(#{$palette-deep-orange-300})") !important;
1886   }
1887
1888   .mdl-color--deep-orange-300 {
1889     background-color: unquote("rgb(#{$palette-deep-orange-300})") !important;
1890   }
1891
1892   .mdl-color-text--deep-orange-400 {
1893     color: unquote("rgb(#{$palette-deep-orange-400})") !important;
1894   }
1895
1896   .mdl-color--deep-orange-400 {
1897     background-color: unquote("rgb(#{$palette-deep-orange-400})") !important;
1898   }
1899
1900   .mdl-color-text--deep-orange-500 {
1901     color: unquote("rgb(#{$palette-deep-orange-500})") !important;
1902   }
1903
1904   .mdl-color--deep-orange-500 {
1905     background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
1906   }
1907
1908   .mdl-color-text--deep-orange-600 {
1909     color: unquote("rgb(#{$palette-deep-orange-600})") !important;
1910   }
1911
1912   .mdl-color--deep-orange-600 {
1913     background-color: unquote("rgb(#{$palette-deep-orange-600})") !important;
1914   }
1915
1916   .mdl-color-text--deep-orange-700 {
1917     color: unquote("rgb(#{$palette-deep-orange-700})") !important;
1918   }
1919
1920   .mdl-color--deep-orange-700 {
1921     background-color: unquote("rgb(#{$palette-deep-orange-700})") !important;
1922   }
1923
1924   .mdl-color-text--deep-orange-800 {
1925     color: unquote("rgb(#{$palette-deep-orange-800})") !important;
1926   }
1927
1928   .mdl-color--deep-orange-800 {
1929     background-color: unquote("rgb(#{$palette-deep-orange-800})") !important;
1930   }
1931
1932   .mdl-color-text--deep-orange-900 {
1933     color: unquote("rgb(#{$palette-deep-orange-900})") !important;
1934   }
1935
1936   .mdl-color--deep-orange-900 {
1937     background-color: unquote("rgb(#{$palette-deep-orange-900})") !important;
1938   }
1939
1940   .mdl-color-text--deep-orange-A100 {
1941     color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
1942   }
1943
1944   .mdl-color--deep-orange-A100 {
1945     background-color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
1946   }
1947
1948   .mdl-color-text--deep-orange-A200 {
1949     color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
1950   }
1951
1952   .mdl-color--deep-orange-A200 {
1953     background-color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
1954   }
1955
1956   .mdl-color-text--deep-orange-A400 {
1957     color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
1958   }
1959
1960   .mdl-color--deep-orange-A400 {
1961     background-color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
1962   }
1963
1964   .mdl-color-text--deep-orange-A700 {
1965     color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
1966   }
1967
1968   .mdl-color--deep-orange-A700 {
1969     background-color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
1970   }
1971
1972   // Brown
1973
1974   .mdl-color-text--brown {
1975     color: unquote("rgb(#{$palette-brown-500})") !important;
1976   }
1977
1978   .mdl-color--brown {
1979     background-color: unquote("rgb(#{$palette-brown-500})") !important;
1980   }
1981
1982   .mdl-color-text--brown-50 {
1983     color: unquote("rgb(#{$palette-brown-50})") !important;
1984   }
1985
1986   .mdl-color--brown-50 {
1987     background-color: unquote("rgb(#{$palette-brown-50})") !important;
1988   }
1989
1990   .mdl-color-text--brown-100 {
1991     color: unquote("rgb(#{$palette-brown-100})") !important;
1992   }
1993
1994   .mdl-color--brown-100 {
1995     background-color: unquote("rgb(#{$palette-brown-100})") !important;
1996   }
1997
1998   .mdl-color-text--brown-200 {
1999     color: unquote("rgb(#{$palette-brown-200})") !important;
2000   }
2001
2002   .mdl-color--brown-200 {
2003     background-color: unquote("rgb(#{$palette-brown-200})") !important;
2004   }
2005
2006   .mdl-color-text--brown-300 {
2007     color: unquote("rgb(#{$palette-brown-300})") !important;
2008   }
2009
2010   .mdl-color--brown-300 {
2011     background-color: unquote("rgb(#{$palette-brown-300})") !important;
2012   }
2013
2014   .mdl-color-text--brown-400 {
2015     color: unquote("rgb(#{$palette-brown-400})") !important;
2016   }
2017
2018   .mdl-color--brown-400 {
2019     background-color: unquote("rgb(#{$palette-brown-400})") !important;
2020   }
2021
2022   .mdl-color-text--brown-500 {
2023     color: unquote("rgb(#{$palette-brown-500})") !important;
2024   }
2025
2026   .mdl-color--brown-500 {
2027     background-color: unquote("rgb(#{$palette-brown-500})") !important;
2028   }
2029
2030   .mdl-color-text--brown-600 {
2031     color: unquote("rgb(#{$palette-brown-600})") !important;
2032   }
2033
2034   .mdl-color--brown-600 {
2035     background-color: unquote("rgb(#{$palette-brown-600})") !important;
2036   }
2037
2038   .mdl-color-text--brown-700 {
2039     color: unquote("rgb(#{$palette-brown-700})") !important;
2040   }
2041
2042   .mdl-color--brown-700 {
2043     background-color: unquote("rgb(#{$palette-brown-700})") !important;
2044   }
2045
2046   .mdl-color-text--brown-800 {
2047     color: unquote("rgb(#{$palette-brown-800})") !important;
2048   }
2049
2050   .mdl-color--brown-800 {
2051     background-color: unquote("rgb(#{$palette-brown-800})") !important;
2052   }
2053
2054   .mdl-color-text--brown-900 {
2055     color: unquote("rgb(#{$palette-brown-900})") !important;
2056   }
2057
2058   .mdl-color--brown-900 {
2059     background-color: unquote("rgb(#{$palette-brown-900})") !important;
2060   }
2061
2062   // Grey
2063
2064   .mdl-color-text--grey {
2065     color: unquote("rgb(#{$palette-grey-500})") !important;
2066   }
2067
2068   .mdl-color--grey {
2069     background-color: unquote("rgb(#{$palette-grey-500})") !important;
2070   }
2071
2072   .mdl-color-text--grey-50 {
2073     color: unquote("rgb(#{$palette-grey-50})") !important;
2074   }
2075
2076   .mdl-color--grey-50 {
2077     background-color: unquote("rgb(#{$palette-grey-50})") !important;
2078   }
2079
2080   .mdl-color-text--grey-100 {
2081     color: unquote("rgb(#{$palette-grey-100})") !important;
2082   }
2083
2084   .mdl-color--grey-100 {
2085     background-color: unquote("rgb(#{$palette-grey-100})") !important;
2086   }
2087
2088   .mdl-color-text--grey-200 {
2089     color: unquote("rgb(#{$palette-grey-200})") !important;
2090   }
2091
2092   .mdl-color--grey-200 {
2093     background-color: unquote("rgb(#{$palette-grey-200})") !important;
2094   }
2095
2096   .mdl-color-text--grey-300 {
2097     color: unquote("rgb(#{$palette-grey-300})") !important;
2098   }
2099
2100   .mdl-color--grey-300 {
2101     background-color: unquote("rgb(#{$palette-grey-300})") !important;
2102   }
2103
2104   .mdl-color-text--grey-400 {
2105     color: unquote("rgb(#{$palette-grey-400})") !important;
2106   }
2107
2108   .mdl-color--grey-400 {
2109     background-color: unquote("rgb(#{$palette-grey-400})") !important;
2110   }
2111
2112   .mdl-color-text--grey-500 {
2113     color: unquote("rgb(#{$palette-grey-500})") !important;
2114   }
2115
2116   .mdl-color--grey-500 {
2117     background-color: unquote("rgb(#{$palette-grey-500})") !important;
2118   }
2119
2120   .mdl-color-text--grey-600 {
2121     color: unquote("rgb(#{$palette-grey-600})") !important;
2122   }
2123
2124   .mdl-color--grey-600 {
2125     background-color: unquote("rgb(#{$palette-grey-600})") !important;
2126   }
2127
2128   .mdl-color-text--grey-700 {
2129     color: unquote("rgb(#{$palette-grey-700})") !important;
2130   }
2131
2132   .mdl-color--grey-700 {
2133     background-color: unquote("rgb(#{$palette-grey-700})") !important;
2134   }
2135
2136   .mdl-color-text--grey-800 {
2137     color: unquote("rgb(#{$palette-grey-800})") !important;
2138   }
2139
2140   .mdl-color--grey-800 {
2141     background-color: unquote("rgb(#{$palette-grey-800})") !important;
2142   }
2143
2144   .mdl-color-text--grey-900 {
2145     color: unquote("rgb(#{$palette-grey-900})") !important;
2146   }
2147
2148   .mdl-color--grey-900 {
2149     background-color: unquote("rgb(#{$palette-grey-900})") !important;
2150   }
2151
2152   // Blue Grey
2153
2154   .mdl-color-text--blue-grey {
2155     color: unquote("rgb(#{$palette-blue-grey-500})") !important;
2156   }
2157
2158   .mdl-color--blue-grey {
2159     background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
2160   }
2161
2162   .mdl-color-text--blue-grey-50 {
2163     color: unquote("rgb(#{$palette-blue-grey-50})") !important;
2164   }
2165
2166   .mdl-color--blue-grey-50 {
2167     background-color: unquote("rgb(#{$palette-blue-grey-50})") !important;
2168   }
2169
2170   .mdl-color-text--blue-grey-100 {
2171     color: unquote("rgb(#{$palette-blue-grey-100})") !important;
2172   }
2173
2174   .mdl-color--blue-grey-100 {
2175     background-color: unquote("rgb(#{$palette-blue-grey-100})") !important;
2176   }
2177
2178   .mdl-color-text--blue-grey-200 {
2179     color: unquote("rgb(#{$palette-blue-grey-200})") !important;
2180   }
2181
2182   .mdl-color--blue-grey-200 {
2183     background-color: unquote("rgb(#{$palette-blue-grey-200})") !important;
2184   }
2185
2186   .mdl-color-text--blue-grey-300 {
2187     color: unquote("rgb(#{$palette-blue-grey-300})") !important;
2188   }
2189
2190   .mdl-color--blue-grey-300 {
2191     background-color: unquote("rgb(#{$palette-blue-grey-300})") !important;
2192   }
2193
2194   .mdl-color-text--blue-grey-400 {
2195     color: unquote("rgb(#{$palette-blue-grey-400})") !important;
2196   }
2197
2198   .mdl-color--blue-grey-400 {
2199     background-color: unquote("rgb(#{$palette-blue-grey-400})") !important;
2200   }
2201
2202   .mdl-color-text--blue-grey-500 {
2203     color: unquote("rgb(#{$palette-blue-grey-500})") !important;
2204   }
2205
2206   .mdl-color--blue-grey-500 {
2207     background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
2208   }
2209
2210   .mdl-color-text--blue-grey-600 {
2211     color: unquote("rgb(#{$palette-blue-grey-600})") !important;
2212   }
2213
2214   .mdl-color--blue-grey-600 {
2215     background-color: unquote("rgb(#{$palette-blue-grey-600})") !important;
2216   }
2217
2218   .mdl-color-text--blue-grey-700 {
2219     color: unquote("rgb(#{$palette-blue-grey-700})") !important;
2220   }
2221
2222   .mdl-color--blue-grey-700 {
2223     background-color: unquote("rgb(#{$palette-blue-grey-700})") !important;
2224   }
2225
2226   .mdl-color-text--blue-grey-800 {
2227     color: unquote("rgb(#{$palette-blue-grey-800})") !important;
2228   }
2229
2230   .mdl-color--blue-grey-800 {
2231     background-color: unquote("rgb(#{$palette-blue-grey-800})") !important;
2232   }
2233
2234   .mdl-color-text--blue-grey-900 {
2235     color: unquote("rgb(#{$palette-blue-grey-900})") !important;
2236   }
2237
2238   .mdl-color--blue-grey-900 {
2239     background-color: unquote("rgb(#{$palette-blue-grey-900})") !important;
2240   }
2241
2242   // Black
2243
2244   .mdl-color--black {
2245     background-color: unquote("rgb(#{$color-black})") !important;
2246   }
2247
2248   .mdl-color-text--black {
2249     color: unquote("rgb(#{$color-black})") !important;
2250   }
2251
2252   // White
2253
2254   .mdl-color--white {
2255     background-color: unquote("rgb(#{$color-white})") !important;
2256   }
2257
2258   .mdl-color-text--white {
2259     color: unquote("rgb(#{$color-white})") !important;
2260   }
2261 }
2262
2263 // Primary and accent
2264
2265 .mdl-color--primary {
2266   background-color: unquote("rgb(#{$color-primary})") !important;
2267 }
2268
2269 .mdl-color--primary-contrast {
2270   background-color: unquote("rgb(#{$color-primary-contrast})") !important;
2271 }
2272
2273 .mdl-color--primary-dark {
2274   background-color: unquote("rgb(#{$color-primary-dark})") !important;
2275 }
2276
2277 .mdl-color--accent {
2278   background-color: unquote("rgb(#{$color-accent})") !important;
2279 }
2280
2281 .mdl-color--accent-contrast {
2282   background-color: unquote("rgb(#{$color-accent-contrast})") !important;
2283 }
2284
2285 .mdl-color-text--primary {
2286   color: unquote("rgb(#{$color-primary})") !important;
2287 }
2288
2289 .mdl-color-text--primary-contrast {
2290   color: unquote("rgb(#{$color-primary-contrast})") !important;
2291 }
2292
2293 .mdl-color-text--primary-dark {
2294   color: unquote("rgb(#{$color-primary-dark})") !important;
2295 }
2296
2297 .mdl-color-text--accent {
2298   color: unquote("rgb(#{$color-accent})") !important;
2299 }
2300
2301 .mdl-color-text--accent-contrast {
2302   color: unquote("rgb(#{$color-accent-contrast})") !important;
2303 }