html.dark-theme {
--body-image: url(/templates/softhvac/images/background_dark.svg);
--text-color: var(--color-gray-300);
--body-color: var(--color-black-800);
--content-bg-color: var(--color-black-650);
--scrollbar-bg-color: var(--color-black-400);
--service-text-color: var(--color-gray-800);
--bold-text-color: var(--service-text-color);
--icon-hov-color: var(--color-maroon-500);
--btn-text-white-color: var(--color-black-400);
--btn-text-black-color: var(--color-white);
--btn-default-text-color: var(--color-gray-700);
--btn-default-bg-color: var(--color-black-450);
--btn-default-hov-bg-color: var(--color-black-550);
--btn-success-text-color: var(--color-black-550);
--btn-success-bg-color: var(--color-gray-500);
--btn-success-hov-bg-color: var(--color-gray-700);
--btn-primary-text-color: var(--color-gray-400);
--btn-primary-bg-color: var(--color-maroon-500);
--btn-primary-hov-bg-color: var(--color-maroon-550);
--btn-warning-text-color: var(--text-color);
--btn-warning-bg-color: var(--color-green-500);
--btn-warning-hov-bg-color: var(--color-green-600);
--sub-btn-primary-sep-color: var(--color-maroon-380);
--btn-warning-text-color: var(--text-color);
--btn-reset-palette-text-color: var(--service-text-color);
--btn-reset-palette-bg-color: var(--btn-default-bg-color);
--btn-input-td-bg-color: var(--content-bg-color);
--btn-input-td-hov-bg-color: var(--color-black-400);
--btn-chat-default-color: var(--text-color);
--input-chat-bg-color: var(--color-black-550);
--input-chat-bg-foc-color: var(--color-black-500);
--icon-close-window-modal: var(--text-color); /* --h-color --color-gray-800 */
--icon-close-window-modal-img: var(--color-black-400);
--icon-close-alert-hov-color: var(--icon-hov-color);
--input-border-color: var(--color-black-400);
--input-border-foc-color: var(--color-maroon-400);
--input-disabled-bg-color: var(--color-black-500);
--input-td-grey-bg-color: var(--color-black-600);
--hr-color: var(--color-black-500); /* разделитель в заголовке страницы */
--h-color: var(--color-gray-maroon-300); /* текст заголовков h1... --color-gray-700 */
--h6-color: var(--text-color); /* --color-gray-700 */
--hr-modal-color: var(--color-black-400); /* разделитель в заголовке модальных окон */
--bg-modal-color: black; /* подложка модальных окон */
--modal-opacity: 0.2; /* подложка модальных окон */
--modal-shadow-color: black; /* тень модальных окон */
--modal-bg-color: var(--color-black-600);
--menu-datalist-shadow-color: black; /* тень меню */
--menu-datalist-hov-color: var(--color-black-400);
--menu-datalist-bg-color: var(--color-black-550);
--menu-datalist-sel-bg-color: var(--color-black-400); /* --color-black-300 */
--menu-datalist-sel-text-color: var(--text-color);
--option-size-sel-bg-color: var(--color-black-400);
--option-size-sel-text-color: var(--text-color);
--table-border-color: var(--color-black-450);
--table-header-border-color: var(--color-black-350);
--table-header-bg-color: var(--color-black-500);
--table-bg-color: var(--content-bg-color);
--table-str-dark-color: var(--color-black-600);
--table-str-dark-modal-color: var(--color-black-500);
--table-str-hov-color: var(--color-black-400);
--table-str-sel-bg-color: var(--menu-datalist-sel-bg-color);
--frame-result-border-color: var(--color-black-450);
--checkbox-table-border-color: var(--color-black-450);
--checkbox-table-sel-bg-color: var(--text-color);
--checkbox-table-sel-color: var(--color-black-400);
--checkbox-oval-bg-color: var(--color-black-400);
--checkbox-oval-sel-bg-color: var(--text-color);
--checkbox-oval-round-color: var(--color-black-500);
--menu-table-bg-color: var(--btn-success-bg-color);
--menu-table-color: var(--btn-success-text-color);
--menu-table-hov-color: var(--icon-hov-color);
--radio-line-color: var(--color-black-300);
--radio-line-sel-color: var(--text-color);
--radio-tile-bg-color: var(--color-black-500);
--radio-tile-hov-bg-color: var(--color-black-550);
--radio-tile-sel-border-color: var(--text-color);
--btn-radio-line-color: var(--color-gray-800);
--btn-radio-line-sel-color: var(--text-color);
--block-radio-table-bg-color: var(--table-str-dark-color);
--radio-table-color: var(--service-text-color); /* --color-gray-700 */
--radio-table-hov-bg-color: var(--table-str-hov-color);
--radio-table-sel-bg-color: var(--btn-primary-bg-color);
--radio-table-sel-color: var(--btn-primary-text-color); /* --btn-primary-text-color --text-color */
--voice-bar-color: var(--color-gray-700);
--btn-note-color: var(--color-black-200); /* --service-text-color */
--btn-note-hov-color: var(--icon-hov-color);
--btn-back-header-color: var(--text-color);
--menu-orientation-bg-color: var(--color-black-300);
--menu-orientation-hov-bg-color: var(--text-color);
--menu-orientation-hov-text-color: var(--text-color); /* --color-gray-800 */
--menu-orientation-hor-hov-bg-color: var(--menu-orientation-hov-bg-color);
--menu-orientation-sel-bg-color: var(--btn-primary-bg-color);
--menu-orientation-sel-text-color: var(--btn-primary-bg-color); /* --btn-primary-text-color */
--bar-menu-app-bg-color: var(--color-black-500);
--btn-radio-menu-app-icon-color: var(--text-color);
--btn-radio-menu-app-text-color: var(--color-gray-800);
--btn-radio-menu-app-sel-bg-color: var(--color-black-550);
--a-color: var(--color-maroon-500);
--a-hov-color: var(--color-maroon-550);
--a-menu-app-color: var(--color-maroon-370);
--a-menu-app-hov-color: var(--color-maroon-500);
--a-advanced-color: var(--service-text-color);
--a-advanced-hov-color: var(--a-hov-color);
--axis-light-color: var(--color-black-550);
--axis-rel-humidity: #08476d;
--svg-btn-menu-color: var(--color-gray-700); /* --service-text-color */
--svg-drawing-bg-color: var(--color-black-600);
--svg-note-bg-color: rgba(36, 36, 36, 0.75);
--svg-cursor-drawing: url(cursor_drawing_white.svg) 25 25, crosshair;
--svg-cursor-select: url(cursor_select_white.svg) 6 6, crosshair;
--svg-leader-color: var(--service-text-color);
--svg-menu-btn-hov-color: var(--color-maroon-400);
--progress-ind-bubble-1-color: var(--color-maroon-600);
--progress-ind-bubble-2-color: var(--color-maroon-500);
}