@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css

In this Package, we Provide Some Basic Components to Build Web App

[data-mode='light'][data-theme='red'] {
	/* stencil */
	--zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
	--zdt_stencil_dark_gradient_bg: linear-gradient(to 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: rgb(52,34,45);
	
	/* listitem */
	--zdt_listitem_dark_bg: rgb(52,34,45);
	--zdt_listitem_dark_text: rgb(208,208,212);
	--zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
	--zdt_listitem_dark_active_bg: rgb(77,50,67);
	--zdt_listitem_dark_tickicon: rgb(229,119,23);
	
	/* tag */
	--zdt_tag_dark_text: rgb(208,208,212);
	--zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
	--zdt_tag_dark_hover_text: rgb(208,208,212);
	--zdt_tag_dark_hover_bg: rgb(80,51,72);
	--zdt_tag_dark_close_bg: rgb(134,70,84);
	--zdt_tag_dark_close_text: rgb(222,53,53);
	
	/* multiselect */
	--zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
	--zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
	--zdt_multiselect_darkmsg_text: rgb(208,208,212);
	--zdt_multiselect_darkdelete_hover_text: rgb(255,255,255);
	
	/* avatar */
	--zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
	--zdt_avatar_white_text: rgb(255,255,255);
	
	/* label */
	--zdt_label_dark_text: rgb(208,208,212);
	
	/* textbox */
	--zdt_textbox_light_text: rgb(255,255,255);
	
	/* dropdown */
	--zdt_dropdown_darkheading_text: rgb(255,255,255);
	
	/* focusscope */
	--zdt_a11y_focusScope_focus_border: rgb(222,53,53);
}