@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
45 lines (36 loc) • 1.37 kB
CSS
[data-mode='dark'][data-theme='blue'] {
/* stencil */
--zdt_stencil_dark_bg: rgb(56,63,85);
--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
/* dropbox */
--zdt_dropbox_dark_bg: rgb(35,43,56);
/* listitem */
--zdt_listitem_dark_bg: rgb(35,43,56);
--zdt_listitem_dark_text: rgb(226,228,230);
--zdt_listitem_dark_effect_bg: rgb(38,47,61);
--zdt_listitem_dark_active_bg: rgb(59,77,109);
--zdt_listitem_dark_tickicon: rgb(71,157,255);
/* tag */
--zdt_tag_dark_text: rgb(208,208,212);
--zdt_tag_dark_bg: rgb(66,72,95);
--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: rgb(75,81,104);
--zdt_multiselect_darkmsg_bg: rgb(35,43,56);
--zdt_multiselect_darkmsg_text: rgb(208,208,212);
--zdt_multiselect_darkdelete_hover_text: rgb(226,228,230);
/* avatar */
--zdt_avatar_white_border: rgb(168,176,189);
--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(168,176,189);
/* focusscope */
--zdt_a11y_focusScope_focus_border: rgb(71,157,255);
}