@zohoim/chat-components 1.0.10-alpha.0 → 1.0.10-temp

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 (20) hide show
  1. package/README.md +2 -2
  2. package/assets/Appearance/dark/mode/General_DarkMode.module.css +6 -6
  3. package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css +5 -5
  4. package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css +5 -5
  5. package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css +5 -5
  6. package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css +5 -5
  7. package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css +5 -5
  8. package/assets/Appearance/light/mode/General_LightMode.module.css +6 -6
  9. package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css +5 -5
  10. package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css +5 -5
  11. package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css +5 -5
  12. package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css +5 -5
  13. package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css +5 -5
  14. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +6 -6
  15. package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css +5 -5
  16. package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css +5 -5
  17. package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css +5 -5
  18. package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css +5 -5
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css +5 -5
  20. package/package.json +2 -2
package/README.md CHANGED
@@ -10,9 +10,9 @@ In this Library, We Provide Some Basic Message Components to Build Your Chat App
10
10
 
11
11
  > import MessageBubble from '@zohoim/chat-components/es/MessageBubble/MessageBubble’;
12
12
 
13
- # 1.0.7
13
+ # 1.0.9
14
14
 
15
- - Color preprocessor and contrast added
15
+ - chat bubble ui issues fixes
16
16
  - @zohodesk/components version update
17
17
 
18
18
  # 1.0.6
package/assets/Appearance/dark/mode/General_DarkMode.module.css CHANGED
@@ -53,12 +53,12 @@
53
53
  --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
54
 
55
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)));
56
+ --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)));
57
+ --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)));
58
+ --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)));
59
+ --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)));
60
+ --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)));
61
+ --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)));
62
62
 
63
63
  /* border failed colors */
64
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)));
package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='dark'][data-zohoim-theme='blue'] {
2
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)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
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)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
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)));
8
+ --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)));
9
+ --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)));
10
+ --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)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='dark'][data-zohoim-theme='green'] {
2
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)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
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)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
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)));
8
+ --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)));
9
+ --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)));
10
+ --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)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(189, 21.21%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='dark'][data-zohoim-theme='orange'] {
2
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)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
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)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
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)));
8
+ --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)));
9
+ --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)));
10
+ --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)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='dark'][data-zohoim-theme='red'] {
2
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)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
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)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
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)));
8
+ --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)));
9
+ --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)));
10
+ --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)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='dark'][data-zohoim-theme='yellow'] {
2
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)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
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)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
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)));
8
+ --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)));
9
+ --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)));
10
+ --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)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/light/mode/General_LightMode.module.css CHANGED
@@ -53,12 +53,12 @@
53
53
  --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
54
 
55
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)));
56
+ --imlib_chat_components_messageBox_failed_bg_color: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
57
+ --imlib_chat_components_imageBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
58
+ --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
59
+ --imlib_chat_components_articleBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
60
+ --imlib_chat_components_locationBubble_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
61
+ --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(0, 100.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
62
62
 
63
63
  /* border failed colors */
64
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)));
package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='light'][data-zohoim-theme='blue'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='light'][data-zohoim-theme='green'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='light'][data-zohoim-theme='orange'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(26, 77.78%, calc(96.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(26, 77.78%, calc(96.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='light'][data-zohoim-theme='red'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='light'][data-zohoim-theme='yellow'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(45, 83.33%, calc(95.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(45, 83.33%, calc(95.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 40.00%, calc(96.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(64, 100.00%, calc(94.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css CHANGED
@@ -53,12 +53,12 @@
53
53
  --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
54
 
55
55
  /* bg failed colors */
56
- --imlib_chat_components_messageBox_failed_bg_color: hsla(346, 36.31%, calc(30.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
57
- --imlib_chat_components_imageBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
58
- --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
59
- --imlib_chat_components_articleBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
60
- --imlib_chat_components_locationBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
61
- --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
56
+ --imlib_chat_components_messageBox_failed_bg_color: hsla(346, 36.31%, calc(30.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
57
+ --imlib_chat_components_imageBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
58
+ --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
59
+ --imlib_chat_components_articleBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
60
+ --imlib_chat_components_locationBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
61
+ --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
62
62
 
63
63
  /* border failed colors */
64
64
  --imlib_chat_components_attachmentBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='pureDark'][data-zohoim-theme='blue'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='pureDark'][data-zohoim-theme='green'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='pureDark'][data-zohoim-theme='orange'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(26, 19.51%, calc(16.08% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='pureDark'][data-zohoim-theme='red'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(0, 13.25%, calc(16.27% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  [data-zohoim-mode='pureDark'][data-zohoim-theme='yellow'] {
2
2
  /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(35, 15.00%, calc(15.69% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
3
+ --imlib_chat_components_actionIconWrapper_bg_color: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
4
  --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
5
  --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
7
  --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
+ --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
+ --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
11
  --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
12
 
13
13
  /* border colors */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.0.10-alpha.0",
3
+ "version": "1.0.10-temp",
4
4
  "description": "Chat Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -52,5 +52,5 @@
52
52
  "jsdom": "23.0.0",
53
53
  "react-to-jsx": "1.3.2"
54
54
  },
55
- "gitHead": "9110a5872338d64aba014563ad4d5202e73e17f1"
55
+ "gitHead": "e67afa09b4cd8a8be3982a9cc800a71ea811593f"
56
56
  }