@zohodesk/components 1.0.0-temp-49 → 1.0.0-temp-52

package/es/deprecated/Theme/palette/defaultCTAPalette.module.css

@@ -0,0 +1,116 @@
+/* component package - multiple palette core variables */
+[data-theme='default'][data-palette='blue'] {
+    --zdt_cta_primary_text: var(--dot_text_primary);
+    --zdt_cta_primary_hover_text: var(--dot_text_cobalt);
+    --zdt_cta_primary_bg: var(--dot_bg_primary);
+    --zdt_cta_primary_hover_bg: var(--dot_bg_cobalt);
+    --zdt_cta_primary_border: var(--dot_border_primary);
+    --zdt_cta_primary_hover_border: var(--dot_border_cobalt);
+    --zdt_cta_primary_box_shadow: rgb(10, 115, 235, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgb(0, 83, 184, 0.25);
+    --zdt_cta_primary_light_bg: var(--dot_bg_aliceBlue);
+    --zdt_cta_primary_light_hover_bg: var(--dot_bg_lavender);
+    --zdt_cta_primary_light_border: var(--zd_border_primary13);
+    --zdt_cta_secondary_bg: var(--dot_bg_primary);
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #2381ed;
+    --zdt_cta_secondary_light_border: var(--dot_border_tropicalBlue);
+    --zdt_cta_alpha_text: var(--dot_text_primary);
+    --zdt_cta_alpha_hover_text: var(--dot_text_cobalt);
+    --zdt_cta_alpha_border: var(--dot_border_primary);
+    --zdt_cta_alpha_hover_border: var(--dot_border_cobalt);
+    --zdt_cta_alpha_bg: var(--dot_bg_aliceBlue);
+    --zdt_cta_beta_border: var(--dot_text_primary);
+}
+[data-theme='default'][data-palette='green'] {
+    --zdt_cta_primary_text: #26a942;
+    --zdt_cta_primary_hover_text: #0e7526;
+    --zdt_cta_primary_bg: #26a942;
+    --zdt_cta_primary_hover_bg: #0e7526;
+    --zdt_cta_primary_border: #26a942;
+    --zdt_cta_primary_hover_border: #0e7526;
+    --zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
+    --zdt_cta_primary_light_bg: #f2faf5;
+    --zdt_cta_primary_light_hover_bg: #d4eed9;
+    --zdt_cta_primary_light_border: #d4eed9;
+    --zdt_cta_secondary_bg: #26a942;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #4ac064;
+    --zdt_cta_secondary_light_border: #bee5c6;
+    --zdt_cta_alpha_text: #26a942;
+    --zdt_cta_alpha_hover_text: #0e7526;
+    --zdt_cta_alpha_border: #26a942;
+    --zdt_cta_alpha_hover_border: #0e7526;
+    --zdt_cta_alpha_bg: #eef8f0;
+    --zdt_cta_beta_border: #26a942;
+}
+[data-theme='default'][data-palette='red'] {
+    --zdt_cta_primary_text: #de3535;
+    --zdt_cta_primary_hover_text: #ab1a18;
+    --zdt_cta_primary_bg: #de3535;
+    --zdt_cta_primary_hover_bg: #ab1a18;
+    --zdt_cta_primary_border: #de3535;
+    --zdt_cta_primary_hover_border: #ab1a18;
+    --zdt_cta_primary_box_shadow: rgba(222, 53, 53, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(171, 26, 24, 0.25);
+    --zdt_cta_primary_light_bg: #fdf3f3;
+    --zdt_cta_primary_light_hover_bg: #f8d7d7;
+    --zdt_cta_primary_light_border: #f8d7d7;
+    --zdt_cta_secondary_bg: #de3535;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #e55d5d;
+    --zdt_cta_secondary_light_border: #f8d7d7;
+    --zdt_cta_alpha_text: #de3535;
+    --zdt_cta_alpha_hover_text: #ab1a18;
+    --zdt_cta_alpha_border: #de3535;
+    --zdt_cta_alpha_hover_border: #ab1a18;
+    --zdt_cta_alpha_bg: #fcebeb;
+    --zdt_cta_beta_border: #de3535;
+}
+[data-theme='default'][data-palette='orange'] {
+    --zdt_cta_primary_text: #e57717;
+    --zdt_cta_primary_hover_text: #b25900;
+    --zdt_cta_primary_bg: #e57717;
+    --zdt_cta_primary_hover_bg: #b25900;
+    --zdt_cta_primary_border: #e57717;
+    --zdt_cta_primary_hover_border: #b25900;
+    --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
+    --zdt_cta_primary_light_bg: #fdf5ef;
+    --zdt_cta_primary_light_hover_bg: #fae4d1;
+    --zdt_cta_primary_light_border: #fae4d1;
+    --zdt_cta_secondary_bg: #e57717;
+    --zdt_cta_secondary_text: var(--dot_text_white);
+    --zdt_cta_secondary_border: #ea9245;
+    --zdt_cta_secondary_light_border: #f7d6b9;
+    --zdt_cta_alpha_text: #e57717;
+    --zdt_cta_alpha_hover_text: #b25900;
+    --zdt_cta_alpha_border: #e57717;
+    --zdt_cta_alpha_hover_border: #b25900;
+    --zdt_cta_alpha_bg: #fcf1e8;
+    --zdt_cta_beta_border: #e57717;
+}
+[data-theme='default'][data-palette='yellow'] {
+    --zdt_cta_primary_text: #b68c07;
+    --zdt_cta_primary_hover_text: #826800;
+    --zdt_cta_primary_bg: #e8b923;
+    --zdt_cta_primary_hover_bg: #b59100;
+    --zdt_cta_primary_border: #e8b923;
+    --zdt_cta_primary_hover_border: #b59100;
+    --zdt_cta_primary_box_shadow: rgb(232, 185, 35, 0.2);
+    --zdt_cta_primary_hover_box_shadow: rgb(181, 145, 0, 0.25);
+    --zdt_cta_primary_light_bg: #fdf8e9;
+    --zdt_cta_primary_light_hover_bg: #f8eabd;
+    --zdt_cta_primary_light_border: #f8eabd;
+    --zdt_cta_secondary_bg: #e8b923;
+    --zdt_cta_secondary_text: var(--dot_text_black);
+    --zdt_cta_secondary_border: rgba(255, 255, 255, 0.2);
+    --zdt_cta_secondary_light_border: #f6e3a7;
+    --zdt_cta_alpha_text: #e8b923;
+    --zdt_cta_alpha_hover_text: #b59100;
+    --zdt_cta_alpha_border: #e8b923;
+    --zdt_cta_alpha_hover_border: #b59100;
+    --zdt_cta_alpha_bg: #faf1d3;
+    --zdt_cta_beta_border: #b68c07;
+}

package/es/deprecated/Theme/palette/defaultPalette.module.css

@@ -0,0 +1,155 @@
+[data-theme='default'][data-palette='blue'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: #383f55;
+    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
+        left,
+        #383f55 0,
+        #414963 33.33%,
+        #414961 66.66%,
+        #383f55 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #383f57;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #383f57;
+    --zdt_listitem_dark_effect_bg: #444a61;
+    --zdt_listitem_dark_active_bg: #3b4d6d;
+    --zdt_listitem_dark_tickicon: #6cbbfc;
+
+    /* tag */
+    --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_bg: #503348;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: #4b5168;
+    --zdt_multiselect_darkmsg_bg: #383f57;
+
+    /* avatar */
+    --zdt_avatar_white_border: var(--dot_border_shuttleGrey);
+}
+[data-theme='default'][data-palette='green'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #1d2f33;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #1d2f33;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #2d484e;
+    --zdt_listitem_dark_tickicon: #4ac064;
+
+    /* tag */
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_bg: #503348;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+}
+[data-theme='default'][data-palette='red'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #34222d;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #34222d;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #4d3243;
+    --zdt_listitem_dark_tickicon: #ff6363;
+
+    /* tag */
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_bg: #503348;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+}
+[data-theme='default'][data-palette='orange'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #332e24;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #332e24;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #4b4335;
+    --zdt_listitem_dark_tickicon: #e57717;
+
+    /* tag */
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_bg: #503348;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+}
+[data-theme='default'][data-palette='yellow'] {
+    /* stencil */
+    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
+        left,
+        rgba(255, 255, 255, 0.07) 0,
+        rgba(255, 255, 255, 0.03) 33.33%,
+        rgba(255, 255, 255, 0.03) 66.66%,
+        rgba(255, 255, 255, 0.07) 100%
+    );
+
+    /* dropbox */
+    --zdt_dropbox_dark_bg: #313323;
+
+    /* listitem */
+    --zdt_listitem_dark_bg: #313323;
+    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
+    --zdt_listitem_dark_active_bg: #494c34;
+    --zdt_listitem_dark_tickicon: #e8b923;
+
+    /* tag */
+    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_bg: #503348;
+
+    /* multiselect */
+    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
+    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+
+    /* avatar */
+    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
+}

package/es/deprecated/customscroll_Old.module.css

@@ -0,0 +1,46 @@
+.customscroll ::-webkit-scrollbar {
+  height: var(--zd_size12);
+  overflow: visible;
+  width: var(--zd_size12);
+  background-color: var(--dot_bg_white);
+  box-shadow: inset var(--zd_size1) 0 0 rgba(0, 0, 0, 0.1);
+}
+
+.customscroll ::-webkit-scrollbar-button {
+  height: 0;
+  width: 0;
+  display: none;
+}
+
+.customscroll ::-webkit-scrollbar-track {
+  background-color: rgba(0, 0, 0, 0.04);
+  background-clip: padding-box;
+}
+
+.customscroll ::-webkit-scrollbar-track:horizontal {
+  box-shadow: inset 0 var(--zd_size1) 0 rgba(0, 0, 0, 0.1);
+}
+
+.customscroll ::-webkit-scrollbar-track:hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+
+.customscroll ::-webkit-scrollbar-track:active {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+
+.customscroll ::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+  background-clip: padding-box;
+  border: solid transparent;
+  min-height: var(--zd_size28);
+  border-radius: var(--zd_size10);
+}
+
+.customscroll ::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.customscroll ::-webkit-scrollbar-thumb:active {
+  background-color: rgba(0, 0, 0, 0.5);
+}

package/es/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
 .buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
   border: inherit;
+  outline: 0;
   background-color: inherit;
+  font: inherit;
   padding: 0;
+  color: inherit;
   text-align: inherit;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-49",
+  "version": "1.0.0-temp-52",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",

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

@@ -1,34 +0,0 @@
-[data-mode='dark'][data-theme='blue'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
-	--zdt_cta_primary_text: var(--dot_butterflyblue);
-	--zdt_cta_primary_hover_text: #6eb2ff;
-	--zdt_cta_primary_bg: var(--dot_butterflyblue);
-	--zdt_cta_primary_hover_bg: #1065cc;
-	--zdt_cta_primary_border: var(--dot_butterflyblue);
-	--zdt_cta_primary_hover_border: #1065cc;
-	--zdt_cta_primary_box_shadow: rgba(10, 115, 235, 0.2);
-	--zdt_cta_primary_hover_box_shadow: rgba(0, 83, 184, 0.25);
-	--zdt_cta_primary_light_bg: var(--dot_darkbluegrey);
-	--zdt_cta_primary_light_hover_bg: var(--dot_unknown1);
-	--zdt_cta_primary_light_border: var(--zd_primary13);
-	--zdt_cta_secondary_bg: var(--dot_butterflyblue);
-	--zdt_cta_secondary_text: var(--dot_white);
-	--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
-	--zdt_cta_secondary_light_border: #3f536b;
-	--zdt_cta_alpha_text: var(--dot_butterflyblue);
-	--zdt_cta_alpha_hover_text: #6eb2ff;
-	--zdt_cta_alpha_border: var(--dot_butterflyblue);
-	--zdt_cta_alpha_hover_border: #1065cc;
-	--zdt_cta_alpha_bg: #253142;
-	--zdt_cta_beta_border: var(--dot_butterflyblue);
-	--zdt_cta_grey_10_bg: var(--dot_unknown1);
-	--zdt_cta_grey_10_border: var(--dot_unknown1);
-	--zdt_cta_grey_15_bg: var(--dot_tuna);
-	--zdt_cta_grey_15_border: var(--dot_tuna);
-	--zdt_cta_grey_20_bg: #161b23;
-	--zdt_cta_grey_35_bg: var(--dot_brightgrey);
-	--zdt_cta_grey_35_text: var(--dot_brightgrey);
-	--zdt_cta_grey_35_border: var(--dot_brightgrey);
-	--zdt_cta_grey_40_bg: var(--dot_riverbed);
-	--zdt_cta_grey_40_text: var(--dot_riverbed);
-	--zdt_cta_grey_40_border: var(--dot_riverbed)
-}

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

@@ -1,42 +0,0 @@
-[data-mode='dark'][data-theme='blue'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: var(--dot_butterflyblue);
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-}

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

@@ -1,42 +0,0 @@
-[data-mode='dark'][data-theme='green'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: #45a159;
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-}

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

@@ -1,42 +0,0 @@
-[data-mode='dark'][data-theme='orange'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: #e94f4f;
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-}

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

@@ -1,42 +0,0 @@
-[data-mode='dark'][data-theme='red'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: #ff801f;
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-}

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

@@ -1,42 +0,0 @@
-[data-mode='dark'][data-theme='yellow'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: #d79835;
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-}