@zohoim/chat-components 1.1.2-beta.2 → 1.1.2-beta.4

package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /** ** Libraries *** */
 import React, { useCallback, useMemo } from 'react';
 /** ** Components *** */
@@ -41,7 +39,7 @@ export default function ReplyEditorExtensions(props) {
     const {
       needFocusOnSelect
     } = componentProps;
-    return /*#__PURE__*/React.createElement(EmojiPopup, _extends({
+    return /*#__PURE__*/React.createElement(EmojiPopup, {
       key: id,
       onPopupClose: onPopupClose,
       onPopupOpen: onPopupOpen,
@@ -50,32 +48,35 @@ export default function ReplyEditorExtensions(props) {
           content: value,
           needFocus: needFocusOnSelect
         });
-      }
-    }, componentProps));
+      },
+      ...componentProps
+    });
   }, []);
   const handleRenderImageExtension = useCallback(_ref2 => {
     let {
       id,
       componentProps
     } = _ref2;
-    return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
+    return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
       key: id,
       attachmentType: "image",
       iconName: "ZD-TT-image",
-      iconSize: "14"
-    }, componentProps));
+      iconSize: "14",
+      ...componentProps
+    });
   }, []);
   const handleRenderFileExtension = useCallback(_ref3 => {
     let {
       id,
       componentProps
     } = _ref3;
-    return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
+    return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
       key: id,
       attachmentType: "document",
       iconName: "ZD-TT-ttAttach",
-      iconSize: "14"
-    }, componentProps));
+      iconSize: "14",
+      ...componentProps
+    });
   }, []);
   const defaultRenderMethod = useMemo(() => ({
     emoji: {

package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /** ** Libraries *** */
 import React, { useMemo, useCallback } from 'react';
 /** ** Components *** */
@@ -51,7 +49,7 @@ export default function ReplyEditorSuggestions(props) {
     } = componentProps || {}; // (-1) -> ':' string is not valid for count.
 
     const isShowEmojiPopup = searchText.length - 1 >= searchTextLenForShow;
-    return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, _extends({
+    return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, {
       emojisRowType: "single",
       getMethods: getMethods,
       isShowGroupBasedList: false,
@@ -63,8 +61,9 @@ export default function ReplyEditorSuggestions(props) {
           content: value
         });
       },
-      searchString: searchText
-    }, componentProps)) : null;
+      searchString: searchText,
+      ...componentProps
+    }) : null;
   }, []);
   const defaultRenderMethod = useMemo(() => ({
     ':': handleRenderEmoji,
@@ -83,11 +82,13 @@ export default function ReplyEditorSuggestions(props) {
   });
   return /*#__PURE__*/React.createElement(Container, {
     className: newStyle.suggestionPopup
-  }, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, _extends({
+  }, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, {
     onClose: onClose,
     suggestionElement: suggestionElement,
-    targetPosition: position
-  }, replyEditorSuggestionsPopupProps, popupProps)));
+    targetPosition: position,
+    ...replyEditorSuggestionsPopupProps,
+    ...popupProps
+  }));
 }
 ReplyEditorSuggestions.propTypes = replyEditorSuggestionsPropTypes;
 ReplyEditorSuggestions.defaultProps = replyEditorSuggestionsDefaultProps;

package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /** ** Libraries *** */
 import React from 'react';
 /** ** Components *** */
@@ -69,7 +67,7 @@ export function ReplyEditorSuggestionsPopupComp(props) {
     ref: getTargetRef,
     className: newStyle.hiddenTarget,
     style: targetElementStyle
-  }))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, _extends({
+  }))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
     boxPosition: position,
     customStyle: dummyObject,
     getRef: getContainerRef,
@@ -80,8 +78,9 @@ export function ReplyEditorSuggestionsPopupComp(props) {
     onClick: removeClose,
     portalId: EDITOR_POPUP_PORTAL,
     positionsOffset: positionsOffset,
-    size: popupSize
-  }, dropBoxProps), suggestionElement) : null);
+    size: popupSize,
+    ...dropBoxProps
+  }, suggestionElement) : null);
 }
 const ReplyEditorSuggestionsPopup = Popup(ReplyEditorSuggestionsPopupComp, undefined, undefined, {
   isAbsolutePositioningNeeded: false

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.2-beta.2",
+  "version": "1.1.2-beta.4",
   "description": "Chat Components",
-  "main": "lib/index.js",
+  "main": "es/index.js",
   "module": "es/index.js",
   "scripts": {
-    "init": "npm run clean && npm run build:variables",
-    "build": "npm run build:lib && npm run build:es",
-    "build:lib": "cbt build:lib",
-    "build:es": "cbt build:es",
-    "build_watch": "npm run build:variables && npm run build:es -- -w",
-    "build_watch_lib": "npm run build:lib -- -w",
-    "build:variables": "cdt clean ./assets && node ./preprocess/index",
-    "clean": "cdt clean unittest coverage es result.json && mkdir assets",
-    "prepare": "cdt clean assets && npm run init && npm run build",
+    "build": "react-cli build:component:es",
+    "build_watch": "npm run build -- -w",
+    "clean": "react-cli clean unittest coverage es result.json",
+    "rtl": "react-cli rtl ./src ./es",
+    "prepare": "npm run clean && npm run build && npm run rtl && npm run cssVariableConvert",
+    "test": "react-cli test",
+    "test:debug": "react-cli test --runInBand --watch",
     "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc",
+    "cssVariableConvert": "react-cli variableConverter ./es ./es",
     "variable:addignore": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
@@ -27,48 +26,24 @@
   },
   "files": [
     "es",
-    "lib",
-    "assets",
     "!**/__tests__"
   ],
-  "devDependencies": {
-    "@zoho/SecurityJS": "7.2.4",
-    "@zohodesk-private/color-variable-preprocessor": "1.2.1",
-    "@zohodesk-private/css-variable-migrator": "1.0.8",
-    "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.3.1",
-    "@zohodesk/hooks": "2.0.5",
+  "dependencies": {
+    "@zohodesk/components": "1.2.62",
+    "@zohodesk/hooks": "2.0.4",
     "@zohodesk/icon": "1.3.15",
-    "@zohodesk/icons": "1.0.75",
-    "@zohodesk/normalizer": "1.0.2",
-    "@zohodesk/svg": "1.1.29",
-    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/icons": "1.0.43",
+    "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.2-beta.2",
-    "@zohoim/chat-components-utils": "1.1.2-beta.2",
+    "@zohoim/chat-components-hooks": "1.1.2-beta.3",
+    "@zohoim/chat-components-utils": "1.1.2-beta.3"
+  },
+  "devDependencies": {
+    "@zohodesk-private/css-variable-migrator": "1.0.7",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
-    "react-sortable-hoc": "1.11.0",
-    "react-to-jsx": "1.3.2",
-    "velocity-react": "1.4.3"
-  },
-  "peerDependencies": {
-    "@zoho/SecurityJS": "7.2.4",
-    "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.3.1",
-    "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icon": "1.3.15",
-    "@zohodesk/icons": "1.0.75",
-    "@zohodesk/normalizer": "1.0.2",
-    "@zohodesk/svg": "1.1.29",
-    "@zohodesk/utils": "1.3.14",
-    "@zohodesk/variables": "1.0.0",
-    "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.2",
-    "@zohoim/chat-components-utils": "1.1.2",
-    "react-sortable-hoc": "1.11.0",
-    "velocity-react": "1.4.3"
+    "react-to-jsx": "1.3.2"
   },
-  "gitHead": "98419c947615a9322c0006f83b953e0342eb1fb1"
+  "gitHead": "058a2e45b4a64c4841ef3d6ee5e157b1fab306b2"
 }

package/assets/Appearance/dark/mode/General_DarkMode.module.css

@@ -1,93 +0,0 @@
-[data-zohoim-mode='dark'] {
-	/* default colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_primary_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* integration colors */
-	--imlib_chat_components_imIntegrationIcon_whatsapp_color: hsla(143, 70.85%, calc(48.43% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_telegram_color: hsla(201, 63.72%, calc(57.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_wechat_color: hsla(106, 100.00%, calc(37.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_line_color: hsla(120, 98.92%, calc(36.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_twillio_color: hsla(353, 88.24%, calc(56.67% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
-	--imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
-	--imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* two tone icon colors */
-	--imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
-	--imlib_chat_components_imTtIcon_path1_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_path0_color: rgba(255, 255, 255, 0.25);
-	--imlib_chat_components_imIntegrationIcon_path1_color: rgb(255,255,255);
-	--imlib_chat_components_twotone_icon_border: var(--dot_platinum);
-	
-	/* text / icon colors */
-	--imlib_chat_components_actionIconWrapper_color: rgb(226,228,230);
-	--imlib_chat_components_messageBox_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_line_color: hsla(217, 58.73%, calc(87.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_sender_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileName_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileSize_color: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_content_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_time_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_title_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imMessageMeta_time_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imAutoMessageInfo_text_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_alt_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* text / icon failed colors */
-	--imlib_chat_components_messageBox_failed_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_alt_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_summary_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_line_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_sender_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileName_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_content_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_time_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_title_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* bg colors */
-	--imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* bg failed colors */
-	--imlib_chat_components_messageBox_failed_bg_color: hsla(2, 75.51%, calc(90.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_articleBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* border failed colors */
-	--imlib_chat_components_attachmentBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_videoBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_articleBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* replyEditor */
-	--imlib_chat_components_reply_editor_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_reply_editor_bg: hsla(219, 21.74%, calc(18.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_reply_editor_placeholder_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* attachment Preview */
-	--imlib_chat_components_attachmentPreview_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentPreview_name_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentPreview_size_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentPreview_body_bg_color: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* emoji popup */
-	--imlib_chat_components_emojiPopup_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_emojiPopup_border_color: hsla(220, 16.67%, calc(28.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_emojiPopup_title_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_emoji_popup_search_bg: hsla(212, 24.53%, calc(20.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-}

package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css

@@ -1,40 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='blue'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* icon colors */
-	--imlib_chat_components_twotone_icon_bg: rgb(95,100,120);
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_see_more_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_emoji_tab_line_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css

@@ -1,40 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='green'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(189, 21.21%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* icon colors */
-	--imlib_chat_components_twotone_icon_bg: rgb(95,100,120);
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_see_more_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_emoji_tab_line_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css

@@ -1,40 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='orange'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* icon colors */
-	--imlib_chat_components_twotone_icon_bg: rgb(95,100,120);
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_see_more_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_emoji_tab_line_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css

@@ -1,40 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='red'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* icon colors */
-	--imlib_chat_components_twotone_icon_bg: rgb(95,100,120);
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_see_more_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_emoji_tab_line_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css

@@ -1,40 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='yellow'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_common_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* icon colors */
-	--imlib_chat_components_twotone_icon_bg: rgb(95,100,120);
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_see_more_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_textBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_emoji_tab_line_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}