@zohoim/chat-components 1.0.9-alpha.0 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +2 -2
  2. package/es/ActionIcon/ActionIcon.js +3 -1
  3. package/es/ActionIcon/props/propTypes.js +2 -1
  4. package/es/ActionIconWrapper/ActionIconWrapper.js +6 -3
  5. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +1 -1
  6. package/es/ActionIconWrapper/css/cssJSLogic.js +4 -2
  7. package/es/ActionIconWrapper/props/propTypes.js +2 -1
  8. package/es/MessageAction/MessageAction.js +2 -0
  9. package/es/MessageAction/props/propTypes.js +2 -1
  10. package/es/MessageActions/MessageActions.js +2 -1
  11. package/es/MessageActionsMore/MessageActionsMore.js +4 -2
  12. package/es/MessageActionsMore/css/MessageActionsMore.module.css +1 -0
  13. package/es/MessageActionsWrapper/MessageActionsWrapper.js +1 -0
  14. package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css +4 -0
  15. package/es/Theme/ThemeAssets.js +0 -18
  16. package/es/Theme/ThemeWrapper.js +5 -7
  17. package/es/Theme/themeVariables/commonThemeColorVariable.js +17 -0
  18. package/es/Theme/themeVariables/dark/blueTheme.js +116 -0
  19. package/es/Theme/themeVariables/dark/commonColorVariable.js +16 -0
  20. package/es/Theme/themeVariables/dark/greenTheme.js +115 -0
  21. package/es/Theme/themeVariables/dark/orangeTheme.js +115 -0
  22. package/es/Theme/themeVariables/dark/redTheme.js +115 -0
  23. package/es/Theme/themeVariables/dark/yellowTheme.js +115 -0
  24. package/es/Theme/themeVariables/light/blueTheme.js +114 -0
  25. package/es/Theme/themeVariables/light/commonColorVariable.js +35 -0
  26. package/es/Theme/themeVariables/light/greenTheme.js +114 -0
  27. package/es/Theme/themeVariables/light/orangeTheme.js +114 -0
  28. package/es/Theme/themeVariables/light/redTheme.js +114 -0
  29. package/es/Theme/themeVariables/light/yellowTheme.js +114 -0
  30. package/es/Theme/themeVariables/pureDark/blueTheme.js +115 -0
  31. package/es/Theme/themeVariables/pureDark/commonColorVariable.js +18 -0
  32. package/es/Theme/themeVariables/pureDark/greenTheme.js +115 -0
  33. package/es/Theme/themeVariables/pureDark/orangeTheme.js +115 -0
  34. package/es/Theme/themeVariables/pureDark/redTheme.js +115 -0
  35. package/es/Theme/themeVariables/pureDark/yellowTheme.js +115 -0
  36. package/es/Theme/utils/getThemeConfigurations.js +55 -1
  37. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +2 -2
  38. package/package.json +9 -16
  39. package/assets/Appearance/dark/mode/General_DarkMode.module.css +0 -71
  40. package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css +0 -35
  41. package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css +0 -35
  42. package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css +0 -35
  43. package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css +0 -35
  44. package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css +0 -35
  45. package/assets/Appearance/light/mode/General_LightMode.module.css +0 -71
  46. package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css +0 -35
  47. package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css +0 -35
  48. package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css +0 -35
  49. package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css +0 -35
  50. package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css +0 -35
  51. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +0 -71
  52. package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css +0 -35
  53. package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css +0 -35
  54. package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css +0 -35
  55. package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css +0 -35
  56. package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css +0 -35
  57. package/lib/index.js +0 -382
package/es/Theme/themeVariables/pureDark/yellowTheme.js ADDED
@@ -0,0 +1,115 @@
1
+ /* eslint-disable camelcase */
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, messageStatusSendColor, messageStatusFailedColor, actionIconWrapperColor, primaryYellow, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor } from "./commonColorVariable";
3
+ import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
4
+ export default {
5
+ library: 'chat_components',
6
+ variables: {
7
+ actionIconWrapper: {
8
+ color: actionIconWrapperColor,
9
+ bg_color: '#2e2922',
10
+ border_color: '#453925'
11
+ },
12
+ attachmentBubble: {
13
+ bg_color: '#212121',
14
+ bg_color_failed: failedBg,
15
+ border_color: '#161515',
16
+ border_color_failed: failedBdr
17
+ },
18
+ attachmentBubbleInfo: {
19
+ fileName_color: '#e2e4e6',
20
+ fileName_color_failed: failedColor,
21
+ fileSize_color: '#999',
22
+ fileSize_color_failed: '#788190'
23
+ },
24
+ articleBubble: {
25
+ bg_color: '#212121',
26
+ bg_color_failed: failedBg,
27
+ border_color: '#161515',
28
+ border_color_failed: failedBdr,
29
+ title_color: '#e2e4e6',
30
+ title_color_failed: failedColor,
31
+ summary_color: '#e2e4e6',
32
+ summary_color_failed: failedColor
33
+ },
34
+ imAutoMessageInfo: {
35
+ text_color: '#999'
36
+ },
37
+ imIntegrationIcon,
38
+ imTtIcon,
39
+ imMessageContent: {
40
+ text_color: '#a8b0bd'
41
+ },
42
+ imMessageMeta: {
43
+ time_color: '#999'
44
+ },
45
+ imPermaLink: {
46
+ url_color: '#d79835'
47
+ },
48
+ imageBubble: {
49
+ bg_color: '#212121',
50
+ bg_color_failed: failedBg,
51
+ alt_text_color: '#e2e4e6',
52
+ alt_text_color_failed: failedColor,
53
+ border_color: '#161515',
54
+ border_color_failed: failedBdr
55
+ },
56
+ locationBubble: {
57
+ bg_color: '#212121',
58
+ bg_color_failed: failedBg,
59
+ border_color: '#161515',
60
+ border_color_failed: failedBdr,
61
+ url_color: primaryYellow,
62
+ url_color_failed: failedUrlColor
63
+ },
64
+ messageBox: {
65
+ incoming_bg_color: incomingBubbleBgColor,
66
+ outgoing_bg_color: outgoingBubbleBgColor,
67
+ bg_color: '#f1f7fe',
68
+ failed_bg_color: failedBgWrapper,
69
+ text_color: messagetextColor
70
+ },
71
+ messageBubble: {
72
+ active_bg_color: bubbleActiveBgColor,
73
+ messageBox_footer_text_color: '#5a616f'
74
+ },
75
+ messageStatus: {
76
+ send_color: messageStatusSendColor,
77
+ read_color: '#d79835',
78
+ failed_color: messageStatusFailedColor
79
+ },
80
+ replyBubble: {
81
+ border_color: '#161515',
82
+ border_color_failed: failedBdr
83
+ },
84
+ replyBubbleContent: {
85
+ bg_color: '#212121',
86
+ bg_color_failed: failedBg,
87
+ border_color: '#161515',
88
+ border_color_failed: failedBdr,
89
+ line_color: '#cddbf2',
90
+ line_color_failed: failedLine,
91
+ sender_color: '#e2e4e6',
92
+ sender_color_failed: failedColor,
93
+ content_color: '#e2e4e6',
94
+ content_color_failed: failedColor
95
+ },
96
+ replyBubbleHeader: {
97
+ text_color: '#e2e4e6',
98
+ text_color_failed: failedColor,
99
+ time_color: '#828994',
100
+ time_color_failed: failedColor
101
+ },
102
+ textBubble: {
103
+ text_color: '#e2e4e6',
104
+ text_color_failed: failedColor,
105
+ see_more_color: primaryYellow,
106
+ see_more_color_failed: failedUrlColor,
107
+ url_color: primaryYellow,
108
+ url_color_failed: failedUrlColor
109
+ },
110
+ videoBubble: {
111
+ border_color: '#161515',
112
+ border_color_failed: failedBdr
113
+ }
114
+ }
115
+ };
package/es/Theme/utils/getThemeConfigurations.js CHANGED
@@ -1,4 +1,19 @@
1
1
  import { modeConstants, themeConstants } from "../constants";
2
+ import lightBlue from "../themeVariables/light/blueTheme";
3
+ import lightGreen from "../themeVariables/light/greenTheme";
4
+ import lightOrange from "../themeVariables/light/orangeTheme";
5
+ import lightRed from "../themeVariables/light/redTheme";
6
+ import lightYellow from "../themeVariables/light/yellowTheme";
7
+ import darkBlue from "../themeVariables/dark/blueTheme";
8
+ import darkGreen from "../themeVariables/dark/greenTheme";
9
+ import darkOrange from "../themeVariables/dark/orangeTheme";
10
+ import darkRed from "../themeVariables/dark/redTheme";
11
+ import darkYellow from "../themeVariables/dark/yellowTheme";
12
+ import pureDarkBlue from "../themeVariables/pureDark/blueTheme";
13
+ import pureDarkGreen from "../themeVariables/pureDark/greenTheme";
14
+ import pureDarkOrange from "../themeVariables/pureDark/orangeTheme";
15
+ import pureDarkRed from "../themeVariables/pureDark/redTheme";
16
+ import pureDarkYellow from "../themeVariables/pureDark/yellowTheme";
2
17
  const modeMapping = {
3
18
  [modeConstants.LIGHT]: 'light',
4
19
  [modeConstants.DARK]: 'dark',
@@ -11,17 +26,56 @@ const themeMapping = {
11
26
  [themeConstants.RED]: 'red',
12
27
  [themeConstants.YELLOW]: 'yellow'
13
28
  };
29
+ const concatString = '_';
14
30
  const defaultTheme = themeMapping[themeConstants.BLUE];
15
31
  const defaultMode = modeMapping[modeConstants.LIGHT];
32
+ const defaultThemeConfiguration = lightBlue;
33
+ const themeConfigMapping = {
34
+ [`${modeConstants.LIGHT}${concatString}${themeConstants.BLUE}`]: lightBlue,
35
+ [`${modeConstants.LIGHT}${concatString}${themeConstants.GREEN}`]: lightGreen,
36
+ [`${modeConstants.LIGHT}${concatString}${themeConstants.ORANGE}`]: lightOrange,
37
+ [`${modeConstants.LIGHT}${concatString}${themeConstants.RED}`]: lightRed,
38
+ [`${modeConstants.LIGHT}${concatString}${themeConstants.YELLOW}`]: lightYellow,
39
+ [`${modeConstants.DARK}${concatString}${themeConstants.BLUE}`]: darkBlue,
40
+ [`${modeConstants.DARK}${concatString}${themeConstants.GREEN}`]: darkGreen,
41
+ [`${modeConstants.DARK}${concatString}${themeConstants.ORANGE}`]: darkOrange,
42
+ [`${modeConstants.DARK}${concatString}${themeConstants.RED}`]: darkRed,
43
+ [`${modeConstants.DARK}${concatString}${themeConstants.YELLOW}`]: darkYellow,
44
+ [`${modeConstants.PURE_DARK}${concatString}${themeConstants.BLUE}`]: pureDarkBlue,
45
+ [`${modeConstants.PURE_DARK}${concatString}${themeConstants.GREEN}`]: pureDarkGreen,
46
+ [`${modeConstants.PURE_DARK}${concatString}${themeConstants.ORANGE}`]: pureDarkOrange,
47
+ [`${modeConstants.PURE_DARK}${concatString}${themeConstants.RED}`]: pureDarkRed,
48
+ [`${modeConstants.PURE_DARK}${concatString}${themeConstants.YELLOW}`]: pureDarkYellow
49
+ };
50
+
51
+ function getThemeName() {
52
+ let {
53
+ mode = modeConstants.LIGHT,
54
+ theme = themeConstants.BLUE
55
+ } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
56
+ const themeName = `${mode}${concatString}${theme}`;
57
+ return {
58
+ themeName
59
+ };
60
+ }
61
+
16
62
  export default function getThemeConfigurations(_ref) {
17
63
  let {
18
64
  mode: propMode,
19
65
  theme: propTheme
20
66
  } = _ref;
67
+ const {
68
+ themeName
69
+ } = getThemeName({
70
+ mode: propMode,
71
+ theme: propTheme
72
+ });
21
73
  const mode = propMode ? modeMapping[propMode] || propMode : defaultMode;
22
74
  const theme = propTheme ? themeMapping[propTheme] || propTheme : defaultTheme;
75
+ const themeConfigurations = themeConfigMapping[themeName] || defaultThemeConfiguration;
23
76
  return {
24
77
  mode,
25
- theme
78
+ theme,
79
+ themeConfigurations
26
80
  };
27
81
  }
package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css CHANGED
@@ -64,9 +64,9 @@
64
64
  }
65
65
 
66
66
  .fontIcon :global .path1::before {
67
- color: var(--imlib_chat_components_imIntegrationIcon_path0_color) !important;
67
+ color: var(--imlib_chat_components_imIntegrationIcon_path0_color);
68
68
  }
69
69
 
70
70
  .fontIcon :global .path2::before {
71
- color: var(--imlib_chat_components_imIntegrationIcon_path1_color) !important;
71
+ color: var(--imlib_chat_components_imIntegrationIcon_path1_color);
72
72
  }
package/package.json CHANGED
@@ -1,27 +1,22 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.0.9-alpha.0",
3
+ "version": "1.0.9",
4
4
  "description": "Chat Components",
5
- "main": "lib/index.js",
5
+ "main": "es/index.js",
6
6
  "module": "es/index.js",
7
7
  "scripts": {
8
- "build": "npm run build:lib && npm run build:es",
9
- "build:lib": "react-cli build:component:cmjs",
10
- "build:es": "react-cli build:library:es",
11
- "build:local": " npm run build && npm run rtl && npm run cssVariableConvert ",
12
- "build_watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
13
- "clean": "react-cli clean unittest coverage es result.json && mkdir assets",
8
+ "build": "react-cli build:component:es",
9
+ "build_watch": "npm run build -- -w",
10
+ "clean": "react-cli clean unittest coverage es result.json",
14
11
  "rtl": "react-cli rtl ./src ./es",
15
- "prepare": "react-cli clean assets && npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
12
+ "prepare": "npm run clean && npm run build && npm run rtl && npm run cssVariableConvert",
16
13
  "test": "react-cli test",
17
14
  "test:debug": "react-cli test --runInBand --watch",
18
15
  "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc",
19
- "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
16
+ "cssVariableConvert": "react-cli variableConverter ./es ./es",
20
17
  "variable:addignore": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
21
18
  "variable:convert": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
22
- "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",
23
- "build:variables": "react-cli clean ./assets && node ./preprocess/index",
24
- "init": "npm run clean && npm run build:variables"
19
+ "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"
25
20
  },
26
21
  "author": "ZohoDesk - IM Team",
27
22
  "license": "ISC",
@@ -31,7 +26,6 @@
31
26
  },
32
27
  "files": [
33
28
  "es",
34
- "assets",
35
29
  "!**/__tests__"
36
30
  ],
37
31
  "dependencies": {
@@ -46,11 +40,10 @@
46
40
  "@zohoim/chat-components-utils": "^1.0.4"
47
41
  },
48
42
  "devDependencies": {
49
- "@zohodesk-private/color-variable-preprocessor": "1.2.1",
50
43
  "@zohodesk-private/css-variable-migrator": "1.0.7",
51
44
  "html-to-react": "1.7.0 ",
52
45
  "jsdom": "23.0.0",
53
46
  "react-to-jsx": "1.3.2"
54
47
  },
55
- "gitHead": "9cda3855c3440ea8439c75bcb7b9e2a2ad41bc5b"
48
+ "gitHead": "ecb866c48b39cc63706eaaba8bce056ca008f836"
56
49
  }
package/assets/Appearance/dark/mode/General_DarkMode.module.css DELETED
@@ -1,71 +0,0 @@
1
- [data-zohoim-mode='dark'] {
2
- /* integration colors */
3
- --imlib_chat_components_imIntegrationIcon_whatsapp_color: hsla(143, 70.85%, calc(48.43% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_imIntegrationIcon_telegram_color: hsla(201, 63.72%, calc(57.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
5
- --imlib_chat_components_imIntegrationIcon_wechat_color: hsla(106, 100.00%, calc(37.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --imlib_chat_components_imIntegrationIcon_line_color: hsla(120, 98.92%, calc(36.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_imIntegrationIcon_twillio_color: hsla(353, 88.24%, calc(56.67% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
- --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
9
- --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
10
- --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
-
12
- /* two tone icon colors */
13
- --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
14
- --imlib_chat_components_imTtIcon_path1_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_path0_color: rgba(255, 255, 255, 0.25);
16
- --imlib_chat_components_imIntegrationIcon_path1_color: rgb(255,255,255);
17
-
18
- /* text / icon colors */
19
- --imlib_chat_components_actionIconWrapper_color: rgb(226,228,230);
20
- --imlib_chat_components_messageBox_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_replyBubbleContent_line_color: hsla(217, 58.73%, calc(87.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
- --imlib_chat_components_replyBubbleContent_sender_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
23
- --imlib_chat_components_attachmentBubbleInfo_fileName_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
24
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
25
- --imlib_chat_components_replyBubbleContent_content_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
- --imlib_chat_components_replyBubbleHeader_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
27
- --imlib_chat_components_replyBubbleHeader_time_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
28
- --imlib_chat_components_textBubble_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
29
- --imlib_chat_components_articleBubble_title_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
30
- --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
31
- --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_imMessageMeta_time_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_imAutoMessageInfo_text_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --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)));
35
- --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
- --imlib_chat_components_imageBubble_alt_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
-
38
- /* text / icon failed colors */
39
- --imlib_chat_components_messageBox_failed_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
- --imlib_chat_components_replyBubbleHeader_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
- --imlib_chat_components_textBubble_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
42
- --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)));
43
- --imlib_chat_components_articleBubble_summary_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
44
- --imlib_chat_components_replyBubbleContent_line_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
- --imlib_chat_components_replyBubbleContent_sender_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
- --imlib_chat_components_attachmentBubbleInfo_fileName_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
47
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
48
- --imlib_chat_components_replyBubbleContent_content_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
49
- --imlib_chat_components_replyBubbleHeader_time_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
- --imlib_chat_components_articleBubble_title_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
51
-
52
- /* bg colors */
53
- --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
-
55
- /* bg failed colors */
56
- --imlib_chat_components_messageBox_failed_bg_color: hsla(2, 75.51%, calc(90.39% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
57
- --imlib_chat_components_imageBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
58
- --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
59
- --imlib_chat_components_articleBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
60
- --imlib_chat_components_locationBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
61
- --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
62
-
63
- /* border failed colors */
64
- --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)));
65
- --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)));
66
- --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)));
67
- --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)));
68
- --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)));
69
- --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)));
70
- --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)));
71
- }
package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='dark'][data-zohoim-theme='blue'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --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)));
27
- --imlib_chat_components_textBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --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)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='dark'][data-zohoim-theme='green'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(189, 21.21%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --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)));
27
- --imlib_chat_components_textBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --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)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='dark'][data-zohoim-theme='orange'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --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)));
27
- --imlib_chat_components_textBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --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)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='dark'][data-zohoim-theme='red'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --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)));
27
- --imlib_chat_components_textBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --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)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='dark'][data-zohoim-theme='yellow'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --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)));
27
- --imlib_chat_components_textBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --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)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/light/mode/General_LightMode.module.css DELETED
@@ -1,71 +0,0 @@
1
- [data-zohoim-mode='light'] {
2
- /* integration colors */
3
- --imlib_chat_components_imIntegrationIcon_whatsapp_color: hsla(143, 70.85%, calc(48.43% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_imIntegrationIcon_telegram_color: hsla(201, 63.72%, calc(57.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
5
- --imlib_chat_components_imIntegrationIcon_wechat_color: hsla(106, 100.00%, calc(37.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --imlib_chat_components_imIntegrationIcon_line_color: hsla(120, 98.92%, calc(36.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_imIntegrationIcon_twillio_color: hsla(353, 88.24%, calc(56.67% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
- --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
9
- --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
10
- --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
-
12
- /* two tone icon colors */
13
- --imlib_chat_components_imTtIcon_path0_color: rgba(200,203,220,0.7);
14
- --imlib_chat_components_imTtIcon_path1_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_path0_color: rgba(255, 255, 255, 0.25);
16
- --imlib_chat_components_imIntegrationIcon_path1_color: rgb(255,255,255);
17
-
18
- /* text / icon colors */
19
- --imlib_chat_components_actionIconWrapper_color: rgb(0,0,0);
20
- --imlib_chat_components_messageBox_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_replyBubbleContent_line_color: hsla(217, 58.73%, calc(87.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
- --imlib_chat_components_replyBubbleContent_sender_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
23
- --imlib_chat_components_attachmentBubbleInfo_fileName_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
24
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
25
- --imlib_chat_components_replyBubbleContent_content_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
- --imlib_chat_components_replyBubbleHeader_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
27
- --imlib_chat_components_replyBubbleHeader_time_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
28
- --imlib_chat_components_textBubble_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
29
- --imlib_chat_components_articleBubble_title_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
30
- --imlib_chat_components_articleBubble_summary_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
31
- --imlib_chat_components_imMessageContent_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_imMessageMeta_time_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_imAutoMessageInfo_text_color: hsla(240, 1.29%, calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --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)));
35
- --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
- --imlib_chat_components_imageBubble_alt_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
-
38
- /* text / icon failed colors */
39
- --imlib_chat_components_messageBox_failed_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
- --imlib_chat_components_replyBubbleHeader_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
- --imlib_chat_components_textBubble_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
42
- --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)));
43
- --imlib_chat_components_articleBubble_summary_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
44
- --imlib_chat_components_replyBubbleContent_line_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
- --imlib_chat_components_replyBubbleContent_sender_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
- --imlib_chat_components_attachmentBubbleInfo_fileName_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
47
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
48
- --imlib_chat_components_replyBubbleContent_content_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
49
- --imlib_chat_components_replyBubbleHeader_time_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
- --imlib_chat_components_articleBubble_title_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
51
-
52
- /* bg colors */
53
- --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
-
55
- /* bg failed colors */
56
- --imlib_chat_components_messageBox_failed_bg_color: hsla(0, 73.91%, calc(95.49% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
57
- --imlib_chat_components_imageBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
58
- --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
59
- --imlib_chat_components_articleBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
60
- --imlib_chat_components_locationBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
61
- --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
62
-
63
- /* border failed colors */
64
- --imlib_chat_components_attachmentBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
65
- --imlib_chat_components_imageBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
66
- --imlib_chat_components_locationBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
67
- --imlib_chat_components_replyBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
68
- --imlib_chat_components_videoBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
69
- --imlib_chat_components_articleBubble_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
70
- --imlib_chat_components_replyBubbleContent_border_color_failed: hsla(0, 100.00%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
71
- }