html.dark-theme {

  --text-color: var(--color-gray-200);
  
  --body-image: url(/images/background_app_dark.svg);
  
  --body-color: var(--color-black-750);
  --body-gradient-color:
    radial-gradient(ellipse 10vw 18vw at 2% 5%, rgb(102 87 0 / 60%) 0 2vw, transparent 18vw),
    radial-gradient(circle at 24% 90%, rgb(0 111 25 / 37%) 0 1vw, transparent 32vw),
    radial-gradient(circle at 82% 15%, rgb(143 0 0 / 35%) 0 2vw, transparent 31vw),
    radial-gradient(ellipse 10vw 18vw at 97% 78%, rgb(0 67 138 / 41%) 0 1vw, transparent 15vw);

  --content-bg-color: var(--color-black-650);
  --scrollbar-bg-color: var(--color-black-300);
  
  --btn-text-white-color: var(--color-black-400);
  --btn-text-black-color: var(--color-white);
 
  --btn-default-text-color: var(--color-gray-600);
  --btn-default-bg-color: var(--color-black-500);
  --btn-default-hov-bg-color: var(--color-black-550);
  
  --btn-success-text-color: var(--color-black-500);
  --btn-success-bg-color: var(--color-gray-300);
  --btn-success-hov-bg-color: var(--color-gray-700);
  --btn-success-hov-text-color: var(--color-black-500);
  --btn-success-act-bg-color: var(--color-gray-700);
  
  --btn-warning-text-color: white;
  --btn-warning-bg-color: var(--color-blue-400); 
  --btn-warning-hov-bg-color: var(--color-blue-500);
  --btn-warning-act-bg-color: var(--color-blue-500);
  
  --btn-primary-text-color: var(--color-gray-200);
  
  --btn-chat-default-color: var(--text-color);
  
  --btn-hov-bg-color: var(--color-black-500);
  --btn-input-hov-bg-color: var(--color-black-350);
  
  --btn-scroll-bg-color: var(--btn-default-bg-color);
  --btn-scroll-hov-color: var(--btn-default-hov-bg-color);
  --btn-scroll-color: var(--btn-default-text-color);
  
  --btn-note-color: var(--color-black-200);
  --btn-note-hov-color: var(--color-blue-400);
  
  --input-bg-color: var(--color-black-550);
  --input-bg-foc-color: var(--color-black-500);
  --input-border-color: var(--color-black-300);
  --input-disabled-bg-color: var(--color-black-400);
  
  --radio-line-color: var(--color-black-300);
  --radio-line-sel-color: var(--color-blue-400); 

  --hr-color: var(--color-black-400); /* разделитель в заголовке страницы */
  --h-color: var(--color-gray-blue-300); /* текст заголовков h1... */
  
  --modal-bg-color: var(--color-black-550);
  --bg-modal-color: black; /* подложка модальных окон */
  --modal-opacity: 0.45; /* подложка модальных окон */
  --modal-shadow-color: rgba(0, 0, 0, 0.6); /* тень модальных окон */
  
  --mini-alert-bg-color: var(--color-gray-300);
  --mini-alert-text-color: var(--color-black-500);
  --mini-alert-icon-color: var(--color-black-500);
  
  --menu-datalist-shadow-color: rgba(0, 0, 0, 0.7); /* rgba(0, 0, 0, 0.4) rgba(0, 77, 126, 0.4) */
  --menu-datalist-hov-bg-color: var(--color-black-450);
  --menu-datalist-bg-color: var(--color-black-550);
  --menu-datalist-sel-bg-color: var(--color-black-400);
  --menu-datalist-sel-text-color: var(--color-gray-200);
  --menu-datalist-sel-light-bg-color: var(--color-black-400);
  --menu-datalist-sel-light-text-color: var(--color-gray-200);
  --menu-datalist-icon-color: var(--color-blue-400);
  
  --table-border-color: var(--color-black-400); 
  --table-header-bg-color: var(--color-black-500);
  --table-tr-dark-bg-color: var(--color-black-600);
  --table-tr-hov-bg-color: var(--color-black-350);
  
  --checkbox-table-border-color: var(--color-black-450);
  --checkbox-table-sel-bg-color: var(--color-gray-300); 
  --checkbox-table-sel-color: var(--color-black-400);
  --checkbox-oval-bg-color: var(--color-black-400);
  --checkbox-oval-sel-bg-color: var(--color-gray-300);
  --checkbox-oval-round-color: var(--color-black-500);
   
  --message-user-bg-color: var(--color-blue-350);
  --message-user-text-color: var(--color-black-500);
  --message-user-edit-bg-color: var(--color-blue-300);
  --message-user-edit-text-color: var(--color-black-500);
  --message-mark-strict-color: var(--color-gray-800);
  --message-mark-flexible-color: var(--color-gray-800);

  --voice-bar-color: var(--color-gray-700);
 
  --service-text-color: var(--color-gray-800);
  
  --img-infographic-bg-color: var(--color-black-500);
  --img-border-color: var(--content-bg-color);
  
  --icon-header-color: var(--text-color);
  
  --ball-bg-color: var(--color-yellow-350);
  
  --header-input-chat-color: var(--color-gray-700);

}