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-blue-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); /* --color-black-600 --color-gray-600 */
  --btn-primary-bg-color: var(--color-blue-500); /* --color-gray-blue-400 --color-gray-blue-600 */
  --btn-primary-hov-bg-color: var(--color-blue-550); /* --color-gray-blue-500 --color-gray-blue-700 */
  
  --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);
  
  --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-blue-550);
  --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-blue-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);
  
  --message-user-bg-color: var(--color-black-500); 
  --message-user-edit-bg-color: var(--color-black-400);
  --message-user-text-color: var(--color-black-400);
  --message-assistant-bg-color: var(--color-black-500);
  --message-mark-strict-color: var(--color-gray-800);
  --message-mark-flexible-color: var(--color-gray-800);
  --message-process-indic-bg: linear-gradient(-60deg,
    var(--color-black-500) 0%, var(--color-black-500) calc(50% - 7rem),
    var(--color-black-400) 50%,
    var(--color-black-500) calc(50% + 7rem), var(--color-black-500) 100%);
    
  --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-sel-text-color: var(--btn-success-text-color);
  --menu-orientation-sel-bg-color: var(--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-blue-500);
  --a-hov-color: var(--color-blue-550);
  
  --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-blue-400);
 
}