@covalent/core 4.1.0-develop.2 → 4.1.0-develop.4

package/common/styles/colors/_colors-dark.scss

@@ -0,0 +1,1399 @@
+/* stylelint-disable selector-class-pattern */
+
+@import '../theme-functions';
+@import '../palette-dark';
+
+@mixin td-colors-dark() {
+  // Text color
+
+  // 500
+  .tc-dark-red-500 {
+    color: mat-color($mat-dark-red, 500) !important;
+  }
+
+  .tc-dark-pink-500 {
+    color: mat-color($mat-dark-pink, 500) !important;
+  }
+
+  .tc-dark-purple-500 {
+    color: mat-color($mat-dark-purple, 500) !important;
+  }
+
+  .tc-dark-deep-purple-500 {
+    color: mat-color($mat-dark-deep-purple, 500) !important;
+  }
+
+  .tc-dark-indigo-500 {
+    color: mat-color($mat-dark-indigo, 500) !important;
+  }
+
+  .tc-dark-blue-500 {
+    color: mat-color($mat-dark-blue, 500) !important;
+  }
+
+  .tc-dark-light-blue-500 {
+    color: mat-color($mat-dark-light-blue, 500) !important;
+  }
+
+  .tc-dark-cyan-500 {
+    color: mat-color($mat-dark-cyan, 500) !important;
+  }
+
+  .tc-dark-teal-500 {
+    color: mat-color($mat-dark-teal, 500) !important;
+  }
+
+  .tc-dark-green-500 {
+    color: mat-color($mat-dark-green, 500) !important;
+  }
+
+  .tc-dark-light-green-500 {
+    color: mat-color($mat-dark-light-green, 500) !important;
+  }
+
+  .tc-dark-lime-500 {
+    color: mat-color($mat-dark-lime, 500) !important;
+  }
+
+  .tc-dark-yellow-500 {
+    color: mat-color($mat-dark-yellow, 500) !important;
+  }
+
+  .tc-dark-amber-500 {
+    color: mat-color($mat-dark-amber, 500) !important;
+  }
+
+  .tc-dark-orange-500 {
+    color: mat-color($mat-dark-orange, 500) !important;
+  }
+
+  .tc-dark-deep-orange-500 {
+    color: mat-color($mat-dark-deep-orange, 500) !important;
+  }
+
+  .tc-dark-brown-500 {
+    color: mat-color($mat-dark-brown, 500) !important;
+  }
+
+  .tc-dark-grey-500 {
+    color: mat-color($mat-dark-grey, 500) !important;
+  }
+
+  .tc-dark-blue-grey-500 {
+    color: mat-color($mat-dark-blue-grey, 500) !important;
+  }
+
+  // B100
+  .tc-dark-red-B100 {
+    color: mat-color($mat-dark-red, B100) !important;
+  }
+
+  .tc-dark-pink-B100 {
+    color: mat-color($mat-dark-pink, B100) !important;
+  }
+
+  .tc-dark-purple-B100 {
+    color: mat-color($mat-dark-purple, B100) !important;
+  }
+
+  .tc-dark-deep-purple-B100 {
+    color: mat-color($mat-dark-deep-purple, B100) !important;
+  }
+
+  .tc-dark-indigo-B100 {
+    color: mat-color($mat-dark-indigo, B100) !important;
+  }
+
+  .tc-dark-blue-B100 {
+    color: mat-color($mat-dark-blue, B100) !important;
+  }
+
+  .tc-dark-light-blue-B100 {
+    color: mat-color($mat-dark-light-blue, B100) !important;
+  }
+
+  .tc-dark-cyan-B100 {
+    color: mat-color($mat-dark-cyan, B100) !important;
+  }
+
+  .tc-dark-teal-B100 {
+    color: mat-color($mat-dark-teal, B100) !important;
+  }
+
+  .tc-dark-green-B100 {
+    color: mat-color($mat-dark-green, B100) !important;
+  }
+
+  .tc-dark-light-green-B100 {
+    color: mat-color($mat-dark-light-green, B100) !important;
+  }
+
+  .tc-dark-lime-B100 {
+    color: mat-color($mat-dark-lime, B100) !important;
+  }
+
+  .tc-dark-yellow-B100 {
+    color: mat-color($mat-dark-yellow, B100) !important;
+  }
+
+  .tc-dark-amber-B100 {
+    color: mat-color($mat-dark-amber, B100) !important;
+  }
+
+  .tc-dark-orange-B100 {
+    color: mat-color($mat-dark-orange, B100) !important;
+  }
+
+  .tc-dark-deep-orange-B100 {
+    color: mat-color($mat-dark-deep-orange, B100) !important;
+  }
+
+  .tc-dark-brown-B100 {
+    color: mat-color($mat-dark-brown, B100) !important;
+  }
+
+  .tc-dark-grey-B100 {
+    color: mat-color($mat-dark-grey, B100) !important;
+  }
+
+  .tc-dark-blue-grey-B100 {
+    color: mat-color($mat-dark-blue-grey, B100) !important;
+  }
+
+  // B65
+  .tc-dark-red-B65 {
+    color: mat-color($mat-dark-red, B65) !important;
+  }
+
+  .tc-dark-pink-B65 {
+    color: mat-color($mat-dark-pink, B65) !important;
+  }
+
+  .tc-dark-purple-B65 {
+    color: mat-color($mat-dark-purple, B65) !important;
+  }
+
+  .tc-dark-deep-purple-B65 {
+    color: mat-color($mat-dark-deep-purple, B65) !important;
+  }
+
+  .tc-dark-indigo-B65 {
+    color: mat-color($mat-dark-indigo, B65) !important;
+  }
+
+  .tc-dark-blue-B65 {
+    color: mat-color($mat-dark-blue, B65) !important;
+  }
+
+  .tc-dark-light-blue-B65 {
+    color: mat-color($mat-dark-light-blue, B65) !important;
+  }
+
+  .tc-dark-cyan-B65 {
+    color: mat-color($mat-dark-cyan, B65) !important;
+  }
+
+  .tc-dark-teal-B65 {
+    color: mat-color($mat-dark-teal, B65) !important;
+  }
+
+  .tc-dark-green-B65 {
+    color: mat-color($mat-dark-green, B65) !important;
+  }
+
+  .tc-dark-light-green-B65 {
+    color: mat-color($mat-dark-light-green, B65) !important;
+  }
+
+  .tc-dark-lime-B65 {
+    color: mat-color($mat-dark-lime, B65) !important;
+  }
+
+  .tc-dark-yellow-B65 {
+    color: mat-color($mat-dark-yellow, B65) !important;
+  }
+
+  .tc-dark-amber-B65 {
+    color: mat-color($mat-dark-amber, B65) !important;
+  }
+
+  .tc-dark-orange-B65 {
+    color: mat-color($mat-dark-orange, B65) !important;
+  }
+
+  .tc-dark-deep-orange-B65 {
+    color: mat-color($mat-dark-deep-orange, B65) !important;
+  }
+
+  .tc-dark-brown-B65 {
+    color: mat-color($mat-dark-brown, B65) !important;
+  }
+
+  .tc-dark-grey-B65 {
+    color: mat-color($mat-dark-grey, B65) !important;
+  }
+
+  .tc-dark-blue-grey-B65 {
+    color: mat-color($mat-dark-blue-grey, B65) !important;
+  }
+
+  // B40
+  .tc-dark-red-B40 {
+    color: mat-color($mat-dark-red, B40) !important;
+  }
+
+  .tc-dark-pink-B40 {
+    color: mat-color($mat-dark-pink, B40) !important;
+  }
+
+  .tc-dark-purple-B40 {
+    color: mat-color($mat-dark-purple, B40) !important;
+  }
+
+  .tc-dark-deep-purple-B40 {
+    color: mat-color($mat-dark-deep-purple, B40) !important;
+  }
+
+  .tc-dark-indigo-B40 {
+    color: mat-color($mat-dark-indigo, B40) !important;
+  }
+
+  .tc-dark-blue-B40 {
+    color: mat-color($mat-dark-blue, B40) !important;
+  }
+
+  .tc-dark-light-blue-B40 {
+    color: mat-color($mat-dark-light-blue, B40) !important;
+  }
+
+  .tc-dark-cyan-B40 {
+    color: mat-color($mat-dark-cyan, B40) !important;
+  }
+
+  .tc-dark-teal-B40 {
+    color: mat-color($mat-dark-teal, B40) !important;
+  }
+
+  .tc-dark-green-B40 {
+    color: mat-color($mat-dark-green, B40) !important;
+  }
+
+  .tc-dark-light-green-B40 {
+    color: mat-color($mat-dark-light-green, B40) !important;
+  }
+
+  .tc-dark-lime-B40 {
+    color: mat-color($mat-dark-lime, B40) !important;
+  }
+
+  .tc-dark-yellow-B40 {
+    color: mat-color($mat-dark-yellow, B40) !important;
+  }
+
+  .tc-dark-amber-B40 {
+    color: mat-color($mat-dark-amber, B40) !important;
+  }
+
+  .tc-dark-orange-B40 {
+    color: mat-color($mat-dark-orange, B40) !important;
+  }
+
+  .tc-dark-deep-orange-B40 {
+    color: mat-color($mat-dark-deep-orange, B40) !important;
+  }
+
+  .tc-dark-brown-B40 {
+    color: mat-color($mat-dark-brown, B40) !important;
+  }
+
+  .tc-dark-grey-B40 {
+    color: mat-color($mat-dark-grey, B40) !important;
+  }
+
+  .tc-dark-blue-grey-B40 {
+    color: mat-color($mat-dark-blue-grey, B40) !important;
+  }
+
+  // B30
+  .tc-dark-red-B30 {
+    color: mat-color($mat-dark-red, B30) !important;
+  }
+
+  .tc-dark-pink-B30 {
+    color: mat-color($mat-dark-pink, B30) !important;
+  }
+
+  .tc-dark-purple-B30 {
+    color: mat-color($mat-dark-purple, B30) !important;
+  }
+
+  .tc-dark-deep-purple-B30 {
+    color: mat-color($mat-dark-deep-purple, B30) !important;
+  }
+
+  .tc-dark-indigo-B30 {
+    color: mat-color($mat-dark-indigo, B30) !important;
+  }
+
+  .tc-dark-blue-B30 {
+    color: mat-color($mat-dark-blue, B30) !important;
+  }
+
+  .tc-dark-light-blue-B30 {
+    color: mat-color($mat-dark-light-blue, B30) !important;
+  }
+
+  .tc-dark-cyan-B30 {
+    color: mat-color($mat-dark-cyan, B30) !important;
+  }
+
+  .tc-dark-teal-B30 {
+    color: mat-color($mat-dark-teal, B30) !important;
+  }
+
+  .tc-dark-green-B30 {
+    color: mat-color($mat-dark-green, B30) !important;
+  }
+
+  .tc-dark-light-green-B30 {
+    color: mat-color($mat-dark-light-green, B30) !important;
+  }
+
+  .tc-dark-lime-B30 {
+    color: mat-color($mat-dark-lime, B30) !important;
+  }
+
+  .tc-dark-yellow-B30 {
+    color: mat-color($mat-dark-yellow, B30) !important;
+  }
+
+  .tc-dark-amber-B30 {
+    color: mat-color($mat-dark-amber, B30) !important;
+  }
+
+  .tc-dark-orange-B30 {
+    color: mat-color($mat-dark-orange, B30) !important;
+  }
+
+  .tc-dark-deep-orange-B30 {
+    color: mat-color($mat-dark-deep-orange, B30) !important;
+  }
+
+  .tc-dark-brown-B30 {
+    color: mat-color($mat-dark-brown, B30) !important;
+  }
+
+  .tc-dark-grey-B30 {
+    color: mat-color($mat-dark-grey, B30) !important;
+  }
+
+  .tc-dark-blue-grey-B30 {
+    color: mat-color($mat-dark-blue-grey, B30) !important;
+  }
+
+  // B15
+  .tc-dark-red-B15 {
+    color: mat-color($mat-dark-red, B15) !important;
+  }
+
+  .tc-dark-pink-B15 {
+    color: mat-color($mat-dark-pink, B15) !important;
+  }
+
+  .tc-dark-purple-B15 {
+    color: mat-color($mat-dark-purple, B15) !important;
+  }
+
+  .tc-dark-deep-purple-B15 {
+    color: mat-color($mat-dark-deep-purple, B15) !important;
+  }
+
+  .tc-dark-indigo-B15 {
+    color: mat-color($mat-dark-indigo, B15) !important;
+  }
+
+  .tc-dark-blue-B15 {
+    color: mat-color($mat-dark-blue, B15) !important;
+  }
+
+  .tc-dark-light-blue-B15 {
+    color: mat-color($mat-dark-light-blue, B15) !important;
+  }
+
+  .tc-dark-cyan-B15 {
+    color: mat-color($mat-dark-cyan, B15) !important;
+  }
+
+  .tc-dark-teal-B15 {
+    color: mat-color($mat-dark-teal, B15) !important;
+  }
+
+  .tc-dark-green-B15 {
+    color: mat-color($mat-dark-green, B15) !important;
+  }
+
+  .tc-dark-light-green-B15 {
+    color: mat-color($mat-dark-light-green, B15) !important;
+  }
+
+  .tc-dark-lime-B15 {
+    color: mat-color($mat-dark-lime, B15) !important;
+  }
+
+  .tc-dark-yellow-B15 {
+    color: mat-color($mat-dark-yellow, B15) !important;
+  }
+
+  .tc-dark-amber-B15 {
+    color: mat-color($mat-dark-amber, B15) !important;
+  }
+
+  .tc-dark-orange-B15 {
+    color: mat-color($mat-dark-orange, B15) !important;
+  }
+
+  .tc-dark-deep-orange-B15 {
+    color: mat-color($mat-dark-deep-orange, B15) !important;
+  }
+
+  .tc-dark-brown-B15 {
+    color: mat-color($mat-dark-brown, B15) !important;
+  }
+
+  .tc-dark-grey-B15 {
+    color: mat-color($mat-dark-grey, B15) !important;
+  }
+
+  .tc-dark-blue-grey-B15 {
+    color: mat-color($mat-dark-blue-grey, B15) !important;
+  }
+
+  // Background color
+
+  // 500
+  .bgc-dark-red-500 {
+    background-color: mat-color($mat-dark-red, 500) !important;
+  }
+
+  .bgc-dark-pink-500 {
+    background-color: mat-color($mat-dark-pink, 500) !important;
+  }
+
+  .bgc-dark-purple-500 {
+    background-color: mat-color($mat-dark-purple, 500) !important;
+  }
+
+  .bgc-dark-deep-purple-500 {
+    background-color: mat-color($mat-dark-deep-purple, 500) !important;
+  }
+
+  .bgc-dark-indigo-500 {
+    background-color: mat-color($mat-dark-indigo, 500) !important;
+  }
+
+  .bgc-dark-blue-500 {
+    background-color: mat-color($mat-dark-blue, 500) !important;
+  }
+
+  .bgc-dark-light-blue-500 {
+    background-color: mat-color($mat-dark-light-blue, 500) !important;
+  }
+
+  .bgc-dark-cyan-500 {
+    background-color: mat-color($mat-dark-cyan, 500) !important;
+  }
+
+  .bgc-dark-teal-500 {
+    background-color: mat-color($mat-dark-teal, 500) !important;
+  }
+
+  .bgc-dark-green-500 {
+    background-color: mat-color($mat-dark-green, 500) !important;
+  }
+
+  .bgc-dark-light-green-500 {
+    background-color: mat-color($mat-dark-light-green, 500) !important;
+  }
+
+  .bgc-dark-lime-500 {
+    background-color: mat-color($mat-dark-lime, 500) !important;
+  }
+
+  .bgc-dark-yellow-500 {
+    background-color: mat-color($mat-dark-yellow, 500) !important;
+  }
+
+  .bgc-dark-amber-500 {
+    background-color: mat-color($mat-dark-amber, 500) !important;
+  }
+
+  .bgc-dark-orange-500 {
+    background-color: mat-color($mat-dark-orange, 500) !important;
+  }
+
+  .bgc-dark-deep-orange-500 {
+    background-color: mat-color($mat-dark-deep-orange, 500) !important;
+  }
+
+  .bgc-dark-brown-500 {
+    background-color: mat-color($mat-dark-brown, 500) !important;
+  }
+
+  .bgc-dark-grey-500 {
+    background-color: mat-color($mat-dark-grey, 500) !important;
+  }
+
+  .bgc-dark-blue-grey-500 {
+    background-color: mat-color($mat-dark-blue-grey, 500) !important;
+  }
+
+  // B100
+  .bgc-dark-red-B100 {
+    background-color: mat-color($mat-dark-red, B100) !important;
+  }
+
+  .bgc-dark-pink-B100 {
+    background-color: mat-color($mat-dark-pink, B100) !important;
+  }
+
+  .bgc-dark-purple-B100 {
+    background-color: mat-color($mat-dark-purple, B100) !important;
+  }
+
+  .bgc-dark-deep-purple-B100 {
+    background-color: mat-color($mat-dark-deep-purple, B100) !important;
+  }
+
+  .bgc-dark-indigo-B100 {
+    background-color: mat-color($mat-dark-indigo, B100) !important;
+  }
+
+  .bgc-dark-blue-B100 {
+    background-color: mat-color($mat-dark-blue, B100) !important;
+  }
+
+  .bgc-dark-light-blue-B100 {
+    background-color: mat-color($mat-dark-light-blue, B100) !important;
+  }
+
+  .bgc-dark-cyan-B100 {
+    background-color: mat-color($mat-dark-cyan, B100) !important;
+  }
+
+  .bgc-dark-teal-B100 {
+    background-color: mat-color($mat-dark-teal, B100) !important;
+  }
+
+  .bgc-dark-green-B100 {
+    background-color: mat-color($mat-dark-green, B100) !important;
+  }
+
+  .bgc-dark-light-green-B100 {
+    background-color: mat-color($mat-dark-light-green, B100) !important;
+  }
+
+  .bgc-dark-lime-B100 {
+    background-color: mat-color($mat-dark-lime, B100) !important;
+  }
+
+  .bgc-dark-yellow-B100 {
+    background-color: mat-color($mat-dark-yellow, B100) !important;
+  }
+
+  .bgc-dark-amber-B100 {
+    background-color: mat-color($mat-dark-amber, B100) !important;
+  }
+
+  .bgc-dark-orange-B100 {
+    background-color: mat-color($mat-dark-orange, B100) !important;
+  }
+
+  .bgc-dark-deep-orange-B100 {
+    background-color: mat-color($mat-dark-deep-orange, B100) !important;
+  }
+
+  .bgc-dark-brown-B100 {
+    background-color: mat-color($mat-dark-brown, B100) !important;
+  }
+
+  .bgc-dark-grey-B100 {
+    background-color: mat-color($mat-dark-grey, B100) !important;
+  }
+
+  .bgc-dark-blue-grey-B100 {
+    background-color: mat-color($mat-dark-blue-grey, B100) !important;
+  }
+
+  // B65
+  .bgc-dark-red-B65 {
+    background-color: mat-color($mat-dark-red, B65) !important;
+  }
+
+  .bgc-dark-pink-B65 {
+    background-color: mat-color($mat-dark-pink, B65) !important;
+  }
+
+  .bgc-dark-purple-B65 {
+    background-color: mat-color($mat-dark-purple, B65) !important;
+  }
+
+  .bgc-dark-deep-purple-B65 {
+    background-color: mat-color($mat-dark-deep-purple, B65) !important;
+  }
+
+  .bgc-dark-indigo-B65 {
+    background-color: mat-color($mat-dark-indigo, B65) !important;
+  }
+
+  .bgc-dark-blue-B65 {
+    background-color: mat-color($mat-dark-blue, B65) !important;
+  }
+
+  .bgc-dark-light-blue-B65 {
+    background-color: mat-color($mat-dark-light-blue, B65) !important;
+  }
+
+  .bgc-dark-cyan-B65 {
+    background-color: mat-color($mat-dark-cyan, B65) !important;
+  }
+
+  .bgc-dark-teal-B65 {
+    background-color: mat-color($mat-dark-teal, B65) !important;
+  }
+
+  .bgc-dark-green-B65 {
+    background-color: mat-color($mat-dark-green, B65) !important;
+  }
+
+  .bgc-dark-light-green-B65 {
+    background-color: mat-color($mat-dark-light-green, B65) !important;
+  }
+
+  .bgc-dark-lime-B65 {
+    background-color: mat-color($mat-dark-lime, B65) !important;
+  }
+
+  .bgc-dark-yellow-B65 {
+    background-color: mat-color($mat-dark-yellow, B65) !important;
+  }
+
+  .bgc-dark-amber-B65 {
+    background-color: mat-color($mat-dark-amber, B65) !important;
+  }
+
+  .bgc-dark-orange-B65 {
+    background-color: mat-color($mat-dark-orange, B65) !important;
+  }
+
+  .bgc-dark-deep-orange-B65 {
+    background-color: mat-color($mat-dark-deep-orange, B65) !important;
+  }
+
+  .bgc-dark-brown-B65 {
+    background-color: mat-color($mat-dark-brown, B65) !important;
+  }
+
+  .bgc-dark-grey-B65 {
+    background-color: mat-color($mat-dark-grey, B65) !important;
+  }
+
+  .bgc-dark-blue-grey-B65 {
+    background-color: mat-color($mat-dark-blue-grey, B65) !important;
+  }
+
+  // B40
+  .bgc-dark-red-B40 {
+    background-color: mat-color($mat-dark-red, B40) !important;
+  }
+
+  .bgc-dark-pink-B40 {
+    background-color: mat-color($mat-dark-pink, B40) !important;
+  }
+
+  .bgc-dark-purple-B40 {
+    background-color: mat-color($mat-dark-purple, B40) !important;
+  }
+
+  .bgc-dark-deep-purple-B40 {
+    background-color: mat-color($mat-dark-deep-purple, B40) !important;
+  }
+
+  .bgc-dark-indigo-B40 {
+    background-color: mat-color($mat-dark-indigo, B40) !important;
+  }
+
+  .bgc-dark-blue-B40 {
+    background-color: mat-color($mat-dark-blue, B40) !important;
+  }
+
+  .bgc-dark-light-blue-B40 {
+    background-color: mat-color($mat-dark-light-blue, B40) !important;
+  }
+
+  .bgc-dark-cyan-B40 {
+    background-color: mat-color($mat-dark-cyan, B40) !important;
+  }
+
+  .bgc-dark-teal-B40 {
+    background-color: mat-color($mat-dark-teal, B40) !important;
+  }
+
+  .bgc-dark-green-B40 {
+    background-color: mat-color($mat-dark-green, B40) !important;
+  }
+
+  .bgc-dark-light-green-B40 {
+    background-color: mat-color($mat-dark-light-green, B40) !important;
+  }
+
+  .bgc-dark-lime-B40 {
+    background-color: mat-color($mat-dark-lime, B40) !important;
+  }
+
+  .bgc-dark-yellow-B40 {
+    background-color: mat-color($mat-dark-yellow, B40) !important;
+  }
+
+  .bgc-dark-amber-B40 {
+    background-color: mat-color($mat-dark-amber, B40) !important;
+  }
+
+  .bgc-dark-orange-B40 {
+    background-color: mat-color($mat-dark-orange, B40) !important;
+  }
+
+  .bgc-dark-deep-orange-B40 {
+    background-color: mat-color($mat-dark-deep-orange, B40) !important;
+  }
+
+  .bgc-dark-brown-B40 {
+    background-color: mat-color($mat-dark-brown, B40) !important;
+  }
+
+  .bgc-dark-grey-B40 {
+    background-color: mat-color($mat-dark-grey, B40) !important;
+  }
+
+  .bgc-dark-blue-grey-B40 {
+    background-color: mat-color($mat-dark-blue-grey, B40) !important;
+  }
+
+  // B30
+  .bgc-dark-red-B30 {
+    background-color: mat-color($mat-dark-red, B30) !important;
+  }
+
+  .bgc-dark-pink-B30 {
+    background-color: mat-color($mat-dark-pink, B30) !important;
+  }
+
+  .bgc-dark-purple-B30 {
+    background-color: mat-color($mat-dark-purple, B30) !important;
+  }
+
+  .bgc-dark-deep-purple-B30 {
+    background-color: mat-color($mat-dark-deep-purple, B30) !important;
+  }
+
+  .bgc-dark-indigo-B30 {
+    background-color: mat-color($mat-dark-indigo, B30) !important;
+  }
+
+  .bgc-dark-blue-B30 {
+    background-color: mat-color($mat-dark-blue, B30) !important;
+  }
+
+  .bgc-dark-light-blue-B30 {
+    background-color: mat-color($mat-dark-light-blue, B30) !important;
+  }
+
+  .bgc-dark-cyan-B30 {
+    background-color: mat-color($mat-dark-cyan, B30) !important;
+  }
+
+  .bgc-dark-teal-B30 {
+    background-color: mat-color($mat-dark-teal, B30) !important;
+  }
+
+  .bgc-dark-green-B30 {
+    background-color: mat-color($mat-dark-green, B30) !important;
+  }
+
+  .bgc-dark-light-green-B30 {
+    background-color: mat-color($mat-dark-light-green, B30) !important;
+  }
+
+  .bgc-dark-lime-B30 {
+    background-color: mat-color($mat-dark-lime, B30) !important;
+  }
+
+  .bgc-dark-yellow-B30 {
+    background-color: mat-color($mat-dark-yellow, B30) !important;
+  }
+
+  .bgc-dark-amber-B30 {
+    background-color: mat-color($mat-dark-amber, B30) !important;
+  }
+
+  .bgc-dark-orange-B30 {
+    background-color: mat-color($mat-dark-orange, B30) !important;
+  }
+
+  .bgc-dark-deep-orange-B30 {
+    background-color: mat-color($mat-dark-deep-orange, B30) !important;
+  }
+
+  .bgc-dark-brown-B30 {
+    background-color: mat-color($mat-dark-brown, B30) !important;
+  }
+
+  .bgc-dark-grey-B30 {
+    background-color: mat-color($mat-dark-grey, B30) !important;
+  }
+
+  .bgc-dark-blue-grey-B30 {
+    background-color: mat-color($mat-dark-blue-grey, B30) !important;
+  }
+
+  // B15
+  .bgc-dark-red-B15 {
+    background-color: mat-color($mat-dark-red, B15) !important;
+  }
+
+  .bgc-dark-pink-B15 {
+    background-color: mat-color($mat-dark-pink, B15) !important;
+  }
+
+  .bgc-dark-purple-B15 {
+    background-color: mat-color($mat-dark-purple, B15) !important;
+  }
+
+  .bgc-dark-deep-purple-B15 {
+    background-color: mat-color($mat-dark-deep-purple, B15) !important;
+  }
+
+  .bgc-dark-indigo-B15 {
+    background-color: mat-color($mat-dark-indigo, B15) !important;
+  }
+
+  .bgc-dark-blue-B15 {
+    background-color: mat-color($mat-dark-blue, B15) !important;
+  }
+
+  .bgc-dark-light-blue-B15 {
+    background-color: mat-color($mat-dark-light-blue, B15) !important;
+  }
+
+  .bgc-dark-cyan-B15 {
+    background-color: mat-color($mat-dark-cyan, B15) !important;
+  }
+
+  .bgc-dark-teal-B15 {
+    background-color: mat-color($mat-dark-teal, B15) !important;
+  }
+
+  .bgc-dark-green-B15 {
+    background-color: mat-color($mat-dark-green, B15) !important;
+  }
+
+  .bgc-dark-light-green-B15 {
+    background-color: mat-color($mat-dark-light-green, B15) !important;
+  }
+
+  .bgc-dark-lime-B15 {
+    background-color: mat-color($mat-dark-lime, B15) !important;
+  }
+
+  .bgc-dark-yellow-B15 {
+    background-color: mat-color($mat-dark-yellow, B15) !important;
+  }
+
+  .bgc-dark-amber-B15 {
+    background-color: mat-color($mat-dark-amber, B15) !important;
+  }
+
+  .bgc-dark-orange-B15 {
+    background-color: mat-color($mat-dark-orange, B15) !important;
+  }
+
+  .bgc-dark-deep-orange-B15 {
+    background-color: mat-color($mat-dark-deep-orange, B15) !important;
+  }
+
+  .bgc-dark-brown-B15 {
+    background-color: mat-color($mat-dark-brown, B15) !important;
+  }
+
+  .bgc-dark-grey-B15 {
+    background-color: mat-color($mat-dark-grey, B15) !important;
+  }
+
+  .bgc-dark-blue-grey-B15 {
+    background-color: mat-color($mat-dark-blue-grey, B15) !important;
+  }
+
+  // Fill color
+
+  // 500
+  .fill-red-500 {
+    fill: mat-color($mat-dark-red, 500) !important;
+  }
+
+  .fill-pink-500 {
+    fill: mat-color($mat-dark-pink, 500) !important;
+  }
+
+  .fill-purple-500 {
+    fill: mat-color($mat-dark-purple, 500) !important;
+  }
+
+  .fill-deep-purple-500 {
+    fill: mat-color($mat-dark-deep-purple, 500) !important;
+  }
+
+  .fill-indigo-500 {
+    fill: mat-color($mat-dark-indigo, 500) !important;
+  }
+
+  .fill-blue-500 {
+    fill: mat-color($mat-dark-blue, 500) !important;
+  }
+
+  .fill-light-blue-500 {
+    fill: mat-color($mat-dark-light-blue, 500) !important;
+  }
+
+  .fill-cyan-500 {
+    fill: mat-color($mat-dark-cyan, 500) !important;
+  }
+
+  .fill-teal-500 {
+    fill: mat-color($mat-dark-teal, 500) !important;
+  }
+
+  .fill-green-500 {
+    fill: mat-color($mat-dark-green, 500) !important;
+  }
+
+  .fill-light-green-500 {
+    fill: mat-color($mat-dark-light-green, 500) !important;
+  }
+
+  .fill-lime-500 {
+    fill: mat-color($mat-dark-lime, 500) !important;
+  }
+
+  .fill-yellow-500 {
+    fill: mat-color($mat-dark-yellow, 500) !important;
+  }
+
+  .fill-amber-500 {
+    fill: mat-color($mat-dark-amber, 500) !important;
+  }
+
+  .fill-orange-500 {
+    fill: mat-color($mat-dark-orange, 500) !important;
+  }
+
+  .fill-deep-orange-500 {
+    fill: mat-color($mat-dark-deep-orange, 500) !important;
+  }
+
+  .fill-brown-500 {
+    fill: mat-color($mat-dark-brown, 500) !important;
+  }
+
+  .fill-grey-500 {
+    fill: mat-color($mat-dark-grey, 500) !important;
+  }
+
+  .fill-blue-grey-500 {
+    fill: mat-color($mat-dark-blue-grey, 500) !important;
+  }
+
+  // B100
+  .fill-red-B100 {
+    fill: mat-color($mat-dark-red, B100) !important;
+  }
+
+  .fill-pink-B100 {
+    fill: mat-color($mat-dark-pink, B100) !important;
+  }
+
+  .fill-purple-B100 {
+    fill: mat-color($mat-dark-purple, B100) !important;
+  }
+
+  .fill-deep-purple-B100 {
+    fill: mat-color($mat-dark-deep-purple, B100) !important;
+  }
+
+  .fill-indigo-B100 {
+    fill: mat-color($mat-dark-indigo, B100) !important;
+  }
+
+  .fill-blue-B100 {
+    fill: mat-color($mat-dark-blue, B100) !important;
+  }
+
+  .fill-light-blue-B100 {
+    fill: mat-color($mat-dark-light-blue, B100) !important;
+  }
+
+  .fill-cyan-B100 {
+    fill: mat-color($mat-dark-cyan, B100) !important;
+  }
+
+  .fill-teal-B100 {
+    fill: mat-color($mat-dark-teal, B100) !important;
+  }
+
+  .fill-green-B100 {
+    fill: mat-color($mat-dark-green, B100) !important;
+  }
+
+  .fill-light-green-B100 {
+    fill: mat-color($mat-dark-light-green, B100) !important;
+  }
+
+  .fill-lime-B100 {
+    fill: mat-color($mat-dark-lime, B100) !important;
+  }
+
+  .fill-yellow-B100 {
+    fill: mat-color($mat-dark-yellow, B100) !important;
+  }
+
+  .fill-amber-B100 {
+    fill: mat-color($mat-dark-amber, B100) !important;
+  }
+
+  .fill-orange-B100 {
+    fill: mat-color($mat-dark-orange, B100) !important;
+  }
+
+  .fill-deep-orange-B100 {
+    fill: mat-color($mat-dark-deep-orange, B100) !important;
+  }
+
+  .fill-brown-B100 {
+    fill: mat-color($mat-dark-brown, B100) !important;
+  }
+
+  .fill-grey-B100 {
+    fill: mat-color($mat-dark-grey, B100) !important;
+  }
+
+  .fill-blue-grey-B100 {
+    fill: mat-color($mat-dark-blue-grey, B100) !important;
+  }
+
+  // B65
+  .fill-red-B65 {
+    fill: mat-color($mat-dark-red, B65) !important;
+  }
+
+  .fill-pink-B65 {
+    fill: mat-color($mat-dark-pink, B65) !important;
+  }
+
+  .fill-purple-B65 {
+    fill: mat-color($mat-dark-purple, B65) !important;
+  }
+
+  .fill-deep-purple-B65 {
+    fill: mat-color($mat-dark-deep-purple, B65) !important;
+  }
+
+  .fill-indigo-B65 {
+    fill: mat-color($mat-dark-indigo, B65) !important;
+  }
+
+  .fill-blue-B65 {
+    fill: mat-color($mat-dark-blue, B65) !important;
+  }
+
+  .fill-light-blue-B65 {
+    fill: mat-color($mat-dark-light-blue, B65) !important;
+  }
+
+  .fill-cyan-B65 {
+    fill: mat-color($mat-dark-cyan, B65) !important;
+  }
+
+  .fill-teal-B65 {
+    fill: mat-color($mat-dark-teal, B65) !important;
+  }
+
+  .fill-green-B65 {
+    fill: mat-color($mat-dark-green, B65) !important;
+  }
+
+  .fill-light-green-B65 {
+    fill: mat-color($mat-dark-light-green, B65) !important;
+  }
+
+  .fill-lime-B65 {
+    fill: mat-color($mat-dark-lime, B65) !important;
+  }
+
+  .fill-yellow-B65 {
+    fill: mat-color($mat-dark-yellow, B65) !important;
+  }
+
+  .fill-amber-B65 {
+    fill: mat-color($mat-dark-amber, B65) !important;
+  }
+
+  .fill-orange-B65 {
+    fill: mat-color($mat-dark-orange, B65) !important;
+  }
+
+  .fill-deep-orange-B65 {
+    fill: mat-color($mat-dark-deep-orange, B65) !important;
+  }
+
+  .fill-brown-B65 {
+    fill: mat-color($mat-dark-brown, B65) !important;
+  }
+
+  .fill-grey-B65 {
+    fill: mat-color($mat-dark-grey, B65) !important;
+  }
+
+  .fill-blue-grey-B65 {
+    fill: mat-color($mat-dark-blue-grey, B65) !important;
+  }
+
+  // B40
+  .fill-red-B40 {
+    fill: mat-color($mat-dark-red, B40) !important;
+  }
+
+  .fill-pink-B40 {
+    fill: mat-color($mat-dark-pink, B40) !important;
+  }
+
+  .fill-purple-B40 {
+    fill: mat-color($mat-dark-purple, B40) !important;
+  }
+
+  .fill-deep-purple-B40 {
+    fill: mat-color($mat-dark-deep-purple, B40) !important;
+  }
+
+  .fill-indigo-B40 {
+    fill: mat-color($mat-dark-indigo, B40) !important;
+  }
+
+  .fill-blue-B40 {
+    fill: mat-color($mat-dark-blue, B40) !important;
+  }
+
+  .fill-light-blue-B40 {
+    fill: mat-color($mat-dark-light-blue, B40) !important;
+  }
+
+  .fill-cyan-B40 {
+    fill: mat-color($mat-dark-cyan, B40) !important;
+  }
+
+  .fill-teal-B40 {
+    fill: mat-color($mat-dark-teal, B40) !important;
+  }
+
+  .fill-green-B40 {
+    fill: mat-color($mat-dark-green, B40) !important;
+  }
+
+  .fill-light-green-B40 {
+    fill: mat-color($mat-dark-light-green, B40) !important;
+  }
+
+  .fill-lime-B40 {
+    fill: mat-color($mat-dark-lime, B40) !important;
+  }
+
+  .fill-yellow-B40 {
+    fill: mat-color($mat-dark-yellow, B40) !important;
+  }
+
+  .fill-amber-B40 {
+    fill: mat-color($mat-dark-amber, B40) !important;
+  }
+
+  .fill-orange-B40 {
+    fill: mat-color($mat-dark-orange, B40) !important;
+  }
+
+  .fill-deep-orange-B40 {
+    fill: mat-color($mat-dark-deep-orange, B40) !important;
+  }
+
+  .fill-brown-B40 {
+    fill: mat-color($mat-dark-brown, B40) !important;
+  }
+
+  .fill-grey-B40 {
+    fill: mat-color($mat-dark-grey, B40) !important;
+  }
+
+  .fill-blue-grey-B40 {
+    fill: mat-color($mat-dark-blue-grey, B40) !important;
+  }
+
+  // B30
+  .fill-red-B30 {
+    fill: mat-color($mat-dark-red, B30) !important;
+  }
+
+  .fill-pink-B30 {
+    fill: mat-color($mat-dark-pink, B30) !important;
+  }
+
+  .fill-purple-B30 {
+    fill: mat-color($mat-dark-purple, B30) !important;
+  }
+
+  .fill-deep-purple-B30 {
+    fill: mat-color($mat-dark-deep-purple, B30) !important;
+  }
+
+  .fill-indigo-B30 {
+    fill: mat-color($mat-dark-indigo, B30) !important;
+  }
+
+  .fill-blue-B30 {
+    fill: mat-color($mat-dark-blue, B30) !important;
+  }
+
+  .fill-light-blue-B30 {
+    fill: mat-color($mat-dark-light-blue, B30) !important;
+  }
+
+  .fill-cyan-B30 {
+    fill: mat-color($mat-dark-cyan, B30) !important;
+  }
+
+  .fill-teal-B30 {
+    fill: mat-color($mat-dark-teal, B30) !important;
+  }
+
+  .fill-green-B30 {
+    fill: mat-color($mat-dark-green, B30) !important;
+  }
+
+  .fill-light-green-B30 {
+    fill: mat-color($mat-dark-light-green, B30) !important;
+  }
+
+  .fill-lime-B30 {
+    fill: mat-color($mat-dark-lime, B30) !important;
+  }
+
+  .fill-yellow-B30 {
+    fill: mat-color($mat-dark-yellow, B30) !important;
+  }
+
+  .fill-amber-B30 {
+    fill: mat-color($mat-dark-amber, B30) !important;
+  }
+
+  .fill-orange-B30 {
+    fill: mat-color($mat-dark-orange, B30) !important;
+  }
+
+  .fill-deep-orange-B30 {
+    fill: mat-color($mat-dark-deep-orange, B30) !important;
+  }
+
+  .fill-brown-B30 {
+    fill: mat-color($mat-dark-brown, B30) !important;
+  }
+
+  .fill-grey-B30 {
+    fill: mat-color($mat-dark-grey, B30) !important;
+  }
+
+  .fill-blue-grey-B30 {
+    fill: mat-color($mat-dark-blue-grey, B30) !important;
+  }
+
+  // B15
+  .fill-red-B15 {
+    fill: mat-color($mat-dark-red, B15) !important;
+  }
+
+  .fill-pink-B15 {
+    fill: mat-color($mat-dark-pink, B15) !important;
+  }
+
+  .fill-purple-B15 {
+    fill: mat-color($mat-dark-purple, B15) !important;
+  }
+
+  .fill-deep-purple-B15 {
+    fill: mat-color($mat-dark-deep-purple, B15) !important;
+  }
+
+  .fill-indigo-B15 {
+    fill: mat-color($mat-dark-indigo, B15) !important;
+  }
+
+  .fill-blue-B15 {
+    fill: mat-color($mat-dark-blue, B15) !important;
+  }
+
+  .fill-light-blue-B15 {
+    fill: mat-color($mat-dark-light-blue, B15) !important;
+  }
+
+  .fill-cyan-B15 {
+    fill: mat-color($mat-dark-cyan, B15) !important;
+  }
+
+  .fill-teal-B15 {
+    fill: mat-color($mat-dark-teal, B15) !important;
+  }
+
+  .fill-green-B15 {
+    fill: mat-color($mat-dark-green, B15) !important;
+  }
+
+  .fill-light-green-B15 {
+    fill: mat-color($mat-dark-light-green, B15) !important;
+  }
+
+  .fill-lime-B15 {
+    fill: mat-color($mat-dark-lime, B15) !important;
+  }
+
+  .fill-yellow-B15 {
+    fill: mat-color($mat-dark-yellow, B15) !important;
+  }
+
+  .fill-amber-B15 {
+    fill: mat-color($mat-dark-amber, B15) !important;
+  }
+
+  .fill-orange-B15 {
+    fill: mat-color($mat-dark-orange, B15) !important;
+  }
+
+  .fill-deep-orange-B15 {
+    fill: mat-color($mat-dark-deep-orange, B15) !important;
+  }
+
+  .fill-brown-B15 {
+    fill: mat-color($mat-dark-brown, B15) !important;
+  }
+
+  .fill-grey-B15 {
+    fill: mat-color($mat-dark-grey, B15) !important;
+  }
+
+  .fill-blue-grey-B15 {
+    fill: mat-color($mat-dark-blue-grey, B15) !important;
+  }
+}
+/* stylelint-enable selector-class-pattern */