/* Color theme variables (light/dark). Applied via the "dark-theme" class on . This file defines ONLY the custom properties below — every rule that consumes them (including the ones fighting vendor-file load order, which need !important to win the cascade tie) lives directly in style-admin.css (or jquery.datetimepicker.css for the xdsoft dark skin). */ :root { --theme-bg-body: #fafafa; --theme-bg-panel: #ffffff; --theme-bg-panel-heading: #fafafa; --theme-text-primary: #333333; --theme-text-secondary: #7c7f83; --theme-heading-color: #242a30; --theme-border-color: #e2e7eb; --theme-link-color: #3598dc; --theme-header-bg: #ffffff; --theme-header-brand-text: #333333; --theme-header-link-text: #585663; --theme-sidebar-bg: #2d353c; --theme-sidebar-link-text: #a8acb1; --theme-sidebar-link-hover-bg: #232a2f; --theme-sidebar-active-bg: #00acac; --theme-sidebar-active-text: #ffffff; --theme-sidebar-submenu-bg: #1a2229; --theme-sidebar-submenu-line: #10181f; --theme-sidebar-submenu-text: #889097; --theme-sidebar-submenu-active-text: #ffffff; --theme-sidebar-header-text: #6d7983; --theme-input-bg: #ffffff; --theme-input-text: #555555; --theme-input-border: #ccd0d4; --theme-input-border-focus: #9fa2a5; --theme-input-disabled-bg: #e5e9ed; --theme-pill-hover-bg: #e0e0e0; --theme-pill-hover-border: #d8dde1; --theme-pill-active-bg: #242a30; --theme-pill-active-text: #ffffff; --theme-status-info-bg: #dbf0f7; --theme-status-info-border: #b6e2ef; --theme-status-success-bg: #cceeee; --theme-status-success-border: #99dede; --theme-status-danger-bg: #ffdedd; --theme-status-danger-border: #ffbdbc; --theme-status-warning-bg: #fdebd1; --theme-status-warning-border: #fbd7a3; --theme-status-warning1-bg: #f9f8d1; --theme-status-warning1-border: #f9f1ca; --theme-status-warning-yellow-bg: #ffff00; --theme-status-warning-yellow-border: #f1f17d; --theme-status-active-bg: #edddf9; --theme-status-active-border: #dccce8; --theme-status-checked-bg: #98e5fd; --theme-status-checked-border: #75b8e8; --theme-status-operator-active-bg: #dff0d8; --theme-status-operator-active-border: #c1e3b2; --theme-status-operator-closed-bg: #ffdedd; --theme-status-operator-closed-border: #ebbcbb; --theme-text-success: #2e7d32; --theme-text-danger: #c0392b; --theme-bonus-row-odd-bg: hsl(58, 41%, 90%); --theme-bonus-row-even-bg: hsl(58, 52%, 93%); --theme-real-to-bonus-row-odd-bg: hsl(51, 77%, 91%); --theme-real-to-bonus-row-even-bg: hsl(60, 74%, 92%); --theme-success-withdrawal-row-bg: hsl(143, 50%, 84%); --theme-blue-balance-odd-bg: hsl(200, 68%, 90%); --theme-blue-balance-even-bg: hsl(200, 80%, 95%); --theme-profit-affiliate-bg: #e2d0d0; --theme-profit-affiliate-active-bg: #c1dcc7; --theme-preview-image-bg: #eeeeee; --theme-badge-success-bg: #e8f9f1; --theme-badge-success-text: #16a870; --theme-ui-state-bg: #e6e6e6; --theme-ui-state-border: #d3d3d3; --theme-bg-warning: #fcf8e3; --theme-state-success-bg: #7cdda7; --theme-sidebar-light-bg: #eff2f4; --theme-sidebar-light-text: #000000; --theme-tag-default-bg: #b6c2c9; --theme-panel-heading-gray-bg: #c1ccd1; --theme-panel-heading-gray-text: #000000; --theme-popover-bg: #ffffff; --theme-popover-border: #cccccc; --theme-popover-title-bg: #f7f7f7; --theme-popover-title-border: #ebebeb; --theme-dropdown-hover-bg: #dcf2fb; --theme-dropdown-active-bg: #c1ebfd; --theme-tab-overflow-btn-bg: #c1ccd1; --theme-tab-panel-heading-bg: #d9e0e7; --theme-tab-overflow-item-bg: #000000; --theme-dropdown-menu-hover-bg: #edf0f5; --theme-dropdown-menu-hover-text: #262626; --theme-table-header-highlight-bg: #d8dde2; } body.dark-theme { --theme-bg-body: #1b1e21; --theme-bg-panel: #24272b; --theme-bg-panel-heading: #2b2f34; --theme-text-primary: #d9dcdf; --theme-text-secondary: #9aa0a6; --theme-heading-color: #f1f2f3; --theme-border-color: #535960; --theme-link-color: #5fb0eb; --theme-header-bg: #24272b; --theme-header-brand-text: #d9dcdf; --theme-header-link-text: #b7bcc1; --theme-sidebar-bg: #17191c; --theme-sidebar-link-text: #9aa0a6; --theme-sidebar-link-hover-bg: #101214; --theme-sidebar-active-bg: #00acac; --theme-sidebar-active-text: #ffffff; --theme-sidebar-submenu-bg: #0e1013; --theme-sidebar-submenu-line: #060708; --theme-sidebar-submenu-text: #8a9098; --theme-sidebar-submenu-active-text: #ffffff; --theme-sidebar-header-text: #7c828a; --theme-input-bg: #2c3034; --theme-input-text: #d9dcdf; --theme-input-border: #44484d; --theme-input-border-focus: #6d7278; --theme-input-disabled-bg: #1f2225; --theme-pill-hover-bg: #34383d; --theme-pill-hover-border: #44484d; --theme-pill-active-bg: #00acac; --theme-pill-active-text: #ffffff; --theme-status-info-bg: #1c3a44; --theme-status-info-border: #2c5764; --theme-status-success-bg: #1c3d3d; --theme-status-success-border: #2c5c5c; --theme-status-danger-bg: #4a2422; --theme-status-danger-border: #6b332f; --theme-status-warning-bg: #4a3820; --theme-status-warning-border: #6b4f2c; --theme-status-warning1-bg: #4a4720; --theme-status-warning1-border: #6b6432; --theme-status-warning-yellow-bg: #4a4a00; --theme-status-warning-yellow-border: #6b6b2c; --theme-status-active-bg: #3a2d4a; --theme-status-active-border: #55425e; --theme-status-checked-bg: #1c4a5e; --theme-status-checked-border: #2c5878; --theme-status-operator-active-bg: #26402a; --theme-status-operator-active-border: #375c3d; --theme-status-operator-closed-bg: #4a2422; --theme-status-operator-closed-border: #6b332f; --theme-text-success: #7dcf94; --theme-text-danger: #e2726a; --theme-bonus-row-odd-bg: hsl(58, 35%, 20%); --theme-bonus-row-even-bg: hsl(58, 40%, 24%); --theme-real-to-bonus-row-odd-bg: hsl(51, 40%, 20%); --theme-real-to-bonus-row-even-bg: hsl(60, 38%, 24%); --theme-success-withdrawal-row-bg: hsl(143, 35%, 20%); --theme-blue-balance-odd-bg: hsl(200, 40%, 20%); --theme-blue-balance-even-bg: hsl(200, 45%, 24%); --theme-profit-affiliate-bg: #4a3535; --theme-profit-affiliate-active-bg: #2a3d2e; --theme-preview-image-bg: #2c3034; --theme-badge-success-bg: #1c3d2f; --theme-badge-success-text: #4fd6a3; --theme-ui-state-bg: #2c3034; --theme-ui-state-border: #44484d; --theme-bg-warning: #4a4726; --theme-state-success-bg: #1c3d2a; --theme-sidebar-light-bg: #17191c; --theme-sidebar-light-text: #d9dcdf; --theme-tag-default-bg: #565f66; --theme-panel-heading-gray-bg: #2b2f34; --theme-panel-heading-gray-text: #f1f2f3; --theme-popover-bg: #24272b; --theme-popover-border: #44484d; --theme-popover-title-bg: #2b2f34; --theme-popover-title-border: #34383d; --theme-dropdown-hover-bg: #1c3a44; --theme-dropdown-active-bg: #2c5764; --theme-tab-overflow-btn-bg: #3a3f45; --theme-tab-panel-heading-bg: #2b2f34; --theme-tab-overflow-item-bg: #3a3f45; --theme-dropdown-menu-hover-bg: #2f343a; --theme-dropdown-menu-hover-text: #f1f2f3; --theme-table-header-highlight-bg: #3a3f45; }