@medyll/cssfabric 0.1.0 → 0.2.0

package/styles/color/color.css

@@ -0,0 +1,1565 @@
+.foreground-palette-yellow {
+  color: #ffb900;
+}
+.foreground-palette-yellow-light {
+  color: #ffce4d;
+}
+.foreground-palette-yellow-lighter {
+  color: #ffe399;
+}
+.foreground-palette-yellow-dark {
+  color: #cc9400;
+}
+.foreground-palette-yellow-darker {
+  color: #996f00;
+}
+.foreground-palette-yellow-complement {
+  color: #0046ff;
+}
+.foreground-palette-yellow-invert {
+  color: #0046ff;
+}
+.foreground-palette-orange {
+  color: #d83b01;
+}
+.foreground-palette-orange-light {
+  color: #fe6127;
+}
+.foreground-palette-orange-lighter {
+  color: #fe9974;
+}
+.foreground-palette-orange-dark {
+  color: #a52d01;
+}
+.foreground-palette-orange-darker {
+  color: #721f01;
+}
+.foreground-palette-orange-complement {
+  color: #019ed8;
+}
+.foreground-palette-orange-invert {
+  color: #27c4fe;
+}
+.foreground-palette-red {
+  color: #d13438;
+}
+.foreground-palette-red-light {
+  color: #df7275;
+}
+.foreground-palette-red-lighter {
+  color: #edb1b2;
+}
+.foreground-palette-red-dark {
+  color: #ab272a;
+}
+.foreground-palette-red-darker {
+  color: #821d20;
+}
+.foreground-palette-red-complement {
+  color: #34d1cd;
+}
+.foreground-palette-red-invert {
+  color: #2ecbc7;
+}
+.foreground-palette-magenta {
+  color: #b4009e;
+}
+.foreground-palette-magenta-light {
+  color: #ff02e0;
+}
+.foreground-palette-magenta-lighter {
+  color: #ff4ee9;
+}
+.foreground-palette-magenta-dark {
+  color: #810071;
+}
+.foreground-palette-magenta-darker {
+  color: #4e0044;
+}
+.foreground-palette-magenta-complement {
+  color: #00b416;
+}
+.foreground-palette-magenta-invert {
+  color: #4bff61;
+}
+.foreground-palette-purple {
+  color: #5c2d91;
+}
+.foreground-palette-purple-light {
+  color: #8145c5;
+}
+.foreground-palette-purple-lighter {
+  color: #a980d7;
+}
+.foreground-palette-purple-dark {
+  color: #43216a;
+}
+.foreground-palette-purple-darker {
+  color: #2b1543;
+}
+.foreground-palette-purple-complement {
+  color: #62912d;
+}
+.foreground-palette-purple-invert {
+  color: #a3d26e;
+}
+.foreground-palette-green {
+  color: #107c10;
+}
+.foreground-palette-green-light {
+  color: #19c019;
+}
+.foreground-palette-green-lighter {
+  color: #3fe63f;
+}
+.foreground-palette-green-dark {
+  color: #0a4f0a;
+}
+.foreground-palette-green-darker {
+  color: #042204;
+}
+.foreground-palette-green-complement {
+  color: #7c107c;
+}
+.foreground-palette-green-invert {
+  color: #ef83ef;
+}
+.foreground-palette-teal {
+  color: #008272;
+}
+.foreground-palette-teal-light {
+  color: #00cfb5;
+}
+.foreground-palette-teal-lighter {
+  color: #1cffe3;
+}
+.foreground-palette-teal-dark {
+  color: #004f45;
+}
+.foreground-palette-teal-darker {
+  color: #001c19;
+}
+.foreground-palette-teal-complement {
+  color: #820010;
+}
+.foreground-palette-teal-invert {
+  color: #ff7d8d;
+}
+.foreground-palette-blue {
+  color: #0078d4;
+}
+.foreground-palette-blue-light {
+  color: #229fff;
+}
+.foreground-palette-blue-lighter {
+  color: #6ec0ff;
+}
+.foreground-palette-blue-dark {
+  color: #005ba1;
+}
+.foreground-palette-blue-darker {
+  color: #003e6e;
+}
+.foreground-palette-blue-complement {
+  color: #d45c00;
+}
+.foreground-palette-blue-invert {
+  color: #ff872b;
+}
+.foreground-palette-dark {
+  color: #323232;
+}
+.foreground-palette-dark-light {
+  color: #585858;
+}
+.foreground-palette-dark-lighter {
+  color: #7f7f7f;
+}
+.foreground-palette-dark-dark {
+  color: #191919;
+}
+.foreground-palette-dark-darker {
+  color: black;
+}
+.foreground-palette-dark-complement {
+  color: #323232;
+}
+.foreground-palette-dark-invert {
+  color: #cdcdcd;
+}
+
+.bg-palette-yellow {
+  background-color: #ffb900;
+}
+.bg-palette-yellow-light {
+  background-color: #ffce4d;
+}
+.bg-palette-yellow-lighter {
+  background-color: #ffe399;
+}
+.bg-palette-yellow-dark {
+  background-color: #cc9400;
+}
+.bg-palette-yellow-darker {
+  background-color: #996f00;
+}
+.bg-palette-yellow-complement {
+  background-color: #0046ff;
+}
+.bg-palette-yellow-invert {
+  background-color: #0046ff;
+}
+.bg-palette-orange {
+  background-color: #d83b01;
+}
+.bg-palette-orange-light {
+  background-color: #fe6127;
+}
+.bg-palette-orange-lighter {
+  background-color: #fe9974;
+}
+.bg-palette-orange-dark {
+  background-color: #a52d01;
+}
+.bg-palette-orange-darker {
+  background-color: #721f01;
+}
+.bg-palette-orange-complement {
+  background-color: #019ed8;
+}
+.bg-palette-orange-invert {
+  background-color: #27c4fe;
+}
+.bg-palette-red {
+  background-color: #d13438;
+}
+.bg-palette-red-light {
+  background-color: #df7275;
+}
+.bg-palette-red-lighter {
+  background-color: #edb1b2;
+}
+.bg-palette-red-dark {
+  background-color: #ab272a;
+}
+.bg-palette-red-darker {
+  background-color: #821d20;
+}
+.bg-palette-red-complement {
+  background-color: #34d1cd;
+}
+.bg-palette-red-invert {
+  background-color: #2ecbc7;
+}
+.bg-palette-magenta {
+  background-color: #b4009e;
+}
+.bg-palette-magenta-light {
+  background-color: #ff02e0;
+}
+.bg-palette-magenta-lighter {
+  background-color: #ff4ee9;
+}
+.bg-palette-magenta-dark {
+  background-color: #810071;
+}
+.bg-palette-magenta-darker {
+  background-color: #4e0044;
+}
+.bg-palette-magenta-complement {
+  background-color: #00b416;
+}
+.bg-palette-magenta-invert {
+  background-color: #4bff61;
+}
+.bg-palette-purple {
+  background-color: #5c2d91;
+}
+.bg-palette-purple-light {
+  background-color: #8145c5;
+}
+.bg-palette-purple-lighter {
+  background-color: #a980d7;
+}
+.bg-palette-purple-dark {
+  background-color: #43216a;
+}
+.bg-palette-purple-darker {
+  background-color: #2b1543;
+}
+.bg-palette-purple-complement {
+  background-color: #62912d;
+}
+.bg-palette-purple-invert {
+  background-color: #a3d26e;
+}
+.bg-palette-green {
+  background-color: #107c10;
+}
+.bg-palette-green-light {
+  background-color: #19c019;
+}
+.bg-palette-green-lighter {
+  background-color: #3fe63f;
+}
+.bg-palette-green-dark {
+  background-color: #0a4f0a;
+}
+.bg-palette-green-darker {
+  background-color: #042204;
+}
+.bg-palette-green-complement {
+  background-color: #7c107c;
+}
+.bg-palette-green-invert {
+  background-color: #ef83ef;
+}
+.bg-palette-teal {
+  background-color: #008272;
+}
+.bg-palette-teal-light {
+  background-color: #00cfb5;
+}
+.bg-palette-teal-lighter {
+  background-color: #1cffe3;
+}
+.bg-palette-teal-dark {
+  background-color: #004f45;
+}
+.bg-palette-teal-darker {
+  background-color: #001c19;
+}
+.bg-palette-teal-complement {
+  background-color: #820010;
+}
+.bg-palette-teal-invert {
+  background-color: #ff7d8d;
+}
+.bg-palette-blue {
+  background-color: #0078d4;
+}
+.bg-palette-blue-light {
+  background-color: #229fff;
+}
+.bg-palette-blue-lighter {
+  background-color: #6ec0ff;
+}
+.bg-palette-blue-dark {
+  background-color: #005ba1;
+}
+.bg-palette-blue-darker {
+  background-color: #003e6e;
+}
+.bg-palette-blue-complement {
+  background-color: #d45c00;
+}
+.bg-palette-blue-invert {
+  background-color: #ff872b;
+}
+.bg-palette-dark {
+  background-color: #323232;
+}
+.bg-palette-dark-light {
+  background-color: #585858;
+}
+.bg-palette-dark-lighter {
+  background-color: #7f7f7f;
+}
+.bg-palette-dark-dark {
+  background-color: #191919;
+}
+.bg-palette-dark-darker {
+  background-color: black;
+}
+.bg-palette-dark-complement {
+  background-color: #323232;
+}
+.bg-palette-dark-invert {
+  background-color: #cdcdcd;
+}
+
+.bg-themed-palette-yellow {
+  color: black;
+  text-shadow: 0 0 0.125rem #cc9400;
+  background-color: #ffb900;
+}
+.bg-themed-palette-yellow-light {
+  color: black;
+  background-color: #ffce4d;
+}
+.bg-themed-palette-yellow-lighter {
+  color: black;
+  background-color: #ffe399;
+}
+.bg-themed-palette-yellow-dark {
+  color: black;
+  background-color: #cc9400;
+}
+.bg-themed-palette-yellow-darker {
+  color: white;
+  background-color: #996f00;
+}
+.bg-themed-palette-yellow-complement {
+  color: white;
+  background-color: #0046ff;
+}
+.bg-themed-palette-yellow-invert {
+  color: white;
+  background-color: #0046ff;
+}
+.bg-themed-palette-orange {
+  color: white;
+  text-shadow: 0 0 0.125rem #a52d01;
+  background-color: #d83b01;
+}
+.bg-themed-palette-orange-light {
+  color: black;
+  background-color: #fe6127;
+}
+.bg-themed-palette-orange-lighter {
+  color: black;
+  background-color: #fe9974;
+}
+.bg-themed-palette-orange-dark {
+  color: white;
+  background-color: #a52d01;
+}
+.bg-themed-palette-orange-darker {
+  color: white;
+  background-color: #721f01;
+}
+.bg-themed-palette-orange-complement {
+  color: white;
+  background-color: #019ed8;
+}
+.bg-themed-palette-orange-invert {
+  color: black;
+  background-color: #27c4fe;
+}
+.bg-themed-palette-red {
+  color: white;
+  text-shadow: 0 0 0.125rem #ab272a;
+  background-color: #d13438;
+}
+.bg-themed-palette-red-light {
+  color: black;
+  background-color: #df7275;
+}
+.bg-themed-palette-red-lighter {
+  color: black;
+  background-color: #edb1b2;
+}
+.bg-themed-palette-red-dark {
+  color: white;
+  background-color: #ab272a;
+}
+.bg-themed-palette-red-darker {
+  color: white;
+  background-color: #821d20;
+}
+.bg-themed-palette-red-complement {
+  color: black;
+  background-color: #34d1cd;
+}
+.bg-themed-palette-red-invert {
+  color: black;
+  background-color: #2ecbc7;
+}
+.bg-themed-palette-magenta {
+  color: white;
+  text-shadow: 0 0 0.125rem #810071;
+  background-color: #b4009e;
+}
+.bg-themed-palette-magenta-light {
+  color: white;
+  background-color: #ff02e0;
+}
+.bg-themed-palette-magenta-lighter {
+  color: black;
+  background-color: #ff4ee9;
+}
+.bg-themed-palette-magenta-dark {
+  color: white;
+  background-color: #810071;
+}
+.bg-themed-palette-magenta-darker {
+  color: white;
+  background-color: #4e0044;
+}
+.bg-themed-palette-magenta-complement {
+  color: white;
+  background-color: #00b416;
+}
+.bg-themed-palette-magenta-invert {
+  color: black;
+  background-color: #4bff61;
+}
+.bg-themed-palette-purple {
+  color: white;
+  text-shadow: 0 0 0.125rem #43216a;
+  background-color: #5c2d91;
+}
+.bg-themed-palette-purple-light {
+  color: white;
+  background-color: #8145c5;
+}
+.bg-themed-palette-purple-lighter {
+  color: black;
+  background-color: #a980d7;
+}
+.bg-themed-palette-purple-dark {
+  color: white;
+  background-color: #43216a;
+}
+.bg-themed-palette-purple-darker {
+  color: white;
+  background-color: #2b1543;
+}
+.bg-themed-palette-purple-complement {
+  color: black;
+  background-color: #62912d;
+}
+.bg-themed-palette-purple-invert {
+  color: black;
+  background-color: #a3d26e;
+}
+.bg-themed-palette-green {
+  color: white;
+  text-shadow: 0 0 0.125rem #0a4f0a;
+  background-color: #107c10;
+}
+.bg-themed-palette-green-light {
+  color: black;
+  background-color: #19c019;
+}
+.bg-themed-palette-green-lighter {
+  color: black;
+  background-color: #3fe63f;
+}
+.bg-themed-palette-green-dark {
+  color: white;
+  background-color: #0a4f0a;
+}
+.bg-themed-palette-green-darker {
+  color: white;
+  background-color: #042204;
+}
+.bg-themed-palette-green-complement {
+  color: white;
+  background-color: #7c107c;
+}
+.bg-themed-palette-green-invert {
+  color: black;
+  background-color: #ef83ef;
+}
+.bg-themed-palette-teal {
+  color: white;
+  text-shadow: 0 0 0.125rem #004f45;
+  background-color: #008272;
+}
+.bg-themed-palette-teal-light {
+  color: black;
+  background-color: #00cfb5;
+}
+.bg-themed-palette-teal-lighter {
+  color: black;
+  background-color: #1cffe3;
+}
+.bg-themed-palette-teal-dark {
+  color: white;
+  background-color: #004f45;
+}
+.bg-themed-palette-teal-darker {
+  color: white;
+  background-color: #001c19;
+}
+.bg-themed-palette-teal-complement {
+  color: white;
+  background-color: #820010;
+}
+.bg-themed-palette-teal-invert {
+  color: black;
+  background-color: #ff7d8d;
+}
+.bg-themed-palette-blue {
+  color: white;
+  text-shadow: 0 0 0.125rem #005ba1;
+  background-color: #0078d4;
+}
+.bg-themed-palette-blue-light {
+  color: white;
+  background-color: #229fff;
+}
+.bg-themed-palette-blue-lighter {
+  color: black;
+  background-color: #6ec0ff;
+}
+.bg-themed-palette-blue-dark {
+  color: white;
+  background-color: #005ba1;
+}
+.bg-themed-palette-blue-darker {
+  color: white;
+  background-color: #003e6e;
+}
+.bg-themed-palette-blue-complement {
+  color: black;
+  background-color: #d45c00;
+}
+.bg-themed-palette-blue-invert {
+  color: black;
+  background-color: #ff872b;
+}
+.bg-themed-palette-dark {
+  color: white;
+  text-shadow: 0 0 0.125rem #191919;
+  background-color: #323232;
+}
+.bg-themed-palette-dark-light {
+  color: white;
+  background-color: #585858;
+}
+.bg-themed-palette-dark-lighter {
+  color: white;
+  background-color: #7f7f7f;
+}
+.bg-themed-palette-dark-dark {
+  color: white;
+  background-color: #191919;
+}
+.bg-themed-palette-dark-darker {
+  color: white;
+  background-color: black;
+}
+.bg-themed-palette-dark-complement {
+  color: white;
+  background-color: #323232;
+}
+.bg-themed-palette-dark-invert {
+  color: black;
+  background-color: #cdcdcd;
+}
+
+.border-color-palette-yellow {
+  border-color: #cc9400 !important;
+}
+.border-color-palette-orange {
+  border-color: #a52d01 !important;
+}
+.border-color-palette-red {
+  border-color: #ab272a !important;
+}
+.border-color-palette-magenta {
+  border-color: #810071 !important;
+}
+.border-color-palette-purple {
+  border-color: #43216a !important;
+}
+.border-color-palette-green {
+  border-color: #0a4f0a !important;
+}
+.border-color-palette-teal {
+  border-color: #004f45 !important;
+}
+.border-color-palette-blue {
+  border-color: #005ba1 !important;
+}
+.border-color-palette-dark {
+  border-color: #191919 !important;
+}
+
+.foreground-scheme-discrete {
+  color: #ccc;
+}
+.foreground-scheme-discrete-light {
+  color: #f2f2f2;
+}
+.foreground-scheme-discrete-lighter {
+  color: white;
+}
+.foreground-scheme-discrete-dark {
+  color: #b3b3b3;
+}
+.foreground-scheme-discrete-darker {
+  color: #999999;
+}
+.foreground-scheme-discrete-complement {
+  color: #cccccc;
+}
+.foreground-scheme-discrete-invert {
+  color: #333333;
+}
+.foreground-scheme-success {
+  color: green;
+}
+.foreground-scheme-success-light {
+  color: #00cd00;
+}
+.foreground-scheme-success-lighter {
+  color: #1aff1a;
+}
+.foreground-scheme-success-dark {
+  color: #004d00;
+}
+.foreground-scheme-success-darker {
+  color: #001a00;
+}
+.foreground-scheme-success-complement {
+  color: purple;
+}
+.foreground-scheme-success-invert {
+  color: #ff7fff;
+}
+.foreground-scheme-info {
+  color: #FFDD57FF;
+}
+.foreground-scheme-info-light {
+  color: #ffeca4;
+}
+.foreground-scheme-info-lighter {
+  color: #fffcf0;
+}
+.foreground-scheme-info-dark {
+  color: #ffd324;
+}
+.foreground-scheme-info-darker {
+  color: #f0bf00;
+}
+.foreground-scheme-info-complement {
+  color: #5779ff;
+}
+.foreground-scheme-info-invert {
+  color: #0022a8;
+}
+.foreground-scheme-warning {
+  color: #e6b905;
+}
+.foreground-scheme-warning-light {
+  color: #fbd53c;
+}
+.foreground-scheme-warning-lighter {
+  color: #fde587;
+}
+.foreground-scheme-warning-dark {
+  color: #b49104;
+}
+.foreground-scheme-warning-darker {
+  color: #826803;
+}
+.foreground-scheme-warning-complement {
+  color: #0532e6;
+}
+.foreground-scheme-warning-invert {
+  color: #1946fa;
+}
+.foreground-scheme-alert {
+  color: #ff7300;
+}
+.foreground-scheme-alert-light {
+  color: #ff9d4d;
+}
+.foreground-scheme-alert-lighter {
+  color: #ffc799;
+}
+.foreground-scheme-alert-dark {
+  color: #cc5c00;
+}
+.foreground-scheme-alert-darker {
+  color: #994500;
+}
+.foreground-scheme-alert-complement {
+  color: #008cff;
+}
+.foreground-scheme-alert-invert {
+  color: #008cff;
+}
+.foreground-scheme-error {
+  color: red;
+}
+.foreground-scheme-error-light {
+  color: #ff4d4d;
+}
+.foreground-scheme-error-lighter {
+  color: #ff9999;
+}
+.foreground-scheme-error-dark {
+  color: #cc0000;
+}
+.foreground-scheme-error-darker {
+  color: #990000;
+}
+.foreground-scheme-error-complement {
+  color: aqua;
+}
+.foreground-scheme-error-invert {
+  color: aqua;
+}
+
+.bg-scheme-discrete {
+  background-color: #ccc;
+}
+.bg-scheme-discrete-light {
+  background-color: #f2f2f2;
+}
+.bg-scheme-discrete-lighter {
+  background-color: white;
+}
+.bg-scheme-discrete-dark {
+  background-color: #b3b3b3;
+}
+.bg-scheme-discrete-darker {
+  background-color: #999999;
+}
+.bg-scheme-discrete-complement {
+  background-color: #cccccc;
+}
+.bg-scheme-discrete-invert {
+  background-color: #333333;
+}
+.bg-scheme-success {
+  background-color: green;
+}
+.bg-scheme-success-light {
+  background-color: #00cd00;
+}
+.bg-scheme-success-lighter {
+  background-color: #1aff1a;
+}
+.bg-scheme-success-dark {
+  background-color: #004d00;
+}
+.bg-scheme-success-darker {
+  background-color: #001a00;
+}
+.bg-scheme-success-complement {
+  background-color: purple;
+}
+.bg-scheme-success-invert {
+  background-color: #ff7fff;
+}
+.bg-scheme-info {
+  background-color: #FFDD57FF;
+}
+.bg-scheme-info-light {
+  background-color: #ffeca4;
+}
+.bg-scheme-info-lighter {
+  background-color: #fffcf0;
+}
+.bg-scheme-info-dark {
+  background-color: #ffd324;
+}
+.bg-scheme-info-darker {
+  background-color: #f0bf00;
+}
+.bg-scheme-info-complement {
+  background-color: #5779ff;
+}
+.bg-scheme-info-invert {
+  background-color: #0022a8;
+}
+.bg-scheme-warning {
+  background-color: #e6b905;
+}
+.bg-scheme-warning-light {
+  background-color: #fbd53c;
+}
+.bg-scheme-warning-lighter {
+  background-color: #fde587;
+}
+.bg-scheme-warning-dark {
+  background-color: #b49104;
+}
+.bg-scheme-warning-darker {
+  background-color: #826803;
+}
+.bg-scheme-warning-complement {
+  background-color: #0532e6;
+}
+.bg-scheme-warning-invert {
+  background-color: #1946fa;
+}
+.bg-scheme-alert {
+  background-color: #ff7300;
+}
+.bg-scheme-alert-light {
+  background-color: #ff9d4d;
+}
+.bg-scheme-alert-lighter {
+  background-color: #ffc799;
+}
+.bg-scheme-alert-dark {
+  background-color: #cc5c00;
+}
+.bg-scheme-alert-darker {
+  background-color: #994500;
+}
+.bg-scheme-alert-complement {
+  background-color: #008cff;
+}
+.bg-scheme-alert-invert {
+  background-color: #008cff;
+}
+.bg-scheme-error {
+  background-color: red;
+}
+.bg-scheme-error-light {
+  background-color: #ff4d4d;
+}
+.bg-scheme-error-lighter {
+  background-color: #ff9999;
+}
+.bg-scheme-error-dark {
+  background-color: #cc0000;
+}
+.bg-scheme-error-darker {
+  background-color: #990000;
+}
+.bg-scheme-error-complement {
+  background-color: aqua;
+}
+.bg-scheme-error-invert {
+  background-color: aqua;
+}
+
+.bg-themed-palette-discrete {
+  color: black;
+  text-shadow: 0 0 0.125rem #b3b3b3;
+  background-color: #ccc;
+}
+.bg-themed-palette-discrete-light {
+  color: black;
+  background-color: #f2f2f2;
+}
+.bg-themed-palette-discrete-lighter {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-discrete-dark {
+  color: black;
+  background-color: #b3b3b3;
+}
+.bg-themed-palette-discrete-darker {
+  color: black;
+  background-color: #999999;
+}
+.bg-themed-palette-discrete-complement {
+  color: black;
+  background-color: #cccccc;
+}
+.bg-themed-palette-discrete-invert {
+  color: white;
+  background-color: #333333;
+}
+.bg-themed-palette-success {
+  color: white;
+  text-shadow: 0 0 0.125rem #004d00;
+  background-color: green;
+}
+.bg-themed-palette-success-light {
+  color: black;
+  background-color: #00cd00;
+}
+.bg-themed-palette-success-lighter {
+  color: black;
+  background-color: #1aff1a;
+}
+.bg-themed-palette-success-dark {
+  color: white;
+  background-color: #004d00;
+}
+.bg-themed-palette-success-darker {
+  color: white;
+  background-color: #001a00;
+}
+.bg-themed-palette-success-complement {
+  color: white;
+  background-color: purple;
+}
+.bg-themed-palette-success-invert {
+  color: black;
+  background-color: #ff7fff;
+}
+.bg-themed-palette-info {
+  color: black;
+  text-shadow: 0 0 0.125rem #ffd324;
+  background-color: #FFDD57FF;
+}
+.bg-themed-palette-info-light {
+  color: black;
+  background-color: #ffeca4;
+}
+.bg-themed-palette-info-lighter {
+  color: black;
+  background-color: #fffcf0;
+}
+.bg-themed-palette-info-dark {
+  color: black;
+  background-color: #ffd324;
+}
+.bg-themed-palette-info-darker {
+  color: black;
+  background-color: #f0bf00;
+}
+.bg-themed-palette-info-complement {
+  color: white;
+  background-color: #5779ff;
+}
+.bg-themed-palette-info-invert {
+  color: white;
+  background-color: #0022a8;
+}
+.bg-themed-palette-warning {
+  color: black;
+  text-shadow: 0 0 0.125rem #b49104;
+  background-color: #e6b905;
+}
+.bg-themed-palette-warning-light {
+  color: black;
+  background-color: #fbd53c;
+}
+.bg-themed-palette-warning-lighter {
+  color: black;
+  background-color: #fde587;
+}
+.bg-themed-palette-warning-dark {
+  color: black;
+  background-color: #b49104;
+}
+.bg-themed-palette-warning-darker {
+  color: white;
+  background-color: #826803;
+}
+.bg-themed-palette-warning-complement {
+  color: white;
+  background-color: #0532e6;
+}
+.bg-themed-palette-warning-invert {
+  color: white;
+  background-color: #1946fa;
+}
+.bg-themed-palette-alert {
+  color: black;
+  text-shadow: 0 0 0.125rem #cc5c00;
+  background-color: #ff7300;
+}
+.bg-themed-palette-alert-light {
+  color: black;
+  background-color: #ff9d4d;
+}
+.bg-themed-palette-alert-lighter {
+  color: black;
+  background-color: #ffc799;
+}
+.bg-themed-palette-alert-dark {
+  color: black;
+  background-color: #cc5c00;
+}
+.bg-themed-palette-alert-darker {
+  color: white;
+  background-color: #994500;
+}
+.bg-themed-palette-alert-complement {
+  color: white;
+  background-color: #008cff;
+}
+.bg-themed-palette-alert-invert {
+  color: white;
+  background-color: #008cff;
+}
+.bg-themed-palette-error {
+  color: white;
+  text-shadow: 0 0 0.125rem #cc0000;
+  background-color: red;
+}
+.bg-themed-palette-error-light {
+  color: black;
+  background-color: #ff4d4d;
+}
+.bg-themed-palette-error-lighter {
+  color: black;
+  background-color: #ff9999;
+}
+.bg-themed-palette-error-dark {
+  color: white;
+  background-color: #cc0000;
+}
+.bg-themed-palette-error-darker {
+  color: white;
+  background-color: #990000;
+}
+.bg-themed-palette-error-complement {
+  color: black;
+  background-color: aqua;
+}
+.bg-themed-palette-error-invert {
+  color: black;
+  background-color: aqua;
+}
+
+.border-color-scheme-discrete {
+  border-color: #b3b3b3 !important;
+}
+.border-color-scheme-success {
+  border-color: #004d00 !important;
+}
+.border-color-scheme-info {
+  border-color: #ffd324 !important;
+}
+.border-color-scheme-warning {
+  border-color: #b49104 !important;
+}
+.border-color-scheme-alert {
+  border-color: #cc5c00 !important;
+}
+.border-color-scheme-error {
+  border-color: #cc0000 !important;
+}
+
+.foreground-grey-100 {
+  color: #f4f4f4;
+}
+.foreground-grey-100-light {
+  color: white;
+}
+.foreground-grey-100-lighter {
+  color: white;
+}
+.foreground-grey-100-dark {
+  color: #dbdbdb;
+}
+.foreground-grey-100-darker {
+  color: #c1c1c1;
+}
+.foreground-grey-100-complement {
+  color: #f4f4f4;
+}
+.foreground-grey-100-invert {
+  color: #0b0b0b;
+}
+.foreground-grey-200 {
+  color: #e2e2e2;
+}
+.foreground-grey-200-light {
+  color: white;
+}
+.foreground-grey-200-lighter {
+  color: white;
+}
+.foreground-grey-200-dark {
+  color: #c9c9c9;
+}
+.foreground-grey-200-darker {
+  color: #afafaf;
+}
+.foreground-grey-200-complement {
+  color: #e2e2e2;
+}
+.foreground-grey-200-invert {
+  color: #1d1d1d;
+}
+.foreground-grey-300 {
+  color: #d0d0d0;
+}
+.foreground-grey-300-light {
+  color: #f6f6f6;
+}
+.foreground-grey-300-lighter {
+  color: white;
+}
+.foreground-grey-300-dark {
+  color: #b7b7b7;
+}
+.foreground-grey-300-darker {
+  color: #9d9d9d;
+}
+.foreground-grey-300-complement {
+  color: #d0d0d0;
+}
+.foreground-grey-300-invert {
+  color: #2f2f2f;
+}
+.foreground-grey-400 {
+  color: #bdbdbd;
+}
+.foreground-grey-400-light {
+  color: #e3e3e3;
+}
+.foreground-grey-400-lighter {
+  color: white;
+}
+.foreground-grey-400-dark {
+  color: #a4a4a4;
+}
+.foreground-grey-400-darker {
+  color: #8a8a8a;
+}
+.foreground-grey-400-complement {
+  color: #bdbdbd;
+}
+.foreground-grey-400-invert {
+  color: #424242;
+}
+.foreground-grey-500 {
+  color: #ababab;
+}
+.foreground-grey-500-light {
+  color: #d1d1d1;
+}
+.foreground-grey-500-lighter {
+  color: #f8f8f8;
+}
+.foreground-grey-500-dark {
+  color: #929292;
+}
+.foreground-grey-500-darker {
+  color: #787878;
+}
+.foreground-grey-500-complement {
+  color: #ababab;
+}
+.foreground-grey-500-invert {
+  color: #545454;
+}
+.foreground-grey-600 {
+  color: #999999;
+}
+.foreground-grey-600-light {
+  color: #bfbfbf;
+}
+.foreground-grey-600-lighter {
+  color: #e6e6e6;
+}
+.foreground-grey-600-dark {
+  color: gray;
+}
+.foreground-grey-600-darker {
+  color: #666666;
+}
+.foreground-grey-600-complement {
+  color: #999999;
+}
+.foreground-grey-600-invert {
+  color: #666666;
+}
+
+.bg-grey-100 {
+  background-color: #f4f4f4;
+}
+.bg-grey-100-light {
+  background-color: white;
+}
+.bg-grey-100-lighter {
+  background-color: white;
+}
+.bg-grey-100-dark {
+  background-color: #dbdbdb;
+}
+.bg-grey-100-darker {
+  background-color: #c1c1c1;
+}
+.bg-grey-100-complement {
+  background-color: #f4f4f4;
+}
+.bg-grey-100-invert {
+  background-color: #0b0b0b;
+}
+.bg-grey-200 {
+  background-color: #e2e2e2;
+}
+.bg-grey-200-light {
+  background-color: white;
+}
+.bg-grey-200-lighter {
+  background-color: white;
+}
+.bg-grey-200-dark {
+  background-color: #c9c9c9;
+}
+.bg-grey-200-darker {
+  background-color: #afafaf;
+}
+.bg-grey-200-complement {
+  background-color: #e2e2e2;
+}
+.bg-grey-200-invert {
+  background-color: #1d1d1d;
+}
+.bg-grey-300 {
+  background-color: #d0d0d0;
+}
+.bg-grey-300-light {
+  background-color: #f6f6f6;
+}
+.bg-grey-300-lighter {
+  background-color: white;
+}
+.bg-grey-300-dark {
+  background-color: #b7b7b7;
+}
+.bg-grey-300-darker {
+  background-color: #9d9d9d;
+}
+.bg-grey-300-complement {
+  background-color: #d0d0d0;
+}
+.bg-grey-300-invert {
+  background-color: #2f2f2f;
+}
+.bg-grey-400 {
+  background-color: #bdbdbd;
+}
+.bg-grey-400-light {
+  background-color: #e3e3e3;
+}
+.bg-grey-400-lighter {
+  background-color: white;
+}
+.bg-grey-400-dark {
+  background-color: #a4a4a4;
+}
+.bg-grey-400-darker {
+  background-color: #8a8a8a;
+}
+.bg-grey-400-complement {
+  background-color: #bdbdbd;
+}
+.bg-grey-400-invert {
+  background-color: #424242;
+}
+.bg-grey-500 {
+  background-color: #ababab;
+}
+.bg-grey-500-light {
+  background-color: #d1d1d1;
+}
+.bg-grey-500-lighter {
+  background-color: #f8f8f8;
+}
+.bg-grey-500-dark {
+  background-color: #929292;
+}
+.bg-grey-500-darker {
+  background-color: #787878;
+}
+.bg-grey-500-complement {
+  background-color: #ababab;
+}
+.bg-grey-500-invert {
+  background-color: #545454;
+}
+.bg-grey-600 {
+  background-color: #999999;
+}
+.bg-grey-600-light {
+  background-color: #bfbfbf;
+}
+.bg-grey-600-lighter {
+  background-color: #e6e6e6;
+}
+.bg-grey-600-dark {
+  background-color: gray;
+}
+.bg-grey-600-darker {
+  background-color: #666666;
+}
+.bg-grey-600-complement {
+  background-color: #999999;
+}
+.bg-grey-600-invert {
+  background-color: #666666;
+}
+
+.bg-themed-palette-100 {
+  color: black;
+  text-shadow: 0 0 0.125rem #dbdbdb;
+  background-color: #f4f4f4;
+}
+.bg-themed-palette-100-light {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-100-lighter {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-100-dark {
+  color: black;
+  background-color: #dbdbdb;
+}
+.bg-themed-palette-100-darker {
+  color: black;
+  background-color: #c1c1c1;
+}
+.bg-themed-palette-100-complement {
+  color: black;
+  background-color: #f4f4f4;
+}
+.bg-themed-palette-100-invert {
+  color: white;
+  background-color: #0b0b0b;
+}
+.bg-themed-palette-200 {
+  color: black;
+  text-shadow: 0 0 0.125rem #c9c9c9;
+  background-color: #e2e2e2;
+}
+.bg-themed-palette-200-light {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-200-lighter {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-200-dark {
+  color: black;
+  background-color: #c9c9c9;
+}
+.bg-themed-palette-200-darker {
+  color: black;
+  background-color: #afafaf;
+}
+.bg-themed-palette-200-complement {
+  color: black;
+  background-color: #e2e2e2;
+}
+.bg-themed-palette-200-invert {
+  color: white;
+  background-color: #1d1d1d;
+}
+.bg-themed-palette-300 {
+  color: black;
+  text-shadow: 0 0 0.125rem #b7b7b7;
+  background-color: #d0d0d0;
+}
+.bg-themed-palette-300-light {
+  color: black;
+  background-color: #f6f6f6;
+}
+.bg-themed-palette-300-lighter {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-300-dark {
+  color: black;
+  background-color: #b7b7b7;
+}
+.bg-themed-palette-300-darker {
+  color: black;
+  background-color: #9d9d9d;
+}
+.bg-themed-palette-300-complement {
+  color: black;
+  background-color: #d0d0d0;
+}
+.bg-themed-palette-300-invert {
+  color: white;
+  background-color: #2f2f2f;
+}
+.bg-themed-palette-400 {
+  color: black;
+  text-shadow: 0 0 0.125rem #a4a4a4;
+  background-color: #bdbdbd;
+}
+.bg-themed-palette-400-light {
+  color: black;
+  background-color: #e3e3e3;
+}
+.bg-themed-palette-400-lighter {
+  color: black;
+  background-color: white;
+}
+.bg-themed-palette-400-dark {
+  color: black;
+  background-color: #a4a4a4;
+}
+.bg-themed-palette-400-darker {
+  color: black;
+  background-color: #8a8a8a;
+}
+.bg-themed-palette-400-complement {
+  color: black;
+  background-color: #bdbdbd;
+}
+.bg-themed-palette-400-invert {
+  color: white;
+  background-color: #424242;
+}
+.bg-themed-palette-500 {
+  color: black;
+  text-shadow: 0 0 0.125rem #929292;
+  background-color: #ababab;
+}
+.bg-themed-palette-500-light {
+  color: black;
+  background-color: #d1d1d1;
+}
+.bg-themed-palette-500-lighter {
+  color: black;
+  background-color: #f8f8f8;
+}
+.bg-themed-palette-500-dark {
+  color: black;
+  background-color: #929292;
+}
+.bg-themed-palette-500-darker {
+  color: white;
+  background-color: #787878;
+}
+.bg-themed-palette-500-complement {
+  color: black;
+  background-color: #ababab;
+}
+.bg-themed-palette-500-invert {
+  color: white;
+  background-color: #545454;
+}
+.bg-themed-palette-600 {
+  color: black;
+  text-shadow: 0 0 0.125rem gray;
+  background-color: #999999;
+}
+.bg-themed-palette-600-light {
+  color: black;
+  background-color: #bfbfbf;
+}
+.bg-themed-palette-600-lighter {
+  color: black;
+  background-color: #e6e6e6;
+}
+.bg-themed-palette-600-dark {
+  color: black;
+  background-color: gray;
+}
+.bg-themed-palette-600-darker {
+  color: white;
+  background-color: #666666;
+}
+.bg-themed-palette-600-complement {
+  color: black;
+  background-color: #999999;
+}
+.bg-themed-palette-600-invert {
+  color: white;
+  background-color: #666666;
+}
+
+.border-color-grey-100 {
+  border-color: #dbdbdb !important;
+}
+.border-color-grey-200 {
+  border-color: #c9c9c9 !important;
+}
+.border-color-grey-300 {
+  border-color: #b7b7b7 !important;
+}
+.border-color-grey-400 {
+  border-color: #a4a4a4 !important;
+}
+.border-color-grey-500 {
+  border-color: #929292 !important;
+}
+.border-color-grey-600 {
+  border-color: gray !important;
+}