body {

  --app-topline-color: #23272F;
  --app-topline-border-color: #101319;
  --app-topline-separator-color: #5f6264;
  --app-topline-control-color: #3a3f4b;
  --app-topline-text-color: #818589;
  --app-topline-active-text-color: #FFFFFF;
  --app-topline-active-color: hsla(221, 40%, 50%, 1);
  
  --app-header-color: #2b303b;
  --app-header-text-color: #a1a3a7;
  --app-header-border-color: #101319;
  --app-header-active-text-color: #FFFFFF;
  --app-header-active-color: hsla(221, 40%, 50%, 1);;
  --app-header-separator-color: #505254;
  --app-header-control-color: #363C49;
  --app-header-button-color: #363C49;
  --app-header-button-text-color: #00ffff;
  --app-header-button-cancel-color: #ee285b;
  --app-header-button-cancel-text-color: #ffffff;
  --app-header-online-color: #9ebcff;
  --app-header-offline-color: #5c6068;
  --app-header-link-color: #9184ab;
  --app-header-link-hover-color: #FFFFFF;
  
  --app-subwidget-header-color: #23272f;
  --app-subwidget-header-text-color: #a1a3a7;
  --app-subwidget-header-border-color: #101319;
  --app-subwidget-header-active-text-color: #FFFFFF;
  --app-subwidget-header-active-color: hsla(221, 40%, 50%, 1);;
  --app-subwidget-header-separator-color: #404040;
  --app-subwidget-header-control-color: #363C49;
  --app-subwidget-header-button-color: #363C49;
  --app-subwidget-header-button-text-color: #00ffff;
  --app-subwidget-header-button-cancel-color: #ee285b;
  --app-subwidget-header-button-cancel-text-color: #ffffff;
  --app-subwidget-header-online-color: #9ebcff;
  --app-subwidget-header-offline-color: #5c6068;
  --app-subwidget-header-link-color: #9184ab;
  --app-subwidget-header-link-hover-color: #FFFFFF;
  
  --app-panel-color: #23272F;
  --app-control-color: #363C49;
  --app-logo-border-color: #101319;

  --app-button-color: #363C49;
  --app-button-text-color: #00ffff;
  --app-active-button-color: hsla(221, 100%, 60%, 1);
  --app-active-button-text-color: #FFFFFF;

  --app-section-color: #151a23;
  --app-section-header-color: #23272F;
  --app-section-header-text-color: #a1a3a7;

  --app-grid-table-color: #151a23;
  --app-grid-table-border-color: #23272F;
  --app-grid-table-text-color: #a1a3a7;
  --app-grid-header-color: #23272F;
  --app-grid-header-text-color: #a1a3a7;
  --app-grid-header-border-color: #2b303b;
  --app-grid-group-text-color: #7988a9;
  --app-grid-flash-color: hsla(221, 40%, 50%, 0.15);

  --app-modal-form-color: #363C49;
  --app-modal-form-output-color: #151a23;
  --app-modal-form-header-color: #414858;
  --app-modal-form-header-text-color: #c1c3c7;
  --app-modal-form-header-active-text-color: #ffffff;
  --app-modal-form-text-color: #c1c3c7;
  --app-modal-form-comment-color: #6d7483;
  --app-modal-form-field-name-color: #919aad;
  --app-modal-form-border-color: #101319;
  --app-modal-form-active-text-color: #FFFFFF;
  --app-modal-form-active-color: hsla(221, 40%, 50%, 1);;
  --app-modal-form-separator-color: #404040;
  --app-modal-form-control-color: #414858;
  --app-modal-form-button-color: #414858;
  --app-modal-form-button-text-color: #00ffff;
  --app-modal-form-close-button-color: #414858;
  --app-modal-form-close-button-text-color: #00ffff;
  --app-modal-form-online-color: #9ebcff;
  --app-modal-form-offline-color: #5c6068;
  --app-modal-form-link-color: #a28ccf;
  --app-modal-form-link-hover-color: #FFFFFF;


  --app-background-color: #151a23;
  --app-text-color: #a1a3a7;
  --app-button-text-color: #00ffff;
  --app-card-caption-text-color: #818589;
  --app-card-control-color: #1e2229;
  --app-comment-color: #5b5e64;
  --app-active-color: hsla(221, 40%, 50%, 1);
  --app-selected-color: hsla(221, 40%, 40%, 0.5);
  --app-focused-color: hsl(221, 40%, 60%);
  --app-form-color: #23272F;
  --app-active-text-color: #ffffff;
  
  --app-editor-topline-color: #3B404B;
  --app-editor-topline-text-color: #aaaeb7;
  --app-editor-topline-button-text-color: #ffffff;
  --app-editor-topline-disabled-text-color: #7a7f8b;

  --app-editor-header-color: #2d323d;
  --app-editor-header-text-color: #aaaeb7;
  --app-editor-header-separator-color: #65676d;
  
  --app-splitter-color:#000000;
  --app-splitter-handle-color:#444444;

  --app-scroll-color: hsl(221, 15%, 13%);
  --app-scroll-handle-color: #363C49;
    
  --app-semi-white-color: rgba(255, 255, 255, 0.5);
  --app-semi-black-color: rgba(0, 0, 0, 0.5);
  
  --app-popup-background-color: #363C49;
  --app-popup-hover-color: #ffffff;
  --app-popup-text-color: #DDDDDD;

  --app-tooltip-background-color: #000000c7;
  --app-tooltip-text-color: #DDDDDD;

  --app-link-color: #9184ab;
  --app-link-hover-color: #ffffff;
    
  --app-error-color: #D13B2E;
  --app-error-text-color: #FFFFFF;
  
  --app-warning-color: #bd7a00;
  --app-warning-text-color: #FFFFFF;

  --app-info-color: #3579b8 ;
  --app-success-color: #2D9F43;

  --app-red-color: #f90343;
  --app-blue-color: #0088ff;
  --app-orange-color: #cc8533;
  --app-yellow-color: #ebdd5b;
  --app-green-color: #33cc77;
  --app-violet-color: #ae52eb;
  --app-brown-color: #804030;
  --app-gray-color: #6d727d;

  --app-soft-red-color: #ee285b;
  --app-soft-blue-color: #669ccc;
  --app-soft-orange-color: #b3834c;
  --app-soft-yellow-color: #ada558;
  --app-soft-green-color: #53e670;
  --app-soft-violet-color: #9b6e90;
  --app-soft-brown-color: #804030;
  --app-soft-gray-color: #6d727d;

  --app-alm-alarm-background-color: #911f22;
  --app-alm-fault-background-color: #995f1e;
  --app-alm-warning-background-color: #9b930e;
  --app-alm-notice-background-color: #085f44;
  --app-alm-info-background-color: #224e77;
  --app-alm-norma-background-color: #252837;

  --app-alm-alarm-background-error-color: #531C22;
  --app-alm-fault-background-error-color: #573C20;
  --app-alm-warning-background-error-color: #585618;
  --app-alm-notice-background-error-color: #0E3C33;
  --app-alm-info-background-error-color: #0E3C33;

  --app-alm-alarm-text-color: #cd2d31;
  --app-alm-fault-text-color: #d38227;
  --app-alm-warning-text-color: #9b930e;
  --app-alm-notice-text-color: #0fa375;
  --app-alm-info-text-color: #3983c9;
  --app-alm-norma-text-color: #A1A3A7;
  --app-alm-active-color: #FFFFFF;

  --app-offline-color: #5c6068;
  --app-online-color: #9ebcff;

  --app-status-offline-color:var(--app-offline-color);
  --app-status-online-color:var(--app-online-color);
  --app-status-work-color:var(--app-green-color);
  --app-status-warning-color:var(--app-alm-warning-text-color);
  --app-status-alarm-color:var(--app-alm-alarm-text-color);
  --app-status-service-color:var(--app-violet-color);

  --control-background-color:    			      var(--app-background-color);
  --control-device-color:                       var(--app-control-color);
  --control-box-color:                          var(--app-control-color);
  --control-contrast-color:       		      var(--app-active-text-color);
  --control-tint-color:       		          var(--app-form-color);
  --control-light-color:       		          var(--app-light-color);
  --control-shade-color:       		          var(--app-shade-color);
  --control-text-color:         			      var(--app-text-color);
  --control-alm-text-color:                     var(--app-background-color);
  --control-selected-color:         		    var(--app-active-color);
  --control-border-color:      			        var(--app-control-color);
  --control-on-color:            			      var(--app-success-color);
  --control-off-color:          			      var(--app-control-color);
  --control-alarm-color:          			    var(--app-alm-alarm-background-color);
  --control-fault-color:          			    var(--app-alm-fault-background-color);
  --control-warning-color:          			  var(--app-alm-warning-background-color);
  --control-notice-color:          			    var(--app-alm-notice-background-color);
  --control-info-color:    		              var(--app-alm-info-background-color);
  --control-malfunction-color:    		      var(--app-info-color);

  
  --control-trend-caption-color: var(--app-text-color);
  --control-trend-background-color: #101319;
  --control-trend-major-grid-color: #21252d;
  --control-trend-minor-grid-color: #151a23;
  --control-trend-major-time-color: #a1a3a7;
  --control-trend-minor-time-color: #5b5e64;
  --control-trend-legend-line-color: #a1a3a7;

  --control-trend-a-color: var(--app-red-color);
  --control-trend-b-color: var(--app-blue-color);
  --control-trend-c-color: var(--app-orange-color);
  --control-trend-d-color: var(--app-yellow-color);
  --control-trend-e-color: var(--app-green-color);
  --control-trend-f-color: var(--app-violet-color);
  --control-trend-g-color: var(--app-brown-color);
  --control-trend-h-color: var(--app-gray-color);
  
  --control-ventilation-device-color:       var(--control-device-color);
  --control-ventilation-box-color:          var(--control-box-color);
  --control-ventilation-border-color:       var(--app-background-color);
  --control-ventilation-background-color:   var(--app-background-color);
  --control-ventilation-warm-color:         #FF9900;
  --control-ventilation-cold-color:         #0099FF;

  --control-plan-brick-color:               var(--control-box-color); /*Цвет кирпича; цвет стены*/
  --control-plan-cement-color:              var(--control-background-color); /*Цвет цемента; цвет заливки между стенами*/
  --control-plan-door-color:                var(--control-box-color); /*Цвет двери*/
  --control-plan-door-border-color:         var(--control-box-color); /*Цвет обводки двери*/
  --control-plan-window-color:              #0099FF; /*Цвет окон*/
  --control-plan-window-border-color:       #0099FF; /*Цвет обводки окон*/

  --control-plumbing-color1:                gray;
  --control-plumbing-color2:                white;

  --control-sensors-background-color: var(--control-box-color); /* Стандартный цвет фона (у которых нет состояний on/off) датчика */
  --control-sensors-on-background-color: var(--control-on-color); /* Цвет фона включенного датчика */
  --control-sensors-off-background-color: var(--control-box-color); /* Цвет фона выключенного датчика */
  --control-sensors-process-color: var(--app-header-color); /* Цвет фона прогресс-бара датчика */
  --control-sensors-on-text-color: var(--control-contrast-color); /* Цвет текста включенного датчика */
  --control-sensors-off-text-color: var(--control-text-color); /* Цвет текста выключенного датчика */
  --control-sensors-alm-text-color: var(--control-alm-text-color); /* Цвет текста датчика в аварии */
  --control-sensors-callout-color: var(--control-box-color); /* Выноска(ножка) датчика */
}