/* List & treelist text */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-list-item, #nemo-theme-holder.generic\.devexpress-dark-style .dx-treelist-text-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list-select-all-label { color: #4785BF; } /* Restore contrast on focused/active list items (background is #4785BF) */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused:not(.dx-list-item-selected), #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active:not(.dx-list-item-selected) { color: #FFFFFF; } /* Tabs */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-tab, #nemo-theme-holder.generic\.devexpress-dark-style .dx-tab .dx-tab-text, #nemo-theme-holder.generic\.devexpress-dark-style .dx-tab .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-tabs-nav-button.dx-state-active .dx-icon { color: #4785BF; } /* List item / group-header icons */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-list-item-icon-container .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-list-item-icon-container .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-list-static-delete-button .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-hover .dx-list-item-icon-container .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-list-item-selected .dx-list-item-icon-container .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header .dx-list-static-delete-button .dx-icon { color: #4785BF; } /* Generic button icons (non default/danger/success) */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-contained:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success) .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-outlined:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success) .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-text:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success) .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-calendar-navigator .dx-button .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-icon { color: #4785BF; } /* Generic button text (non default/danger/success) */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-contained:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-contained.dx-state-active:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-outlined:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-outlined.dx-state-active:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-text:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-text.dx-state-active:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success), #nemo-theme-holder.generic\.devexpress-dark-style .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-active:not(.dx-button-default):not(.dx-button-danger):not(.dx-button-success) { color: #4785BF; } /* Filter icons */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-datagrid-filter-panel .dx-icon-filter, #nemo-theme-holder.generic\.devexpress-dark-style .dx-treelist-filter-panel .dx-icon-filter { color: #4785BF; } /* Scheduler appointment tooltip delete button */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon { color: #4785BF; } /* Filter builder operations */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon { color: #4785BF; } /* Diagram color/image dropdown icons */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, #nemo-theme-holder.generic\.devexpress-dark-style .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon { color: #4785BF; } /* Editor clear & search icons */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-show-clear-button .dx-icon-clear, #nemo-theme-holder.generic\.devexpress-dark-style .dx-searchbox .dx-icon-search, #nemo-theme-holder.generic\.devexpress-dark-style .dx-searchbox .dx-icon-search::before { color: #4785BF; } /* Default button text and icon color (contained only) */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-contained.dx-button-default { color: #FFFFFF; } #nemo-theme-holder.generic\.devexpress-dark-style .dx-button-mode-contained.dx-button-default .dx-icon { color: #FFFFFF; } /* Remove treelist vertical column lines (for genaizer) */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-treelist .dx-column-lines > td { border-left: none; border-right: none; } /* Border radius for Checkboxes */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-checkbox-icon { border-radius: 4px; } /* Border radius for Switch */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-switch-container { border-radius: 100px; } /* Make switch handle circular */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-switch-handle { flex-basis: 18px; } #nemo-theme-holder.generic\.devexpress-dark-style .dx-switch-handle::before { border-radius: 100px; } /* Border radius for dialogs. High box shadow for dialogs. */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-popup-wrapper > .dx-overlay-content { border-radius: 8px; box-shadow: 0 24px 24px 0 #0000001f, 0 16px 16px 0 #0000001f, 0 8px 8px 0 #0000001f, 0 4px 4px 0 #0000001f, 0 2px 2px 0 #0000001f, 0 1px 1px 0 #0000001f; } /* Border radius for tooltip */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-tooltip-wrapper .dx-overlay-content { border-radius: 4px; } /* Medium box shadow for overlays: select box popup, dropdown popup, slider overlay, column chooser, diagram toolbar, treelist's filter row dropdowns, tooltips */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-selectbox-popup-wrapper .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-dropdownbutton-popup-wrapper .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-slider .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-datagrid-column-chooser .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-diagram-floating-toolbar-container, #nemo-theme-holder.generic\.devexpress-dark-style .dx-diagram-toolbox-popup > .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-treelist-filter-range-overlay .dx-overlay-content, #nemo-theme-holder.generic\.devexpress-dark-style .dx-tooltip-wrapper .dx-overlay-content { box-shadow: 0 8px 8px 0 #00000029, 0 4px 4px 0 #00000029, 0 2px 2px 0 #00000029, 0 1px 1px 0 #00000029; } /* Context menu box shadow */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-context-menu .dx-submenu { box-shadow: 0 8px 8px 0 #00000029, 0 4px 4px 0 #00000029, 0 2px 2px 0 #00000029, 0 1px 1px 0 #00000029; } /* Box shadow of Load Panel */ #nemo-theme-holder.generic\.devexpress-dark-style .dx-loadpanel-content { box-shadow: 0 8px 8px 0 #00000029, 0 4px 4px 0 #00000029, 0 2px 2px 0 #00000029, 0 1px 1px 0 #00000029; }