@zohodesk/components
Version:
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development
50 lines (40 loc) • 1.93 kB
CSS
[data-mode='light'][data-theme='yellow'] {
/* 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(49,51,35);
/* listitem */
--zdt_listitem_dark_bg: rgb(49,51,35);
--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(73,76,52);
--zdt_listitem_dark_tickicon: rgb(232,185,35);
/* 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(232,185,35);
/* button */
--zdt_button_primary_strike: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
--zdt_button_primaryFilled_strike: hsla(42, 75.56%, calc(17.65% + var(--zdc_default_inverse_low)), calc( 0.30 + var(--zdc_alpha_low)));
--zdt_button_secondaryFilled_strike: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
}