add marpx lib contents to themes

presentation/themes/palettes/palette000.css

@@ -0,0 +1,121 @@
+/*------------< Palete >---------------------------------*/
+
+/* Bluish cyan */
+--bluishCyan-100: #61d9ff;
+--bluishCyan-200: #00c8ff;
+--bluishCyan-300: #00a0d2;
+--bluishCyan-400: #24b1d1;
+--bluishCyan-500: #01bbf0;
+--bluishCyan-600: #0ca1cc;
+--bluishCyan-700: #0073aa;
+--bluishCyan-800: #4680c7;
+
+/* Gray */
+--gray-50: #ffffff;
+--gray-100: #faf7f7;
+--gray-200: #fafafa;
+--gray-300: #f5f5f5;
+--gray-350: #d8dee9;
+--gray-400: #eae8e3;
+--gray-450: #515458;
+--gray-500: #242424;
+--gray-600: #1b1e21;
+--gray-700: #161514;
+--gray-800: #121212;
+--gray-900: #0a0a0a;
+--gray-1000: #3e3f42;
+
+/* Blue */
+--blue-100: #55acee;
+--blue-200: #3e8ed0;
+--blue-300: #215987;
+--blue-400: #1d2733;
+--blue-500: #00204a;
+
+/* Orange */
+--orange-100: #ffbd6d;
+--orange-200: #de7f2b;
+--orange-300: #ff8f07;
+--orange-400: #c3732c;
+--orange-500: #ff7c00;
+
+/* Scarlet */
+--scarlet-100: #e36ca3;
+--scarlet-200: #cd6799;
+--scarlet-300: #d16098;
+--scarlet-400: #eb2889;
+
+/* Scarlet red */
+--scarletRed-100: #ff6d70;
+--scarletRed-200: #ff3860;
+--scarletRed-300: #e81c4f;
+--scarletRed-400: #fc0c18;
+--scarletRed-500: #d1002a;
+--scarletRed-600: #ff0033;
+--scarletRed-700: #c92828;
+
+/* Blue violet */
+--blueViolet-50: #4f6cee;
+--blueViolet-100: #485fc7;
+--blueViolet-200: #3b5998;
+--blueViolet-300: #004fff;
+--blueViolet-400: #071636;
+--blueViolet-500: #040d21;
+--blueViolet-600: #98a5e6;
+
+/* Khaki */
+--khaki-100: #ffe08a;
+--khaki-200: #fee16d;
+--khaki-300: #ffc524;
+--khaki-400: #fdcc08;
+--khaki-500: #ffbf00;
+--khaki-600: #daa60b;
+--khaki-700: #e77b00;
+--khaki-800: #3e3f42;
+
+/* Vermilion */
+--vermilion-100: #ffa08e;
+--vermilion-200: #f88f7b;
+--vermilion-300: #ff470f;
+--vermilion-400: #da5656;
+
+/* Greenish cyan */
+--greenishCyan-100: #51e2c4;
+--greenishCyan-200: #00d1b2;
+--greenishCyan-300: #006b5b;
+
+/* Purple */
+--purple-100: #b86bff;
+--purple-200: #8605ff;
+
+/* Teal */
+--teal-100: #48c78e;
+
+/* Violet */
+--violet-100: #e6e6fa;
+--violet-200: #161c4f;
+
+/* Yellow */
+--yellow-100: #f7df1e;
+--yellow-200: #a69308;
+--yellow-300: #e5ff00;
+--yellow-400: #ffff00;
+
+/* Bluish green */
+--bluishGreen-100: #65d277;
+--bluishGreen-200: #24ff70;
+
+/* Olive */
+--olive-100: #ade960;
+
+/* Lime */
+--lime-100: #d4ee9b;
+
+/* Purple magenta */
+--purpleMagenta-100: #a44eca;
+
+/* Purple violet */
+--purpleViolet-100: #bdaaf6;
+
+/* Red */
+--red-100: #f95347;

presentation/themes/palettes/palette001.css

@@ -0,0 +1,88 @@
+/* Blue violet */
+--blueViolet-100: #ebedfa;
+--blueViolet-200: #e0e2eb;
+--blueViolet-300: #d6dbf5;
+--blueViolet-400: #d0d3e1;
+--blueViolet-500: #98a5e6;
+--blueViolet-600: #475ed1;
+--blueViolet-700: #2e45b8;
+--blueViolet-800: #1f2e7a;
+--blueViolet-900: #141f52;
+--blueViolet-1000: #050815;
+
+/* Gray */
+--gray-100: #ffffff;
+--gray-200: #fafafa;
+--gray-300: #f5f4ef;
+--gray-400: #eff5f5;
+--gray-500: #f5f2f0;
+--gray-600: #f2f2f2;
+--gray-700: #f5f0ef;
+--gray-800: #eff0f5;
+--gray-900: #ededed;
+--gray-1000: #d9d9d9;
+--gray-1100: #b3b3b3;
+--gray-1200: #999999;
+--gray-1300: #595959;
+--gray-1400: #1a1a1a;
+--gray-1500: #0d0d0d;
+--gray-1600: #000000;
+
+/* Khaki */
+--khaki-100: #fef8e6;
+--khaki-200: #ebe9e0;
+--khaki-300: #fef2cd;
+--khaki-400: #fcde83;
+--khaki-500: #fbd051;
+--khaki-600: #f9c31f;
+--khaki-700: #ffbb1a;
+--khaki-800: #ae8305;
+
+/* Orange */
+--orange-100: #fef0e6;
+--orange-200: #ebe5e0;
+--orange-300: #fee1cd;
+--orange-400: #e1d8d1;
+--orange-500: #fcb583;
+--orange-600: #fb9851;
+--orange-700: #f97a1f;
+
+/* Red */
+--red-100: #fee7e7;
+--red-200: #ebe0e0;
+--red-300: #e1d0d0;
+--red-400: #f6423c;
+--red-500: #e3120b;
+--red-600: #cc100a;
+--red-700: #aa0e08;
+--red-800: #b30000;
+
+/* Greenish cyan */
+--greenishCyan-100: #e9fcf8;
+--greenishCyan-200: #d2f9f0;
+--greenishCyan-300: #36e2bd;
+--greenishCyan-400: #1dc9a4;
+--greenishCyan-500: #169c7f;
+
+/* Scarlet red */
+--scarletRed-100: #fce9ed;
+--scarletRed-200: #f9d2db;
+--scarletRed-300: #e2365b;
+--scarletRed-400: #c91d42;
+--scarletRed-500: #9c1633;
+
+/* Cyan */
+--cyan-100: #e0ebeb;
+--cyan-200: #d0e1e1;
+
+/* Olive */
+--olive-100: #e2f9d2;
+--olive-200: #7be236;
+--olive-300: #62c91d;
+--olive-400: #4c9c16;
+
+/* Yellow */
+--yellow-100: #e1dfd0;
+
+/* Grass green */
+--grassGreen-100: #f0fce9;

presentation/themes/palettes/palette002.css

@@ -0,0 +1,73 @@
+:root {
+
+  /* Blue violet */
+  --blueViolet-100: #eef2f9;
+  --blueViolet-200: #e6ecf7;
+  --blueViolet-300: #386ac1;
+  --blueViolet-400: #0645b1;
+  --blueViolet-500: #0c3b8d;
+  --blueViolet-600: #082f75;
+
+  /* Gray */
+  --gray-100: #ffffff;
+  --gray-200: #fafafa;
+  --gray-300: #f8f8fb;
+  --gray-400: #f9f7f4;
+  --gray-500: #f4f7fc;
+  --gray-600: #f0f8f1;
+  --gray-700: #f3f3f3;
+  --gray-800: #f2efe8;
+  --gray-900: #ebebee;
+  --gray-1000: #e2e2e2;
+  --gray-1100: #dddde2;
+  --gray-1200: #c8c8cf;
+  --gray-1300: #c8c8cc;
+  --gray-1400: #b1b1ba;
+  --gray-1500: #808080;
+  --gray-1600: #141413;
+
+  /* Violet */
+  --violet-100: #91919e;
+  --violet-200: #6d6d7d;
+  --violet-300: #535366;
+  --violet-400: #222233;
+
+  /* Red */
+  --red-100: #fff2f2;
+  --red-200: #b60000;
+  --red-300: #920000;
+
+  /* Orange */
+  --orange-100: #6d5e52;
+
+  /* Blue */
+  --blue-100: #cddaef;
+  --blue-200: #043059;
+
+  /* Bluish green */
+  --bluishGreen-100: #ccffd4;
+  --bluishGreen-200: #05b01c;
+  --bluishGreen-300: #035c0f;
+
+  /* Khaki */
+  --khaki-100: #f9f6ed;
+  --khaki-200: #e9e3d4;
+  --khaki-300: #877440;
+
+  /* Bluish cyan */
+  --bluishCyan-100: #ccf7ff;
+
+  /* Lime */
+  --lime-100: #f7ffcc;
+
+  /* Purple */
+  --purple-100: #a35dff;
+  --purple-200: #824acc;
+
+  /* Purple magenta */
+  --purpleMagenta-100: #f7ccff;
+
+  /* Vermilion */
+  --vermilion-100: #ffd4cc;
+
+}

presentation/themes/palettes/palette003.css

@@ -0,0 +1,331 @@
+/* camunda.com */
+
+:root {
+  /* Blue */
+  --blue-100: #ced4da;
+  --blue-200: #8ed1fc;
+  --blue-300: #abb8c3;
+  --blue-400: #a9b8c3;
+  --blue-500: #adb5bd;
+  --blue-600: #99a1a7;
+  --blue-700: #55acee;
+  --blue-800: #4da9fd;
+  --blue-900: #818a91;
+  --blue-1000: #4285f4;
+  --blue-1100: #6c757d;
+  --blue-1200: #69727d;
+  --blue-1300: #487aa2;
+  --blue-1400: #1da1f2;
+  --blue-1500: #0076d6;
+  --blue-1600: #0072ce;
+  --blue-1700: #45668e;
+  --blue-1800: #0063dc;
+  --blue-1900: #005be2;
+  --blue-2000: #54595f;
+  --blue-2100: #0055a5;
+  --blue-2200: #495057;
+  --blue-2300: #155cb5;
+  --blue-2400: #205081;
+  --blue-2500: #35465c;
+  --blue-2600: #343a40;
+  --blue-2700: #273a4b;
+  --blue-2800: #042551;
+  --blue-2900: #101e31;
+
+  /* Gray */
+  --gray-100: #ffffff;
+  --gray-200: #fcfcfc;
+  --gray-300: #fafafa;
+  --gray-400: #f9f9f9;
+  --gray-500: #f8f9fa;
+  --gray-600: #f8f8f8;
+  --gray-700: #f7f7f7;
+  --gray-800: #f6f6f6;
+  --gray-900: #f5f5f5;
+  --gray-1000: #f3f3f3;
+  --gray-1100: #f2f2f2;
+  --gray-1200: #f1f1f1;
+  --gray-1300: #f0f0f0;
+  --gray-1400: #efefef;
+  --gray-1500: #eeeeee;
+  --gray-1600: #ededed;
+  --gray-1700: #ececed;
+  --gray-1800: #ececec;
+  --gray-1900: #e9ecef;
+  --gray-2000: #ebebeb;
+  --gray-2100: #e9e9e9;
+  --gray-2200: #e8e8e8;
+  --gray-2300: #e6e7e9;
+  --gray-2400: #e7e7e7;
+  --gray-2500: #e6e7e8;
+  --gray-2600: #eae8e0;
+  --gray-2700: #e6e6e6;
+  --gray-2800: #eae3e3;
+  --gray-2900: #e5e5e5;
+  --gray-3000: #e4e4e4;
+  --gray-3100: #e4e3e3;
+  --gray-3200: #e3e3e3;
+  --gray-3300: #e2e2e2;
+  --gray-3400: #dee2e6;
+  --gray-3500: #e0e0e0;
+  --gray-3600: #dedede;
+  --gray-3700: #dcdcdc;
+  --gray-3800: #dadada;
+  --gray-3900: #dcd8d8;
+  --gray-4000: #d9d9d9;
+  --gray-4100: #d5d8dc;
+  --gray-4200: #d7d7d7;
+  --gray-4300: #d4d4d6;
+  --gray-4400: #d4d4d4;
+  --gray-4500: #d3d3d3;
+  --gray-4600: #cfcfcf;
+  --gray-4700: #cdcdcd;
+  --gray-4800: #cccccc;
+  --gray-4900: #c5c5c5;
+  --gray-5000: #c3c3c3;
+  --gray-5100: #bbbcbc;
+  --gray-5200: #adadad;
+  --gray-5300: #a7a9ac;
+  --gray-5400: #a6a6a6;
+  --gray-5500: #a3a3a3;
+  --gray-5600: #989a9e;
+  --gray-5700: #999999;
+  --gray-5800: #97989c;
+  --gray-5900: #919191;
+  --gray-6000: #8c8c8c;
+  --gray-6100: #8c8b8b;
+  --gray-6200: #808080;
+  --gray-6300: #7b7b7b;
+  --gray-6400: #7a7a7a;
+  --gray-6500: #767676;
+  --gray-6600: #767474;
+  --gray-6700: #646464;
+  --gray-6800: #5f5f5f;
+  --gray-6900: #58595b;
+  --gray-7000: #55595c;
+  --gray-7100: #494c4f;
+  --gray-7200: #434343;
+  --gray-7300: #414143;
+  --gray-7400: #414042;
+  --gray-7500: #32373c;
+  --gray-7600: #363636;
+  --gray-7700: #303030;
+  --gray-7800: #2d2d2d;
+  --gray-7900: #272727;
+  --gray-8000: #262626;
+  --gray-8100: #212529;
+  --gray-8200: #212121;
+  --gray-8300: #1f2124;
+  --gray-8400: #202020;
+  --gray-8500: #1b1b1b;
+  --gray-8600: #17181f;
+  --gray-8700: #161616;
+  --gray-8800: #0d0d0d;
+  --gray-8900: #0a0a0a;
+  --gray-9000: #020101;
+  --gray-9100: #000000;
+
+  /* Greenish cyan */
+  --greenishCyan-100: #b6e3d4;
+  --greenishCyan-200: #aebcb9;
+  --greenishCyan-300: #00bda5;
+  --greenishCyan-400: #20c997;
+  --greenishCyan-500: #00d084;
+  --greenishCyan-600: #00d082;
+  --greenishCyan-700: #14d890;
+  --greenishCyan-800: #00ab6b;
+  --greenishCyan-900: #009e73;
+  --greenishCyan-1000: #10ad73;
+  --greenishCyan-1100: #0b8659;
+  --greenishCyan-1200: #021b12;
+
+  /* Bluish cyan */
+  --bluishCyan-100: #e9fbff;
+  --bluishCyan-200: #d9edf7;
+  --bluishCyan-300: #bcdff1;
+  --bluishCyan-400: #6ec1e4;
+  --bluishCyan-500: #58d0f5;
+  --bluishCyan-600: #5bc0de;
+  --bluishCyan-700: #3baede;
+  --bluishCyan-800: #00aff0;
+  --bluishCyan-900: #00adee;
+  --bluishCyan-1000: #00a8ff;
+  --bluishCyan-1100: #2ca5e0;
+  --bluishCyan-1200: #0099e5;
+  --bluishCyan-1300: #1ab7ea;
+  --bluishCyan-1400: #1aa1d8;
+  --bluishCyan-1500: #17a2b8;
+  --bluishCyan-1600: #0077b5;
+  --bluishCyan-1700: #31708f;
+  --bluishCyan-1800: #0693e3;
+  --bluishCyan-1900: #21759b;
+  --bluishCyan-2000: #005580;
+  --bluishCyan-2100: #3c4a50;
+
+  /* Scarlet red */
+  --scarletRed-100: #eed3d7;
+  --scarletRed-200: #f78da7;
+  --scarletRed-300: #ed455e;
+  --scarletRed-400: #e4405f;
+  --scarletRed-500: #dc3545;
+  --scarletRed-600: #d63638;
+  --scarletRed-700: #ec1c40;
+  --scarletRed-800: #dd2430;
+  --scarletRed-900: #b31217;
+  --scarletRed-1000: #bd081c;
+  --scarletRed-1100: #7d1a1c;
+
+  /* Khaki */
+  --khaki-100: #fcf8e3;
+  --khaki-200: #fff5cb;
+  --khaki-300: #f9f0c3;
+  --khaki-400: #ebddab;
+  --khaki-500: #ebc57f;
+  --khaki-600: #ffcb70;
+  --khaki-700: #ffc107;
+  --khaki-800: #ffc600;
+  --khaki-900: #fcb900;
+  --khaki-1000: #8a6d3b;
+
+  /* Red */
+  --red-100: #f2dede;
+  --red-200: #fdcdcd;
+  --red-300: #e8c4c4;
+  --red-400: #fb6962;
+  --red-500: #fd5949;
+  --red-600: #d9534f;
+  --red-700: #dc4e41;
+  --red-800: #dd4b39;
+  --red-900: #b94a48;
+  --red-1000: #d94040;
+  --red-1100: #ea4335;
+  --red-1200: #a94442;
+  --red-1300: #fe2d2d;
+  --red-1400: #cf2e2e;
+  --red-1500: #b23121;
+  --red-1600: #cd201f;
+  --red-1700: #ff1e00;
+  --red-1800: #ee1c00;
+  --red-1900: #af0606;
+
+  /* Bluish green */
+  --bluishGreen-100: #71ce7e;
+  --bluishGreen-200: #61ce70;
+  --bluishGreen-300: #25d366;
+  --bluishGreen-400: #2ebd59;
+  --bluishGreen-500: #28a745;
+  --bluishGreen-600: #05cc47;
+
+  /* Vermilion */
+  --vermilion-100: #f26522;
+  --vermilion-200: #da552f;
+  --vermilion-300: #fc5d0d;
+  --vermilion-400: #eb4924;
+  --vermilion-500: #e24329;
+  --vermilion-600: #cf4f0f;
+  --vermilion-700: #ff4700;
+  --vermilion-800: #ff4500;
+  --vermilion-900: #e52600;
+  --vermilion-1000: #ff2300;
+
+  /* Blue violet */
+  --blueViolet-100: #78a9ff;
+  --blueViolet-200: #4d7bfb;
+  --blueViolet-300: #2874fc;
+  --blueViolet-400: #4158d0;
+  --blueViolet-500: #2d5be3;
+  --blueViolet-600: #3b5998;
+  --blueViolet-700: #285aeb;
+  --blueViolet-800: #1769ff;
+  --blueViolet-900: #0043ce;
+  --blueViolet-1000: #252c59;
+  --blueViolet-1100: #1f2a44;
+  --blueViolet-1200: #171c29;
+
+  /* Orange */
+  --orange-100: #fecda5;
+  --orange-200: #ffbc7d;
+  --orange-300: #f0ad4e;
+  --orange-400: #ffa648;
+  --orange-500: #fe7a15;
+  --orange-600: #f4731c;
+  --orange-700: #ff8b00;
+  --orange-800: #ff6900;
+  --orange-900: #993b00;
+
+  /* Purple violet */
+  --purpleViolet-100: #9778d1;
+  --purpleViolet-200: #665cac;
+  --purpleViolet-300: #6f42c1;
+  --purpleViolet-400: #6441a5;
+  --purpleViolet-500: #4c30a6;
+  --purpleViolet-600: #280892;
+
+  /* Scarlet */
+  --scarlet-100: #ffceec;
+  --scarlet-200: #f17cc1;
+  --scarlet-300: #ea4c89;
+  --scarlet-400: #e83e8c;
+  --scarlet-500: #ee2c82;
+  --scarlet-600: #d30c5c;
+  --scarlet-700: #6b003e;
+
+  /* Yellow */
+  --yellow-100: #fff9c0;
+  --yellow-200: #fdf497;
+  --yellow-300: #fff56f;
+  --yellow-400: #fef84c;
+  --yellow-500: #fffc00;
+
+  /* Green */
+  --green-100: #5cb85c;
+  --green-200: #4caf50;
+  --green-300: #3c763d;
+  --green-400: #006400;
+
+  /* Cyan */
+  --cyan-100: #7ac6cc;
+  --cyan-200: #4aeadc;
+  --cyan-300: #33a7b5;
+  --cyan-400: #00a7b5;
+  --cyan-500: #007e89;
+  --cyan-600: #026466;
+
+  /* Teal */
+  --teal-100: #7bdcb5;
+  --teal-200: #7adcb4;
+  --teal-300: #26d07c;
+  --teal-400: #439665;
+
+  /* Violet */
+  --violet-100: #9896f0;
+  --violet-200: #6967ff;
+  --violet-300: #020381;
+
+  /* Crimson */
+  --crimson-100: #cf2aba;
+  --crimson-200: #d6249f;
+
+  /* Grass green */
+  --grassGreen-100: #dff0d8;
+  --grassGreen-200: #cae6be;
+  --grassGreen-300: #589442;
+  --grassGreen-400: #31a918;
+
+  /* Purple */
+  --purple-100: #9b51e0;
+  --purple-200: #6610f2;
+
+  /* Lime */
+  --lime-100: #d2ff1d;
+  --lime-200: #a4c639;
+
+  /* Magenta */
+  --magenta-100: #c751c0;
+  --magenta-200: #c629cd;
+
+  /* Olive */
+  --olive-100: #caf880;
+  --olive-200: #7ac142;
+
+}

presentation/themes/palettes/palette004.css

@@ -0,0 +1,43 @@
+/* travel.state.gov */
+
+:root {
+  /* Blue */
+  --blue-100: #e5eef4;
+  --blue-200: #d3e3fd;
+  --blue-300: #a8c7fa;
+  --blue-400: #1e88e5;
+  --blue-500: #0b57d0;
+  --blue-600: #003875;
+  --blue-700: #06284c;
+  --blue-800: #041e49;
+  --blue-900: #162e51;
+
+  /* Gray */
+  --gray-100: #ffffff;
+  --gray-200: #f3f6fc;
+  --gray-300: #f1f4f8;
+  --gray-400: #f2f2f2;
+  --gray-500: #f0f0f0;
+  --gray-600: #e6e6e6;
+  --gray-700: #e0e0e0;
+  --gray-800: #c4c7c5;
+  --gray-900: #a0a0a0;
+  --gray-1000: #444746;
+  --gray-1100: #444444;
+  --gray-1200: #333333;
+  --gray-1300: #1f1f1f;
+  --gray-1400: #1e1e1e;
+  --gray-1500: #1a1a1a;
+
+  /* Red */
+  --red-100: #f9dedc;
+  --red-200: #b3261e;
+  --red-300: #410e0b;
+
+  /* Khaki */
+  --khaki-100: #fef7e0;
+
+  /* Orange */
+  --orange-100: #e37400;
+
+}

presentation/themes/palettes/palette005.css

@@ -0,0 +1,170 @@
+/* n8n.io */
+
+:root {
+  /* Purple violet */
+  --purpleViolet-100: #b9b3c4;
+  --purpleViolet-200: #a06ff6;
+  --purpleViolet-300: #5b3acc;
+  --purpleViolet-400: #6b21ef;
+  --purpleViolet-500: #4f4070;
+  --purpleViolet-600: #4b397a;
+  --purpleViolet-700: #4c00ff;
+  --purpleViolet-800: #4006a7;
+  --purpleViolet-900: #262149;
+  --purpleViolet-1000: #251e32;
+  --purpleViolet-1100: #211a2e;
+  --purpleViolet-1200: #1f192a;
+  --purpleViolet-1300: #180470;
+  --purpleViolet-1400: #170f49;
+  --purpleViolet-1500: #1b1728;
+  --purpleViolet-1600: #181329;
+  --purpleViolet-1700: #141020;
+  --purpleViolet-1800: #0f0a19;
+  --purpleViolet-1900: #0d0a19;
+  --purpleViolet-2000: #0e0918;
+  --purpleViolet-2100: #0c081c;
+
+  /* Gray */
+  --gray-100: #ffffff;
+  --gray-200: #faf9fb;
+  --gray-300: #f8f8f8;
+  --gray-400: #f7f7f7;
+  --gray-500: #e5e7eb;
+  --gray-600: #e3e3e3;
+  --gray-700: #e2dfe7;
+  --gray-800: #c1c1c1;
+  --gray-900: #7d8082;
+  --gray-1000: #7c7c7c;
+  --gray-1100: #7a7a7a;
+  --gray-1200: #666666;
+  --gray-1300: #656565;
+  --gray-1400: #64616b;
+  --gray-1500: #636363;
+  --gray-1600: #464646;
+  --gray-1700: #323335;
+  --gray-1800: #2d2d2d;
+  --gray-1900: #292931;
+  --gray-2000: #180f14;
+  --gray-2100: #0d0d12;
+  --gray-2200: #08060e;
+  --gray-2300: #080808;
+  --gray-2400: #040506;
+  --gray-2500: #040307;
+  --gray-2600: #000000;
+
+  /* Red */
+  --red-100: #ff9494;
+  --red-200: #a85c5c;
+  --red-300: #674545;
+  --red-400: #ff1313;
+  --red-500: #ff0c00;
+
+  /* Orange */
+  --orange-100: #fff8f0;
+  --orange-200: #cca87f;
+  --orange-300: #e3a573;
+  --orange-400: #e3a572;
+  --orange-500: #ffb552;
+  --orange-600: #f08d49;
+  --orange-700: #ff9b26;
+  --orange-800: #fd8925;
+  --orange-900: #a3643a;
+
+  /* Purple */
+  --purple-100: #d5cbe5;
+  --purple-200: #c4bbd3;
+  --purple-300: #897f90;
+  --purple-400: #7f5eb6;
+  --purple-500: #7c65a1;
+  --purple-600: #3c3149;
+  --purple-700: #520092;
+  --purple-800: #250055;
+  --purple-900: #17121f;
+
+  /* Vermilion */
+  --vermilion-100: #ff8e5d;
+  --vermilion-200: #ec8961;
+  --vermilion-300: #d97e4b;
+  --vermilion-400: #f96e49;
+  --vermilion-500: #ff4f31;
+  --vermilion-600: #ee4f27;
+  --vermilion-700: #621f04;
+
+  /* Violet */
+  --violet-100: #f1f2ff;
+  --violet-200: #dee2ff;
+  --violet-300: #9b9eb8;
+  --violet-400: #7877c6;
+  --violet-500: #4c5dff;
+  --violet-600: #5159d9;
+  --violet-700: #0019ff;
+  --violet-800: #000f92;
+  --violet-900: #0400ff;
+  --violet-1000: #101330;
+
+  /* Blue */
+  --blue-100: #accef7;
+  --blue-200: #6196cc;
+  --blue-300: #6f87a0;
+  --blue-400: #138af2;
+  --blue-500: #48556a;
+  --blue-600: #077ac7;
+  --blue-700: #02090f;
+
+  /* Blue violet */
+  --blueViolet-100: #9ca3af;
+  --blueViolet-200: #677fff;
+  --blueViolet-300: #5780e6;
+  --blueViolet-400: #666d80;
+  --blueViolet-500: #0f1d38;
+  --blueViolet-600: #080f34;
+  --blueViolet-700: #090f20;
+
+  /* Magenta */
+  --magenta-100: #cc99cd;
+  --magenta-200: #e768e6;
+  --magenta-300: #ff1fff;
+  --magenta-400: #2a1929;
+  --magenta-500: #190918;
+
+  /* Scarlet red */
+  --scarletRed-100: #e2777a;
+  --scarletRed-200: #ff5873;
+  --scarletRed-300: #ea4b71;
+  --scarletRed-400: #8b5261;
+  --scarletRed-500: #a13355;
+
+  /* Lime */
+  --lime-100: #a3a788;
+  --lime-200: #a2a687;
+  --lime-300: #aecd4f;
+
+  /* Purple magenta */
+  --purpleMagenta-100: #b83dff;
+  --purpleMagenta-200: #7a4596;
+  --purpleMagenta-300: #b200ff;
+
+  /* Teal */
+  --teal-100: #2eb67d;
+  --teal-200: #35a670;
+  --teal-300: #186f44;
+
+  /* Bluish cyan */
+  --bluishCyan-100: #0a1619;
+
+  /* Crimson */
+  --crimson-100: #7a396d;
+
+  /* Scarlet */
+  --scarlet-100: #8a546f;
+
+  /* Bluish green */
+  --bluishGreen-100: #7ec699;
+
+  /* Cyan */
+  --cyan-100: #67cdcc;
+
+  /* Khaki */
+  --khaki-100: #f8c555;
+
+}