body[data-theme="dark"] .dxpcLite,
body[data-theme="dark"] .dxpc-mainDiv,
body[data-theme="dark"] .dxpc-content,
body[data-theme="dark"] .dxgvControl,
body[data-theme="dark"] .dxgvTable,
body[data-theme="dark"] .dxeTextBox,
body[data-theme="dark"] .dxeButtonEdit,
body[data-theme="dark"] .dxeEditArea,
body[data-theme="dark"] [class*="dxeTextBox"],
body[data-theme="dark"] [class*="dxeButtonEdit"],
body[data-theme="dark"] [class*="dxeMemo"],
body[data-theme="dark"] .dxmLite,
body[data-theme="dark"] .dxm-main,
body[data-theme="dark"] .dxcpControl,
body[data-theme="dark"] .dxlpLoadingPanel {
    background: var(--im-surface) !important;
    color: var(--im-text) !important;
    border-color: var(--im-border) !important;
}

body[data-theme="dark"] .dxpc-header,
body[data-theme="dark"] .dxgvHeader,
body[data-theme="dark"] .dxgvFilterRow,
body[data-theme="dark"] .dxgvGroupPanel,
body[data-theme="dark"] .dxm-item,
body[data-theme="dark"] .dxcpLoadingPanel {
    background: var(--im-surface-2) !important;
    color: var(--im-text) !important;
    border-color: var(--im-border) !important;
}

body[data-theme="dark"] .dxgvDataRow,
body[data-theme="dark"] .dxgvAltDataRow,
body[data-theme="dark"] .dxgvSelectedRow,
body[data-theme="dark"] .dxgvFocusedRow,
body[data-theme="dark"] .dxgvInlineEditRow,
body[data-theme="dark"] .dxgvDetailRow {
    background: var(--im-surface) !important;
    color: var(--im-text) !important;
    border-color: var(--im-border) !important;
}

body[data-theme="dark"] .dxgvAltDataRow,
body[data-theme="dark"] .dxgvInlineEditRow,
body[data-theme="dark"] .dxgvDetailRow {
    background: var(--im-surface-2) !important;
}

body[data-theme="dark"] .dxgvDataRow:hover,
body[data-theme="dark"] .dxm-hovered,
body[data-theme="dark"] .dxm-item:hover {
    background: var(--im-surface-hover) !important;
    color: var(--im-text) !important;
}

body[data-theme="dark"] .dxgvSelectedRow,
body[data-theme="dark"] .dxgvFocusedRow {
    background: var(--im-primary-soft) !important;
    color: var(--im-text) !important;
}

body[data-theme="dark"] .dxgvTable td,
body[data-theme="dark"] .dxgvTable th,
body[data-theme="dark"] .dxpc-contentWrapper,
body[data-theme="dark"] .dxm-content,
body[data-theme="dark"] .dxm-popOut,
body[data-theme="dark"] .dxeButtonEditButton,
body[data-theme="dark"] [class*="dxeButtonEditButton"],
body[data-theme="dark"] .dxeButton {
    border-color: var(--im-border) !important;
}

body[data-theme="dark"] .dxeTextBox input,
body[data-theme="dark"] .dxeButtonEdit input,
body[data-theme="dark"] .dxeEditArea,
body[data-theme="dark"] .dxeMemo textarea,
body[data-theme="dark"] [class*="dxeTextBox"] input,
body[data-theme="dark"] [class*="dxeButtonEdit"] input,
body[data-theme="dark"] [class*="dxeEditArea"],
body[data-theme="dark"] [class*="dxeMemo"] textarea,
body[data-theme="dark"] .dxeListBox,
body[data-theme="dark"] .dxeCalendar {
    background: var(--im-surface-2) !important;
    color: var(--im-text) !important;
}

body[data-theme="dark"] .dxgvPagerBottomPanel,
body[data-theme="dark"] .dxgvPagerTopPanel,
body[data-theme="dark"] .dxpLite,
body[data-theme="dark"] .dxp-num,
body[data-theme="dark"] .dxp-current {
    background: var(--im-surface) !important;
    color: var(--im-muted) !important;
    border-color: var(--im-border) !important;
}

body[data-theme="dark"] .dxp-current,
body[data-theme="dark"] .dxp-num:hover {
    background: var(--im-primary-soft) !important;
    color: var(--im-primary) !important;
}

body[data-theme="dark"] .dxlp-loadingImage,
body[data-theme="dark"] .dxlp-imgPosLeft {
    filter: brightness(.85) contrast(1.15);
}