@zohodesk/svg 1.0.0-beta.55 → 1.0.0-beta.56

package/README.md

@@ -1,211 +1,220 @@
-# DOT SVG
-
-This Bundle Contains EmptyState Images.
-# 1.0.0-beta.55
-
-- EmptyState: AuthenticationPending SVG added.
-
-# 1.0.0-beta.54
-
-- EmptyState: BOT SVG added.
-
-# 1.0.0-beta.53
-
-- EmptyState: APIs SVG added.
-
-# 1.0.0-beta.52
-
-- EmptyState: Contract SVG added.
-
-# 1.0.0-beta.51
-
-- Emptystate: EmptyPreferences and EmptySandbox included.
-
-# 1.0.0-beta.50
-
-- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
-
-# 1.0.0-beta.48,49
-
-- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
-
-# 1.0.0-beta.47
-
-- PureDark mode implemented via preprocess
-
-# 1.0.0-beta.46
-
-- CustomModule SVG added
-
-# 1.0.0-beta.45
-
-- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
-
-# 1.0.0-beta.44
-
-- UnauthorizedLogin error state SVG replacement
-
-# 1.0.0-beta.43
-
-- Export & Multilingual SVG added
-
-# 1.0.0-beta.42
-
-- Extensions SVG added
-
-# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
-
-- Appearance css moved to assets
-# 1.0.0-beta.38
-
-- bg,shadow,text,border based variables removed and renamed.
-
-# 1.0.0-beta.37
-
-- Loader =>  Converted to Pure Component 
-
-# 1.0.0-beta.36
-
-- Night mode SVG CTA primary stroke color value changed
-
-# 1.0.0-beta.35
-
-- EmptyError added
-
-# 1.0.0-beta.34
-
-- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
-- Docs Ui Fix
-- Theme Files Import Separated
-- Theme color values updated
-- EmptyInconvenience => Svg Image Changed as Old Svg
-- Inconvenience removed
-- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
-
-# 1.0.0-beta.33
-
-- Palette Based Folder Structure  Changed.
-- data-theme changed to data-mode
-- data-palette changed to data-theme
-# 1.0.0-beta.32
-
-- Palette Based Color System Implemented
-# 1.0.0-beta.31
-
-- EmptyDeparment Added
-- Predictor, ZiaAnamoly, Extractor added
-# 1.0.0-beta.30
-
-- EmptySkills Image Updated
-# 1.0.0-beta.29
-
-- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess  added
-# 1.0.0-beta.28
-
-- EmptyAgentQueue added
-# 1.0.0-beta.27
-
-- EmptySla,EmptyContract,EmptyReply Added
-# 1.0.0-beta.26
-
-- Loader => Layout issue Fixed
-# 1.0.0-beta.25
-
-- TemplateIcon SVG fix
-# 1.0.0-beta.24
-
-- Loader Svg converted to js
-# 1.0.0-beta.23
-
-- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
-
-# 1.0.0-beta.22
-
-- Theme changes added in EmptyBlueprint,EmptyTemplate
-- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
-- danger palatte added in EmptyFrame
-
-# 1.0.0-beta.21
-
-- Dark Mode Variable Introduced
-
-# 1.0.0-beta.19
-
-- Cli Update
-
-# 1.0.0-beta.18
-
-- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
-
-# 1.0.0-beta.17
-
-- EmptyApproval Added
-- EmptyHistory Updated
-
-# 1.0.0-beta.16
-
-- EmptySchedule , EmptyColumn added
-
-# 1.0.0-beta.15
-
-- DefaultProps Fix
-
-# 1.0.0-beta.14
-
-- EmptyFrame Added
-
-# 1.0.0-beta.13
-
-- svgLoader Removed
-
-# 1.0.0-beta.12
-
-- Loads both dark mode image and ordinary image in the component.
-
-# 1.0.0-beta.11
-
-- SvgLoader function - replaced dynamic variable with static path. This is check version.
-
-# 1.0.0-beta.10
-
-- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
-
-# 1.0.0-beta.9
-
-- SvgLoader Function fix - replacing "import" with "require"
-
-# 1.0.0-beta.8
-
-- emptyDashboard issue fix
-
-# 1.0.0-beta.7
-
--EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
-
-# 1.0.0-beta.6
-
-- wasted
-
-# 1.0.0-beta.5
-
-- dataId Added, EmtyDanger SVG updated
-
-# 1.0.0-beta.5
-
-- SVG Loader Middle Fix
-
-# 1.0.0-beta.4
-
-- EmptySnippet, EmptySkills Added
-
-# 1.0.0-beta.3
-
-- ErrorStates isFluid Prop Included
-
-# 1.0.0-beta.2
-
-- Empty History SVG Added
-
-# 1.0.0-beta.0
-
-- First Publish
+# DOT SVG
+
+This Bundle Contains EmptyState Images.
+
+# 1.0.0-beta.56
+
+- Contrast Color Implemented
+
+# 1.0.0-beta.55
+
+- EmptyState: AuthenticationPending SVG added.
+
+# 1.0.0-beta.xx
+
+- Contrast option implemented through preprocess. Category key value added for all color variables.
+
+# 1.0.0-beta.54
+
+- EmptyState: BOT SVG added.
+
+# 1.0.0-beta.53
+
+- EmptyState: APIs SVG added.
+
+# 1.0.0-beta.52
+
+- EmptyState: Contract SVG added.
+
+# 1.0.0-beta.51
+
+- Emptystate: EmptyPreferences and EmptySandbox included.
+
+# 1.0.0-beta.50
+
+- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
+
+# 1.0.0-beta.48,49
+
+- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
+
+# 1.0.0-beta.47
+
+- PureDark mode implemented via preprocess
+
+# 1.0.0-beta.46
+
+- CustomModule SVG added
+
+# 1.0.0-beta.45
+
+- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
+
+# 1.0.0-beta.44
+
+- UnauthorizedLogin error state SVG replacement
+
+# 1.0.0-beta.43
+
+- Export & Multilingual SVG added
+
+# 1.0.0-beta.42
+
+- Extensions SVG added
+
+# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
+
+- Appearance css moved to assets
+# 1.0.0-beta.38
+
+- bg,shadow,text,border based variables removed and renamed.
+
+# 1.0.0-beta.37
+
+- Loader =>  Converted to Pure Component 
+
+# 1.0.0-beta.36
+
+- Night mode SVG CTA primary stroke color value changed
+
+# 1.0.0-beta.35
+
+- EmptyError added
+
+# 1.0.0-beta.34
+
+- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
+- Docs Ui Fix
+- Theme Files Import Separated
+- Theme color values updated
+- EmptyInconvenience => Svg Image Changed as Old Svg
+- Inconvenience removed
+- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
+
+# 1.0.0-beta.33
+
+- Palette Based Folder Structure  Changed.
+- data-theme changed to data-mode
+- data-palette changed to data-theme
+# 1.0.0-beta.32
+
+- Palette Based Color System Implemented
+# 1.0.0-beta.31
+
+- EmptyDeparment Added
+- Predictor, ZiaAnamoly, Extractor added
+# 1.0.0-beta.30
+
+- EmptySkills Image Updated
+# 1.0.0-beta.29
+
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess  added
+# 1.0.0-beta.28
+
+- EmptyAgentQueue added
+# 1.0.0-beta.27
+
+- EmptySla,EmptyContract,EmptyReply Added
+# 1.0.0-beta.26
+
+- Loader => Layout issue Fixed
+# 1.0.0-beta.25
+
+- TemplateIcon SVG fix
+# 1.0.0-beta.24
+
+- Loader Svg converted to js
+# 1.0.0-beta.23
+
+- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
+
+# 1.0.0-beta.22
+
+- Theme changes added in EmptyBlueprint,EmptyTemplate
+- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
+- danger palatte added in EmptyFrame
+
+# 1.0.0-beta.21
+
+- Dark Mode Variable Introduced
+
+# 1.0.0-beta.19
+
+- Cli Update
+
+# 1.0.0-beta.18
+
+- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
+
+# 1.0.0-beta.17
+
+- EmptyApproval Added
+- EmptyHistory Updated
+
+# 1.0.0-beta.16
+
+- EmptySchedule , EmptyColumn added
+
+# 1.0.0-beta.15
+
+- DefaultProps Fix
+
+# 1.0.0-beta.14
+
+- EmptyFrame Added
+
+# 1.0.0-beta.13
+
+- svgLoader Removed
+
+# 1.0.0-beta.12
+
+- Loads both dark mode image and ordinary image in the component.
+
+# 1.0.0-beta.11
+
+- SvgLoader function - replaced dynamic variable with static path. This is check version.
+
+# 1.0.0-beta.10
+
+- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
+
+# 1.0.0-beta.9
+
+- SvgLoader Function fix - replacing "import" with "require"
+
+# 1.0.0-beta.8
+
+- emptyDashboard issue fix
+
+# 1.0.0-beta.7
+
+-EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
+
+# 1.0.0-beta.6
+
+- wasted
+
+# 1.0.0-beta.5
+
+- dataId Added, EmtyDanger SVG updated
+
+# 1.0.0-beta.5
+
+- SVG Loader Middle Fix
+
+# 1.0.0-beta.4
+
+- EmptySnippet, EmptySkills Added
+
+# 1.0.0-beta.3
+
+- ErrorStates isFluid Prop Included
+
+# 1.0.0-beta.2
+
+- Empty History SVG Added
+
+# 1.0.0-beta.0
+
+- First Publish

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

@@ -1,37 +1,37 @@
 [data-mode='dark'] {
 	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: #479dff;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #ff6b6b;
-	--zdt_svg_default_tiny_circle: #4ac064;
-	--zdt_svg_default_small_circle: #ff6b6b;
-	--zdt_svg_default_circle_fill: var(--dot_white);
+	--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
+	--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
-	--zdt_svg_dark_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #ff6b6b;
-	--zdt_svg_dark_tiny_circle: #4ac064;
-	--zdt_svg_dark_small_circle: #ff6b6b;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
+	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #479dff;
-	--zdt_svg_danger_secondary_fill: #334b68;
-	--zdt_svg_danger_secondary_plainfill: #334b68;
-	--zdt_svg_danger_plus: #479dff;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #ff6b6b;
-	--zdt_svg_danger_tiny_circle: #4ac064;
-	--zdt_svg_danger_small_circle: #ff6b6b;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
+	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='blue'] {
-	--zdt_cta_primary_fill: #828994;
-	--zdt_cta_primary_stroke: #479dff;
-	--zdt_cta_secondary_fill: rgb(71 157 255 / 25%);
-	--zdt_cta_secondary_plainfill: #334b68;
-	--zdt_cta_primary_dark_fill: #828994;
-	--zdt_cta_primary_dark_stroke: #479dff;
-	--zdt_cta_secondary_dark_fill: #334b68;
-	--zdt_cta_secondary_dark_plainfill: #334b68
+	--zdt_svgcta_primary_fill: rgb(130,137,148);
+	--zdt_svgcta_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='green'] {
-	--zdt_cta_primary_fill: #45a159;
-	--zdt_cta_primary_stroke: #45a159;
-	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_plainfill: #45a159;
-	--zdt_cta_primary_dark_fill: #45a159;
-	--zdt_cta_primary_dark_stroke: #45a159;
-	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #45a159
+	--zdt_svgcta_primary_fill: rgb(69,161,89);
+	--zdt_svgcta_primary_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='orange'] {
-	--zdt_cta_primary_fill: #ff801f;
-	--zdt_cta_primary_stroke: #ff801f;
-	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_plainfill: #ff801f;
-	--zdt_cta_primary_dark_fill: #ff801f;
-	--zdt_cta_primary_dark_stroke: #ff801f;
-	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #ff801f
+	--zdt_svgcta_primary_fill: rgb(255,128,31);
+	--zdt_svgcta_primary_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='red'] {
-	--zdt_cta_primary_fill: #e94f4f;
-	--zdt_cta_primary_stroke: #e94f4f;
-	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_plainfill: #e94f4f;
-	--zdt_cta_primary_dark_fill: #e94f4f;
-	--zdt_cta_primary_dark_stroke: #e94f4f;
-	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e94f4f
+	--zdt_svgcta_primary_fill: rgb(233,79,79);
+	--zdt_svgcta_primary_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: #d79835;
-	--zdt_cta_primary_stroke: #d79835;
-	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #d79835;
-	--zdt_cta_primary_dark_fill: #d79835;
-	--zdt_cta_primary_dark_stroke: #d79835;
-	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #d79835
+	--zdt_svgcta_primary_fill: rgb(215,152,53);
+	--zdt_svgcta_primary_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
 }