@mirohq/design-system-themes-native 1.1.0 → 1.2.1

package/dist/module.js

@@ -101,6 +101,12 @@ const colors$1 = {
   borderSuccessSubtle: "rgba(186, 222, 177, 1)",
   borderWarning: "rgba(255, 208, 47, 1)",
   borderWarningSubtle: "rgba(255, 235, 163, 1)",
+  buttonBackgroundPrimary: "rgba(56, 89, 255, 1)",
+  buttonBackgroundPrimaryHover: "rgba(49, 76, 217, 1)",
+  buttonBackgroundPrimaryPressed: "rgba(42, 65, 182, 1)",
+  buttonBackgroundSecondary: "rgba(233, 234, 239, 1)",
+  buttonBackgroundSecondaryHover: "rgba(224, 226, 232, 1)",
+  buttonBackgroundSecondaryPressed: "rgba(216, 218, 226, 1)",
   formatIconDiagram: "rgba(218, 121, 43, 1)",
   formatIconDocs: "rgba(14, 157, 205, 1)",
   formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -109,12 +115,6 @@ const colors$1 = {
   formatIconSlides: "rgba(219, 79, 79, 1)",
   formatIconTable: "rgba(15, 168, 60, 1)",
   formatIconTimeline: "rgba(15, 168, 60, 1)",
-  buttonBackgroundPrimary: "rgba(56, 89, 255, 1)",
-  buttonBackgroundPrimaryHover: "rgba(49, 76, 217, 1)",
-  buttonBackgroundPrimaryPressed: "rgba(42, 65, 182, 1)",
-  buttonBackgroundSecondary: "rgba(233, 234, 239, 1)",
-  buttonBackgroundSecondaryHover: "rgba(224, 226, 232, 1)",
-  buttonBackgroundSecondaryPressed: "rgba(216, 218, 226, 1)",
   popupBackgroundStatic: "rgba(34, 36, 40, 1)",
   popupTextStatic: "rgba(255, 255, 255, 1)",
   tooltipBackground: "rgba(26, 27, 30, 1)",
@@ -167,7 +167,7 @@ const colors$1 = {
   textNeutralsInvertedHover: "rgba(250, 250, 252, 1)",
   textNeutralsInvertedSubtle: "rgba(233, 234, 239, 1)",
   textNeutralsInvertedSubtleHover: "rgba(224, 226, 232, 1)",
-  textNeutralsPlaceholder: "rgba(125, 130, 151, 1)",
+  textNeutralsPlaceholder: "rgba(111, 116, 137, 1)",
   textNeutralsPlaceholderOnly: "rgba(174, 178, 192, 1)",
   textNeutralsPressed: "rgba(26, 27, 30, 1)",
   textNeutralsSubtle: "rgba(101, 107, 129, 1)",
@@ -187,7 +187,235 @@ const colors$1 = {
   textSuccessInverted: "rgba(239, 249, 236, 1)",
   textSuccessPressed: "rgba(21, 75, 8, 1)",
   textWarning: "rgba(69, 57, 17, 1)",
-  textWarningSubtle: "rgba(179, 146, 35, 1)"
+  textWarningSubtle: "rgba(179, 146, 35, 1)",
+  coalBackground: "rgba(176, 176, 176, 1)",
+  coalBackgroundMild: "rgba(214, 214, 214, 1)",
+  coalBackgroundProminent: "rgba(89, 89, 89, 1)",
+  coalBackgroundSubtle: "rgba(231, 231, 231, 1)",
+  coralBackground: "rgba(255, 100, 100, 1)",
+  coralBackgroundMild: "rgba(255, 173, 173, 1)",
+  coralBackgroundProminent: "rgba(189, 10, 10, 1)",
+  coralBackgroundSubtle: "rgba(255, 198, 198, 1)",
+  cyanBackground: "rgba(104, 211, 248, 1)",
+  cyanBackgroundMild: "rgba(168, 233, 255, 1)",
+  cyanBackgroundProminent: "rgba(15, 138, 179, 1)",
+  cyanBackgroundSubtle: "rgba(204, 244, 255, 1)",
+  lilacBackground: "rgba(143, 127, 238, 1)",
+  lilacBackgroundMild: "rgba(181, 169, 255, 1)",
+  lilacBackgroundProminent: "rgba(102, 49, 215, 1)",
+  lilacBackgroundSubtle: "rgba(222, 218, 255, 1)",
+  limeBackground: "rgba(158, 212, 82, 1)",
+  limeBackgroundMild: "rgba(194, 235, 127, 1)",
+  limeBackgroundProminent: "rgba(96, 133, 33, 1)",
+  limeBackgroundSubtle: "rgba(219, 250, 173, 1)",
+  mossBackground: "rgba(45, 199, 92, 1)",
+  mossBackgroundMild: "rgba(121, 228, 155, 1)",
+  mossBackgroundProminent: "rgba(6, 116, 41, 1)",
+  mossBackgroundSubtle: "rgba(173, 240, 199, 1)",
+  oceanBackground: "rgba(101, 157, 242, 1)",
+  oceanBackgroundMild: "rgba(160, 196, 251, 1)",
+  oceanBackgroundProminent: "rgba(48, 91, 171, 1)",
+  oceanBackgroundSubtle: "rgba(198, 220, 255, 1)",
+  orangeBackground: "rgba(254, 159, 77, 1)",
+  orangeBackgroundMild: "rgba(255, 189, 131, 1)",
+  orangeBackgroundProminent: "rgba(155, 74, 8, 1)",
+  orangeBackgroundSubtle: "rgba(248, 211, 175, 1)",
+  pinkBackground: "rgba(241, 125, 229, 1)",
+  pinkBackgroundMild: "rgba(255, 171, 236, 1)",
+  pinkBackgroundProminent: "rgba(175, 63, 185, 1)",
+  pinkBackgroundSubtle: "rgba(255, 216, 244, 1)",
+  sunshineBackground: "rgba(255, 220, 74, 1)",
+  sunshineBackgroundMild: "rgba(255, 237, 123, 1)",
+  sunshineBackgroundProminent: "rgba(175, 126, 4, 1)",
+  sunshineBackgroundSubtle: "rgba(255, 246, 182, 1)",
+  tealBackground: "rgba(57, 201, 188, 1)",
+  tealBackgroundMild: "rgba(150, 240, 232, 1)",
+  tealBackgroundProminent: "rgba(24, 117, 116, 1)",
+  tealBackgroundSubtle: "rgba(195, 250, 245, 1)",
+  coalBorder: "rgba(144, 142, 142, 1)",
+  coalBorderProminent: "rgba(75, 75, 75, 1)",
+  coalBorderSubtle: "rgba(194, 194, 194, 1)",
+  coralBorder: "rgba(219, 79, 79, 1)",
+  coralBorderProminent: "rgba(141, 1, 1, 1)",
+  coralBorderSubtle: "rgba(253, 144, 144, 1)",
+  cyanBorder: "rgba(14, 157, 205, 1)",
+  cyanBorderProminent: "rgba(0, 88, 117, 1)",
+  cyanBorderSubtle: "rgba(138, 223, 252, 1)",
+  lilacBorder: "rgba(129, 103, 229, 1)",
+  lilacBorderProminent: "rgba(70, 31, 152, 1)",
+  lilacBorderSubtle: "rgba(146, 136, 239, 1)",
+  limeBorder: "rgba(117, 159, 56, 1)",
+  limeBorderProminent: "rgba(54, 83, 24, 1)",
+  limeBorderSubtle: "rgba(167, 219, 93, 1)",
+  mossBorder: "rgba(15, 168, 60, 1)",
+  mossBorderProminent: "rgba(10, 91, 35, 1)",
+  mossBorderSubtle: "rgba(93, 213, 129, 1)",
+  oceanBorder: "rgba(86, 136, 211, 1)",
+  oceanBorderProminent: "rgba(29, 71, 146, 1)",
+  oceanBorderSubtle: "rgba(109, 164, 246, 1)",
+  orangeBorder: "rgba(218, 121, 43, 1)",
+  orangeBorderProminent: "rgba(132, 61, 3, 1)",
+  orangeBorderSubtle: "rgba(255, 169, 94, 1)",
+  pinkBorder: "rgba(213, 90, 200, 1)",
+  pinkBorderProminent: "rgba(139, 23, 150, 1)",
+  pinkBorderSubtle: "rgba(249, 133, 222, 1)",
+  sunshineBorder: "rgba(186, 138, 18, 1)",
+  sunshineBorderProminent: "rgba(142, 106, 18, 1)",
+  sunshineBorderSubtle: "rgba(249, 224, 92, 1)",
+  tealBorder: "rgba(17, 162, 147, 1)",
+  tealBorderProminent: "rgba(16, 90, 89, 1)",
+  tealBorderSubtle: "rgba(85, 214, 202, 1)",
+  coalAvatarBackground: "rgba(84, 84, 84, 1)",
+  coralAvatarBackground: "rgba(170, 6, 6, 1)",
+  cyanAvatarBackground: "rgba(10, 120, 157, 1)",
+  lightCoalAvatarBackground: "rgba(194, 194, 194, 1)",
+  lightCoralAvatarBackground: "rgba(253, 144, 144, 1)",
+  lightCyanAvatarBackground: "rgba(138, 223, 252, 1)",
+  lightLilacAvatarBackground: "rgba(146, 136, 239, 1)",
+  lightLimeAvatarBackground: "rgba(167, 219, 93, 1)",
+  lightMossAvatarBackground: "rgba(93, 213, 129, 1)",
+  lightOceanAvatarBackground: "rgba(109, 164, 246, 1)",
+  lightOrangeAvatarBackground: "rgba(255, 169, 94, 1)",
+  lightPinkAvatarBackground: "rgba(249, 133, 222, 1)",
+  lightSunshineAvatarBackground: "rgba(249, 224, 92, 1)",
+  lightTealAvatarBackground: "rgba(85, 214, 202, 1)",
+  lilacAvatarBackground: "rgba(85, 38, 183, 1)",
+  limeAvatarBackground: "rgba(72, 102, 20, 1)",
+  mossAvatarBackground: "rgba(6, 102, 37, 1)",
+  oceanAvatarBackground: "rgba(44, 86, 162, 1)",
+  orangeAvatarBackground: "rgba(155, 74, 8, 1)",
+  pinkAvatarBackground: "rgba(163, 52, 172, 1)",
+  sunshineAvatarBackground: "rgba(142, 106, 18, 1)",
+  tealAvatarBackground: "rgba(20, 106, 105, 1)",
+  coralCommentBackground: "rgba(170, 6, 6, 1)",
+  cyanCommentBackground: "rgba(4, 155, 205, 1)",
+  limeCommentBackground: "rgba(117, 159, 56, 1)",
+  coalCursorBackground: "rgba(75, 75, 75, 1)",
+  coalCursorBorder: "rgba(136, 136, 136, 1)",
+  coalCursorBorderProminent: "rgba(51, 51, 51, 1)",
+  coralCursorBackground: "rgba(141, 1, 1, 1)",
+  coralCursorBorder: "rgba(197, 44, 44, 1)",
+  coralCursorBorderProminent: "rgba(96, 0, 0, 1)",
+  cyanCursorBackground: "rgba(0, 88, 117, 1)",
+  cyanCursorBorder: "rgba(4, 155, 205, 1)",
+  cyanCursorBorderProminent: "rgba(0, 62, 87, 1)",
+  lightCoalCursorBackground: "rgba(218, 216, 216, 1)",
+  lightCoralCursorBackground: "rgba(255, 180, 180, 1)",
+  lightCursorBackground: "rgba(167, 201, 252, 1)",
+  lightCyanCursorBackground: "rgba(181, 236, 255, 1)",
+  lightLilacCursorBackground: "rgba(187, 180, 255, 1)",
+  lightLimeCursorBackground: "rgba(198, 239, 136, 1)",
+  lightMossCursorBackground: "rgba(138, 233, 168, 1)",
+  lightOrangeCursorBackground: "rgba(255, 199, 149, 1)",
+  lightPinkCursorBackground: "rgba(251, 190, 234, 1)",
+  lightSunshineCursorBackground: "rgba(255, 240, 154, 1)",
+  lightTealCursorBackground: "rgba(168, 247, 240, 1)",
+  lilacCursorBackground: "rgba(70, 31, 152, 1)",
+  lilacCursorBorder: "rgba(124, 89, 223, 1)",
+  lilacCursorBorderProminent: "rgba(32, 8, 79, 1)",
+  limeCursorBackground: "rgba(54, 83, 24, 1)",
+  limeCursorBorder: "rgba(117, 159, 56, 1)",
+  limeCursorBorderProminent: "rgba(33, 55, 11, 1)",
+  mossCursorBackground: "rgba(10, 91, 35, 1)",
+  mossCursorBorder: "rgba(6, 147, 48, 1)",
+  mossCursorBorderProminent: "rgba(2, 64, 15, 1)",
+  oceanCursorBackground: "rgba(29, 71, 146, 1)",
+  oceanCursorBorder: "rgba(73, 120, 192, 1)",
+  oceanCursorBorderProminent: "rgba(0, 29, 102, 1)",
+  orangeCursorBackground: "rgba(132, 61, 3, 1)",
+  orangeCursorBorder: "rgba(215, 111, 26, 1)",
+  orangeCursorBorderProminent: "rgba(92, 32, 0, 1)",
+  pinkCursorBackground: "rgba(139, 23, 150, 1)",
+  pinkCursorBorderProminent: "rgba(85, 5, 92, 1)",
+  pinkCursorCoalBorder: "rgba(200, 81, 195, 1)",
+  sunshineCursorBackground: "rgba(110, 79, 2, 1)",
+  sunshineCursorBorder: "rgba(186, 138, 18, 1)",
+  susnhineCursorBorderProminent: "rgba(80, 58, 3, 1)",
+  tealCursorBackground: "rgba(16, 90, 89, 1)",
+  tealCursorBorder: "rgba(10, 146, 133, 1)",
+  tealCursorBorderProminent: "rgba(14, 67, 67, 1)",
+  blackStickyBackground: "rgba(21, 21, 21, 1)",
+  coralStickyBackground: "rgba(255, 158, 158, 1)",
+  cyanStickyBackground: "rgba(156, 230, 255, 1)",
+  lightCoalStickyBackground: "rgba(243, 245, 247, 1)",
+  lightLimeStickyBackground: "rgba(209, 240, 159, 1)",
+  lightOceanStickyBackground: "rgba(178, 208, 254, 1)",
+  lightPinkStickyBackground: "rgba(255, 210, 242, 1)",
+  lightSunshineStickyBackground: "rgba(255, 247, 158, 1)",
+  lilacStickyBackground: "rgba(184, 172, 251, 1)",
+  limeStickyBackground: "rgba(179, 230, 95, 1)",
+  mossStickyBackground: "rgba(106, 224, 141, 1)",
+  oceanStickyBackground: "rgba(134, 180, 249, 1)",
+  orangeStickyBackground: "rgba(255, 181, 117, 1)",
+  pinkStickyBackground: "rgba(253, 154, 231, 1)",
+  sunshineStickyBackground: "rgba(255, 232, 109, 1)",
+  tealStickyBackground: "rgba(129, 231, 222, 1)",
+  coalIcon: "rgba(51, 51, 51, 1)",
+  coalIconMild: "rgba(144, 142, 142, 1)",
+  coalIconSubtle: "rgba(247, 247, 247, 1)",
+  coralIcon: "rgba(96, 0, 0, 1)",
+  coralIconMild: "rgba(219, 79, 79, 1)",
+  coralIconSubtle: "rgba(252, 226, 226, 1)",
+  cyanIcon: "rgba(0, 62, 87, 1)",
+  cyanIconMild: "rgba(14, 157, 205, 1)",
+  cyanIconSubtle: "rgba(228, 249, 255, 1)",
+  lilacIcon: "rgba(32, 8, 79, 1)",
+  lilacIconMild: "rgba(129, 103, 229, 1)",
+  lilacIconSubtle: "rgba(239, 237, 253, 1)",
+  limeIcon: "rgba(33, 55, 11, 1)",
+  limeIconMild: "rgba(117, 159, 56, 1)",
+  limeIconSubtle: "rgba(241, 254, 207, 1)",
+  mossIcon: "rgba(2, 64, 15, 1)",
+  mossIconMild: "rgba(15, 168, 60, 1)",
+  mossIconSubtle: "rgba(227, 247, 234, 1)",
+  oceanIcon: "rgba(0, 29, 102, 1)",
+  oceanIconMild: "rgba(86, 136, 211, 1)",
+  oceanIconSubtle: "rgba(229, 240, 255, 1)",
+  orangeIcon: "rgba(92, 32, 0, 1)",
+  orangeIconMild: "rgba(218, 121, 43, 1)",
+  orangeIconSubtle: "rgba(255, 238, 222, 1)",
+  pinkIcon: "rgba(85, 5, 92, 1)",
+  pinkIconMild: "rgba(213, 90, 200, 1)",
+  pinkIconSubtle: "rgba(254, 242, 255, 1)",
+  sunshineIcon: "rgba(80, 58, 3, 1)",
+  sunshineIconMild: "rgba(186, 138, 18, 1)",
+  sunshineIconSubtle: "rgba(255, 253, 229, 1)",
+  tealIcon: "rgba(14, 67, 67, 1)",
+  tealIconMild: "rgba(17, 162, 147, 1)",
+  tealIconSubtle: "rgba(225, 251, 249, 1)",
+  coalText: "rgba(51, 51, 51, 1)",
+  coalTextMild: "rgba(89, 89, 89, 1)",
+  coalTextSubtle: "rgba(247, 247, 247, 1)",
+  coralText: "rgba(96, 0, 0, 1)",
+  coralTextMild: "rgba(189, 10, 10, 1)",
+  coralTextSubtle: "rgba(252, 226, 226, 1)",
+  cyanText: "rgba(0, 62, 87, 1)",
+  cyanTextMild: "rgba(15, 138, 179, 1)",
+  cyanTextSubtle: "rgba(228, 249, 255, 1)",
+  lilacText: "rgba(32, 8, 79, 1)",
+  lilacTextMild: "rgba(124, 89, 223, 1)",
+  lilacTextSubtle: "rgba(239, 237, 253, 1)",
+  limeText: "rgba(33, 55, 11, 1)",
+  limeTextMild: "rgba(96, 133, 33, 1)",
+  limeTextSubtle: "rgba(241, 254, 207, 1)",
+  mossText: "rgba(2, 64, 15, 1)",
+  mossTextMild: "rgba(6, 116, 41, 1)",
+  mossTextSubtle: "rgba(227, 247, 234, 1)",
+  oceanText: "rgba(0, 29, 102, 1)",
+  oceanTextMild: "rgba(48, 91, 171, 1)",
+  oceanTextSubtle: "rgba(229, 240, 255, 1)",
+  orangeText: "rgba(92, 32, 0, 1)",
+  orangeTextMild: "rgba(155, 74, 8, 1)",
+  orangeTextSubtle: "rgba(255, 238, 222, 1)",
+  pinkText: "rgba(85, 5, 92, 1)",
+  pinkTextMild: "rgba(200, 81, 195, 1)",
+  pinkTextSubtle: "rgba(254, 242, 255, 1)",
+  sunshineText: "rgba(80, 58, 3, 1)",
+  sunshineTextMild: "rgba(175, 126, 4, 1)",
+  sunshineTextSubtle: "rgba(255, 253, 229, 1)",
+  tealText: "rgba(14, 67, 67, 1)",
+  tealTextMild: "rgba(24, 117, 116, 1)",
+  tealTextSubtle: "rgba(225, 251, 249, 1)"
 };
 
 const colors = {
@@ -293,6 +521,12 @@ const colors = {
   borderSuccessSubtle: "rgba(21, 75, 8, 1)",
   borderWarning: "rgba(255, 208, 47, 1)",
   borderWarningSubtle: "rgba(116, 96, 25, 1)",
+  buttonBackgroundPrimary: "rgba(122, 144, 254, 1)",
+  buttonBackgroundPrimaryHover: "rgba(151, 168, 254, 1)",
+  buttonBackgroundPrimaryPressed: "rgba(177, 189, 253, 1)",
+  buttonBackgroundSecondary: "rgba(60, 63, 73, 1)",
+  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
+  buttonBackgroundSecondaryPressed: "rgba(77, 81, 95, 1)",
   formatIconDiagram: "rgba(218, 121, 43, 1)",
   formatIconDocs: "rgba(14, 157, 205, 1)",
   formatIconExternal: "rgba(17, 162, 147, 1)",
@@ -301,12 +535,6 @@ const colors = {
   formatIconSlides: "rgba(219, 79, 79, 1)",
   formatIconTable: "rgba(15, 168, 60, 1)",
   formatIconTimeline: "rgba(15, 168, 60, 1)",
-  buttonBackgroundPrimary: "rgba(122, 144, 254, 1)",
-  buttonBackgroundPrimaryHover: "rgba(151, 168, 254, 1)",
-  buttonBackgroundPrimaryPressed: "rgba(177, 189, 253, 1)",
-  buttonBackgroundSecondary: "rgba(60, 63, 73, 1)",
-  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
-  buttonBackgroundSecondaryPressed: "rgba(77, 81, 95, 1)",
   popupBackgroundStatic: "rgba(52, 54, 62, 1)",
   popupTextStatic: "rgba(255, 255, 255, 1)",
   tooltipBackground: "rgba(77, 81, 95, 1)",
@@ -379,7 +607,235 @@ const colors = {
   textSuccessInverted: "rgba(17, 38, 12, 1)",
   textSuccessPressed: "rgba(161, 210, 149, 1)",
   textWarning: "rgba(255, 244, 203, 1)",
-  textWarningSubtle: "rgba(255, 235, 163, 1)"
+  textWarningSubtle: "rgba(255, 235, 163, 1)",
+  coalBackground: "rgba(176, 176, 176, 1)",
+  coalBackgroundMild: "rgba(214, 214, 214, 1)",
+  coalBackgroundProminent: "rgba(89, 89, 89, 1)",
+  coalBackgroundSubtle: "rgba(231, 231, 231, 1)",
+  coralBackground: "rgba(255, 100, 100, 1)",
+  coralBackgroundMild: "rgba(255, 173, 173, 1)",
+  coralBackgroundProminent: "rgba(189, 10, 10, 1)",
+  coralBackgroundSubtle: "rgba(255, 198, 198, 1)",
+  cyanBackground: "rgba(104, 211, 248, 1)",
+  cyanBackgroundMild: "rgba(168, 233, 255, 1)",
+  cyanBackgroundProminent: "rgba(15, 138, 179, 1)",
+  cyanBackgroundSubtle: "rgba(204, 244, 255, 1)",
+  lilacBackground: "rgba(143, 127, 238, 1)",
+  lilacBackgroundMild: "rgba(181, 169, 255, 1)",
+  lilacBackgroundProminent: "rgba(102, 49, 215, 1)",
+  lilacBackgroundSubtle: "rgba(222, 218, 255, 1)",
+  limeBackground: "rgba(158, 212, 82, 1)",
+  limeBackgroundMild: "rgba(194, 235, 127, 1)",
+  limeBackgroundProminent: "rgba(96, 133, 33, 1)",
+  limeBackgroundSubtle: "rgba(219, 250, 173, 1)",
+  mossBackground: "rgba(45, 199, 92, 1)",
+  mossBackgroundMild: "rgba(121, 228, 155, 1)",
+  mossBackgroundProminent: "rgba(6, 116, 41, 1)",
+  mossBackgroundSubtle: "rgba(173, 240, 199, 1)",
+  oceanBackground: "rgba(101, 157, 242, 1)",
+  oceanBackgroundMild: "rgba(160, 196, 251, 1)",
+  oceanBackgroundProminent: "rgba(48, 91, 171, 1)",
+  oceanBackgroundSubtle: "rgba(198, 220, 255, 1)",
+  orangeBackground: "rgba(254, 159, 77, 1)",
+  orangeBackgroundMild: "rgba(255, 189, 131, 1)",
+  orangeBackgroundProminent: "rgba(155, 74, 8, 1)",
+  orangeBackgroundSubtle: "rgba(248, 211, 175, 1)",
+  pinkBackground: "rgba(241, 125, 229, 1)",
+  pinkBackgroundMild: "rgba(255, 171, 236, 1)",
+  pinkBackgroundProminent: "rgba(175, 63, 185, 1)",
+  pinkBackgroundSubtle: "rgba(255, 216, 244, 1)",
+  sunshineBackground: "rgba(255, 220, 74, 1)",
+  sunshineBackgroundMild: "rgba(255, 237, 123, 1)",
+  sunshineBackgroundProminent: "rgba(175, 126, 4, 1)",
+  sunshineBackgroundSubtle: "rgba(255, 246, 182, 1)",
+  tealBackground: "rgba(57, 201, 188, 1)",
+  tealBackgroundMild: "rgba(150, 240, 232, 1)",
+  tealBackgroundProminent: "rgba(24, 117, 116, 1)",
+  tealBackgroundSubtle: "rgba(195, 250, 245, 1)",
+  coalBorder: "rgba(144, 142, 142, 1)",
+  coalBorderProminent: "rgba(75, 75, 75, 1)",
+  coalBorderSubtle: "rgba(194, 194, 194, 1)",
+  coralBorder: "rgba(219, 79, 79, 1)",
+  coralBorderProminent: "rgba(141, 1, 1, 1)",
+  coralBorderSubtle: "rgba(253, 144, 144, 1)",
+  cyanBorder: "rgba(14, 157, 205, 1)",
+  cyanBorderProminent: "rgba(0, 88, 117, 1)",
+  cyanBorderSubtle: "rgba(138, 223, 252, 1)",
+  lilacBorder: "rgba(129, 103, 229, 1)",
+  lilacBorderProminent: "rgba(70, 31, 152, 1)",
+  lilacBorderSubtle: "rgba(146, 136, 239, 1)",
+  limeBorder: "rgba(117, 159, 56, 1)",
+  limeBorderProminent: "rgba(54, 83, 24, 1)",
+  limeBorderSubtle: "rgba(167, 219, 93, 1)",
+  mossBorder: "rgba(15, 168, 60, 1)",
+  mossBorderProminent: "rgba(10, 91, 35, 1)",
+  mossBorderSubtle: "rgba(93, 213, 129, 1)",
+  oceanBorder: "rgba(86, 136, 211, 1)",
+  oceanBorderProminent: "rgba(29, 71, 146, 1)",
+  oceanBorderSubtle: "rgba(109, 164, 246, 1)",
+  orangeBorder: "rgba(218, 121, 43, 1)",
+  orangeBorderProminent: "rgba(132, 61, 3, 1)",
+  orangeBorderSubtle: "rgba(255, 169, 94, 1)",
+  pinkBorder: "rgba(213, 90, 200, 1)",
+  pinkBorderProminent: "rgba(139, 23, 150, 1)",
+  pinkBorderSubtle: "rgba(249, 133, 222, 1)",
+  sunshineBorder: "rgba(186, 138, 18, 1)",
+  sunshineBorderProminent: "rgba(142, 106, 18, 1)",
+  sunshineBorderSubtle: "rgba(249, 224, 92, 1)",
+  tealBorder: "rgba(17, 162, 147, 1)",
+  tealBorderProminent: "rgba(16, 90, 89, 1)",
+  tealBorderSubtle: "rgba(85, 214, 202, 1)",
+  coalAvatarBackground: "rgba(84, 84, 84, 1)",
+  coralAvatarBackground: "rgba(170, 6, 6, 1)",
+  cyanAvatarBackground: "rgba(10, 120, 157, 1)",
+  lightCoalAvatarBackground: "rgba(194, 194, 194, 1)",
+  lightCoralAvatarBackground: "rgba(253, 144, 144, 1)",
+  lightCyanAvatarBackground: "rgba(138, 223, 252, 1)",
+  lightLilacAvatarBackground: "rgba(146, 136, 239, 1)",
+  lightLimeAvatarBackground: "rgba(167, 219, 93, 1)",
+  lightMossAvatarBackground: "rgba(93, 213, 129, 1)",
+  lightOceanAvatarBackground: "rgba(109, 164, 246, 1)",
+  lightOrangeAvatarBackground: "rgba(255, 169, 94, 1)",
+  lightPinkAvatarBackground: "rgba(249, 133, 222, 1)",
+  lightSunshineAvatarBackground: "rgba(249, 224, 92, 1)",
+  lightTealAvatarBackground: "rgba(85, 214, 202, 1)",
+  lilacAvatarBackground: "rgba(85, 38, 183, 1)",
+  limeAvatarBackground: "rgba(72, 102, 20, 1)",
+  mossAvatarBackground: "rgba(6, 102, 37, 1)",
+  oceanAvatarBackground: "rgba(44, 86, 162, 1)",
+  orangeAvatarBackground: "rgba(155, 74, 8, 1)",
+  pinkAvatarBackground: "rgba(163, 52, 172, 1)",
+  sunshineAvatarBackground: "rgba(142, 106, 18, 1)",
+  tealAvatarBackground: "rgba(20, 106, 105, 1)",
+  coralCommentBackground: "rgba(170, 6, 6, 1)",
+  cyanCommentBackground: "rgba(4, 155, 205, 1)",
+  limeCommentBackground: "rgba(117, 159, 56, 1)",
+  coalCursorBackground: "rgba(75, 75, 75, 1)",
+  coalCursorBorder: "rgba(136, 136, 136, 1)",
+  coalCursorBorderProminent: "rgba(51, 51, 51, 1)",
+  coralCursorBackground: "rgba(141, 1, 1, 1)",
+  coralCursorBorder: "rgba(197, 44, 44, 1)",
+  coralCursorBorderProminent: "rgba(96, 0, 0, 1)",
+  cyanCursorBackground: "rgba(0, 88, 117, 1)",
+  cyanCursorBorder: "rgba(4, 155, 205, 1)",
+  cyanCursorBorderProminent: "rgba(0, 62, 87, 1)",
+  lightCoalCursorBackground: "rgba(218, 216, 216, 1)",
+  lightCoralCursorBackground: "rgba(255, 180, 180, 1)",
+  lightCursorBackground: "rgba(167, 201, 252, 1)",
+  lightCyanCursorBackground: "rgba(181, 236, 255, 1)",
+  lightLilacCursorBackground: "rgba(187, 180, 255, 1)",
+  lightLimeCursorBackground: "rgba(198, 239, 136, 1)",
+  lightMossCursorBackground: "rgba(138, 233, 168, 1)",
+  lightOrangeCursorBackground: "rgba(255, 199, 149, 1)",
+  lightPinkCursorBackground: "rgba(251, 190, 234, 1)",
+  lightSunshineCursorBackground: "rgba(255, 240, 154, 1)",
+  lightTealCursorBackground: "rgba(168, 247, 240, 1)",
+  lilacCursorBackground: "rgba(70, 31, 152, 1)",
+  lilacCursorBorder: "rgba(124, 89, 223, 1)",
+  lilacCursorBorderProminent: "rgba(32, 8, 79, 1)",
+  limeCursorBackground: "rgba(54, 83, 24, 1)",
+  limeCursorBorder: "rgba(117, 159, 56, 1)",
+  limeCursorBorderProminent: "rgba(33, 55, 11, 1)",
+  mossCursorBackground: "rgba(10, 91, 35, 1)",
+  mossCursorBorder: "rgba(6, 147, 48, 1)",
+  mossCursorBorderProminent: "rgba(2, 64, 15, 1)",
+  oceanCursorBackground: "rgba(29, 71, 146, 1)",
+  oceanCursorBorder: "rgba(73, 120, 192, 1)",
+  oceanCursorBorderProminent: "rgba(0, 29, 102, 1)",
+  orangeCursorBackground: "rgba(132, 61, 3, 1)",
+  orangeCursorBorder: "rgba(215, 111, 26, 1)",
+  orangeCursorBorderProminent: "rgba(92, 32, 0, 1)",
+  pinkCursorBackground: "rgba(139, 23, 150, 1)",
+  pinkCursorBorderProminent: "rgba(85, 5, 92, 1)",
+  pinkCursorCoalBorder: "rgba(200, 81, 195, 1)",
+  sunshineCursorBackground: "rgba(110, 79, 2, 1)",
+  sunshineCursorBorder: "rgba(186, 138, 18, 1)",
+  susnhineCursorBorderProminent: "rgba(80, 58, 3, 1)",
+  tealCursorBackground: "rgba(16, 90, 89, 1)",
+  tealCursorBorder: "rgba(10, 146, 133, 1)",
+  tealCursorBorderProminent: "rgba(14, 67, 67, 1)",
+  blackStickyBackground: "rgba(21, 21, 21, 1)",
+  coralStickyBackground: "rgba(255, 158, 158, 1)",
+  cyanStickyBackground: "rgba(156, 230, 255, 1)",
+  lightCoalStickyBackground: "rgba(243, 245, 247, 1)",
+  lightLimeStickyBackground: "rgba(209, 240, 159, 1)",
+  lightOceanStickyBackground: "rgba(178, 208, 254, 1)",
+  lightPinkStickyBackground: "rgba(255, 210, 242, 1)",
+  lightSunshineStickyBackground: "rgba(255, 247, 158, 1)",
+  lilacStickyBackground: "rgba(184, 172, 251, 1)",
+  limeStickyBackground: "rgba(179, 230, 95, 1)",
+  mossStickyBackground: "rgba(106, 224, 141, 1)",
+  oceanStickyBackground: "rgba(134, 180, 249, 1)",
+  orangeStickyBackground: "rgba(255, 181, 117, 1)",
+  pinkStickyBackground: "rgba(253, 154, 231, 1)",
+  sunshineStickyBackground: "rgba(255, 232, 109, 1)",
+  tealStickyBackground: "rgba(129, 231, 222, 1)",
+  coalIcon: "rgba(51, 51, 51, 1)",
+  coalIconMild: "rgba(144, 142, 142, 1)",
+  coalIconSubtle: "rgba(247, 247, 247, 1)",
+  coralIcon: "rgba(96, 0, 0, 1)",
+  coralIconMild: "rgba(219, 79, 79, 1)",
+  coralIconSubtle: "rgba(252, 226, 226, 1)",
+  cyanIcon: "rgba(0, 62, 87, 1)",
+  cyanIconMild: "rgba(14, 157, 205, 1)",
+  cyanIconSubtle: "rgba(228, 249, 255, 1)",
+  lilacIcon: "rgba(32, 8, 79, 1)",
+  lilacIconMild: "rgba(129, 103, 229, 1)",
+  lilacIconSubtle: "rgba(239, 237, 253, 1)",
+  limeIcon: "rgba(33, 55, 11, 1)",
+  limeIconMild: "rgba(117, 159, 56, 1)",
+  limeIconSubtle: "rgba(241, 254, 207, 1)",
+  mossIcon: "rgba(2, 64, 15, 1)",
+  mossIconMild: "rgba(15, 168, 60, 1)",
+  mossIconSubtle: "rgba(227, 247, 234, 1)",
+  oceanIcon: "rgba(0, 29, 102, 1)",
+  oceanIconMild: "rgba(86, 136, 211, 1)",
+  oceanIconSubtle: "rgba(229, 240, 255, 1)",
+  orangeIcon: "rgba(92, 32, 0, 1)",
+  orangeIconMild: "rgba(218, 121, 43, 1)",
+  orangeIconSubtle: "rgba(255, 238, 222, 1)",
+  pinkIcon: "rgba(85, 5, 92, 1)",
+  pinkIconMild: "rgba(213, 90, 200, 1)",
+  pinkIconSubtle: "rgba(254, 242, 255, 1)",
+  sunshineIcon: "rgba(80, 58, 3, 1)",
+  sunshineIconMild: "rgba(186, 138, 18, 1)",
+  sunshineIconSubtle: "rgba(255, 253, 229, 1)",
+  tealIcon: "rgba(14, 67, 67, 1)",
+  tealIconMild: "rgba(17, 162, 147, 1)",
+  tealIconSubtle: "rgba(225, 251, 249, 1)",
+  coalText: "rgba(51, 51, 51, 1)",
+  coalTextMild: "rgba(89, 89, 89, 1)",
+  coalTextSubtle: "rgba(247, 247, 247, 1)",
+  coralText: "rgba(96, 0, 0, 1)",
+  coralTextMild: "rgba(189, 10, 10, 1)",
+  coralTextSubtle: "rgba(252, 226, 226, 1)",
+  cyanText: "rgba(0, 62, 87, 1)",
+  cyanTextMild: "rgba(15, 138, 179, 1)",
+  cyanTextSubtle: "rgba(228, 249, 255, 1)",
+  lilacText: "rgba(32, 8, 79, 1)",
+  lilacTextMild: "rgba(124, 89, 223, 1)",
+  lilacTextSubtle: "rgba(239, 237, 253, 1)",
+  limeText: "rgba(33, 55, 11, 1)",
+  limeTextMild: "rgba(96, 133, 33, 1)",
+  limeTextSubtle: "rgba(241, 254, 207, 1)",
+  mossText: "rgba(2, 64, 15, 1)",
+  mossTextMild: "rgba(6, 116, 41, 1)",
+  mossTextSubtle: "rgba(227, 247, 234, 1)",
+  oceanText: "rgba(0, 29, 102, 1)",
+  oceanTextMild: "rgba(48, 91, 171, 1)",
+  oceanTextSubtle: "rgba(229, 240, 255, 1)",
+  orangeText: "rgba(92, 32, 0, 1)",
+  orangeTextMild: "rgba(155, 74, 8, 1)",
+  orangeTextSubtle: "rgba(255, 238, 222, 1)",
+  pinkText: "rgba(85, 5, 92, 1)",
+  pinkTextMild: "rgba(200, 81, 195, 1)",
+  pinkTextSubtle: "rgba(254, 242, 255, 1)",
+  sunshineText: "rgba(80, 58, 3, 1)",
+  sunshineTextMild: "rgba(175, 126, 4, 1)",
+  sunshineTextSubtle: "rgba(255, 253, 229, 1)",
+  tealText: "rgba(14, 67, 67, 1)",
+  tealTextMild: "rgba(24, 117, 116, 1)",
+  tealTextSubtle: "rgba(225, 251, 249, 1)"
 };
 
 const light = Object.freeze({