@charset "utf-8";
/* from theme\dark\css\widget.css  and css/widget.css*/
:root {
  /* widget common style*/
  --s-color-widget-hint-text: var(--s-color-theme-neutral-text-30);
  --s-color-widget-wrap-border: transparent;
  --s-color-widget-error-tips-bg: var(--s-color-theme-error);
  --s-color-widget-text-wrap-bg: var(--s-color-theme-neutral-bg-30);
  --s-color-widget-text-wrap-border: transparent;
  --s-color-widget-text-wrap-bg-readonly: transparent;
  --s-color-widget-text-wrap-border-readonly: transparent;
  --s-color-widget-text-wrap-bg-disabled: var(--s-color-theme-neutral-bg-30);
  --s-color-widget-text-wrap-border-disabled: var(--s-color-theme-neutral-bg-50);
  --s-color-widget-text: var(--s-color-theme-neutral-text-50);
  --s-color-widget-text-disabled: var(--s-color-theme-neutral-text-20);
  --s-color-widget-text-wrap-border-focus: var(--s-color-theme-main-mid-hover);
  --s-color-widget-text-wrap-error-border: var(--s-color-theme-error);
  --s-color-widget-radio-checkbox-label-text-hover-checked: var(--s-color-theme-main-mid);
  --s-color-widget-radio-checkbox-label-text-disabled: var(--s-color-theme-neutral-text-20);
  --s-color-widget-mask-bg: rgba(0, 0, 0, 0.4);
  --s-color-widget-border: #cccccc;/*todo: 控件默认border, tips: 控件default border 多数已隐藏*/


  /*widget: panel*/
  --s-color-panel-header-border-b: var(--s-color-widget-border);

  /* widget:  input */
  --s-color-input-text: var(--s-color-widget-text);
  --s-color-input-bg: transparent;/*todo: input背景色通过text-wrap控制，input透明*/
  --s-color-input-text-wrap-text-readonly: var(--s-color-widget-text);
  --s-color-input-text-wrap-border-readonly: transparent;
  --s-color-input-text-wrap-bg-readonly: transparent;
  --s-color-input-text-wrap-text-disabled: var(--s-color-widget-text-disabled);
  --s-color-input-hint-text: var(--s-color-widget-hint-text);

  /*widget: number*/
  --s-color-number-switch-up-border-l: var(--s-color-widget-border);
  --s-color-number-switch-down-border-l: var(--s-color-widget-border);

  /* widget:  password */
  --s-color-password-level-bg: #c9c9ca;
  --s-color-password-level-text: var(--s-color-theme-neutral-text-10);
  --s-color-password-level-low-bg: var(--s-color-theme-error);
  --s-color-password-level-mid-bg: #FFCB00;
  --s-color-password-level-high-bg: var(--s-color-theme-main-mid);

  /* widget:  textarea */
  --s-color-textarea-border: var(--s-color-widget-text-wrap-border);
  --s-color-textarea-text-readonly: #4d4d4d;
  --s-color-textarea-bg-readonly: transparent;
  --s-color-textarea-border-readonly: transparent;
  --s-color-textarea-bg: transparent;
  --s-color-textarea-wrap-bg: var(--s-color-widget-text-wrap-bg);

  /* widget:  combobox */
  --s-color-combobox-list-item-text-selected: var(--s-color-theme-main-mid);
  --s-color-combobox-list-item-bg-hover: var(--s-color-theme-neutral-bg-30);
  --s-color-combobox-bg-disabled: var(--s-color-widget-text-wrap-bg-disabled);
  --s-color-combobox-text-disabled: var(--s-color-widget-text-disabled);
  --s-color-combobox-bg: var(--s-color-widget-text-wrap-bg);
  --s-color-combobox-border: transparent;
  --s-color-combobox-border-disabled: var(--s-color-widget-text-wrap-border-disabled);
  --s-color-combobox-list-shadow: #898989;
  --s-color-combobox-list-label-text: var(--s-color-widget-text);
  --s-color-combobox-list-label-bg-disabled: var(--s-color-widget-text-wrap-bg-disabled);
  --s-color-combobox-list-label-text-disabled: var(--s-color-widget-text-disabled);
  --s-color-combobox-switch-border: var(--s-color-widget-border);
  --s-color-combobox-list-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-combobox-list-content-border: var(--s-color-widget-border);
  --s-color-combobox-list-select-all-border: var(--s-color-theme-neutral-bg-50);

   /* widget:  button */
   --s-color-button-border: #aaaaaa;
   --s-color-button-border-pressed: #999999;
   --s-color-button-bg-pressed: #aaaaaa;
   --s-color-button-text-pressed: var(--s-color-theme-neutral-text-10);
   /*线框按钮*/
   --s-color-button-line-text: var(--s-color-theme-main-mid);
   --s-color-button-line-bg: var(--s-color-theme-neutral-bg-10);
   --s-color-button-line-border: var(--s-color-theme-main-mid);
   --s-color-button-line-text-hover: var(--s-color-theme-main-mid-hover);
   --s-color-button-line-border-hover: var(--s-color-theme-main-mid-hover);
   --s-color-button-line-text-disabled: var(--s-color-theme-main-mid-disabled);
   --s-color-button-line-border-disabled: var(--s-color-theme-main-mid-disabled);
    /*次级按钮，cancel场景*/
   --s-color-button-secondary-text: var(--s-color-theme-neutral-text-40);
   --s-color-button-secondary-text-disabled: var(--s-color-theme-neutral-text-30);
   --s-color-button-secondary-bg: var(--s-color-theme-neutral-bg-30);
   --s-color-button-secondary-bg-hover: var(--s-color-theme-neutral-bg-50);
   --s-color-button-secondary-border: var(--s-color-theme-neutral-bg-30);
   --s-color-button-secondary-border-hover: var(--s-color-theme-neutral-bg-50);
    /*主按钮，submit*/
   --s-color-button-main-text: var(--s-color-theme-neutral-text-10);
   --s-color-button-main-bg: var(--s-color-theme-main-mid);
   --s-color-button-main-bg-hover:  var(--s-color-theme-main-mid-hover);
   --s-color-button-mian-bg-disabled: var(--s-color-theme-main-mid-disabled);
   --s-color-button-main-border: var(--s-color-theme-main-mid);
   --s-color-button-main-border-hover: var(--s-color-theme-main-mid-hover);
   --s-color-button-mian-border-disabled: var(--s-color-theme-main-mid-disabled);

  /* widget:  form */
  --s-color-form-prompt-bg: var(--s-color-theme-main-mid);
  --s-color-form-prompt-text-text: var(--s-color-theme-neutral-text-10);
  --s-color-form-error-tips-text: var(--s-color-theme-error);
  --s-color-form-submit-container-border: transparent;

  /* widget:  grid */
  --s-color-grid-text: var(--s-color-theme-neutral-text-50);
  --s-color-grid-tr-border: var(--s-color-theme-neutral-bg-50);
  --s-color-grid-tr-edit-border: var(--s-color-theme-main-mid);
  --s-color-grid-tr-border-selected: var(--s-color-theme-main-mid);
  --s-color-grid-tr-error-border: var(--s-color-theme-error);
  --s-color-grid-content-header-tr-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-grid-content-tr-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-grid-content-tr-bg-hover: var(--s-color-theme-neutral-bg-40);
  --s-color-grid-content-tr-bg-selected: rgba(0, 168, 112, 0.1);
  --s-color-grid-content-tr-text-disabled: var(--s-color-theme-neutral-text-30);
  --s-color-grid-content-tr-border-disabled: #D9D9D9;
  --s-color-grid-operate-btn-text-wrap-text: var(--s-color-theme-main-mid);
  --s-color-grid-operate-btn-text-wrap-text-hover:  var(--s-color-theme-main-mid-hover);
  --s-color-grid-operate-btn-delete-text-wrap-text: var(--s-color-theme-error);
  --s-color-grid-operate-btn-delete-text-wrap-text-hover: var(--s-color-theme-error);
  --s-color-grid-operate-btn-text: #4d4d4d;
  --s-color-grid-operate-btn-bg: transparent;
  --s-color-grid-prompt-progressbar-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-grid-page-btn-text: var(--s-color-grid-text);
  --s-color-grid-page-btn-curr-text: var(--s-color-theme-main-mid);
  


   /* widget:  msg */
  --s-color-msg-shadow: #898989;
  --s-color-msg-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-msg-border: #fefefe;
  --s-color-msg-title-h3-text: var(--s-color-theme-neutral-text-50);

  /* widget:  timepicker */
  --s-color-timepicker-msg-table-td-border: #e5e6e6;
  --s-color-timepicker-msg-timepicker-border: #ffffff;
  --s-color-timepicker-msg-timepicker-bg-selected: #a0d468;
  --s-color-timepicker-msg-legend-icon-bg: #a0d468;
  --s-color-timepicker-msg-select-wrap-border: #b2b2b2;

  /* widget:  foldertree */
  --s-color-foldertree-text-text: #4d4d4d;
  --s-color-foldertree-text-text-disabled: #599e00;

  /* widget:  status */
  --s-color-status-scan-result-text: var(--s-color-theme-main-mid);

  /* widget:  wizard */
  --s-color-wizard-step-icon-bg: #cccccc;
  --s-color-wizard-step-processed-bg: var(--s-color-theme-main-mid);
  --s-color-wizard-step-text-wrap-text: #b2b2b2;
  --s-color-wizard-step-processed-text-wrap-text: var(--s-color-theme-main-mid);
    /*widget:  wizard skip button*/
    --s-color-wizard-skip-button-border: var(--s-color-button-line-border);
    --s-color-wizard-skip-button-bg: var(--s-color-button-line-bg);
    --s-color-wizard-skip-button-text: var(--s-color-button-line-text);
    --s-color-wizard-skip-button-border-hover: var(--s-color-button-line-border-hover);
    --s-color-wizard-skip-button-bg-hover: var(--s-color-button-line-bg);
    --s-color-wizard-skip-button-text-hover: var(--s-color-button-line-text-hover);
  
    --s-color-wizard-form-button-container-bg: var(--s-color-button-line-bg);
    --s-color-wizard-form-button-shadow: rgba(54,68,75,0.08);
    --s-color-wizard-form-button-prev-text: var(--s-color-button-line-text);

  /* widget:  progressbar */
  --s-color-progressbar-border: var(--s-color-theme-main-mid);
  --s-color-progressbar-value-bg: var(--s-color-theme-main-mid);

  /* widget:  keyword */
  --s-color-keyword-warn-text: var(--s-color-theme-error);
  --s-color-keyword-add-btn-text: var(--s-color-theme-main-mid);
  --s-color-keyword-add-btn-text-hover: var(--s-color-theme-main-mid-hover);
  --s-color-keyword-add-btn-text-disabled: #b2b2b2;
  --s-color-keyword-add-btn-border: var(--s-color-widget-border);

  /* widget:  tips */
  
  --s-color-tip-bg: rgba(43, 43, 43, 0.96);
  --s-color-tip-shadow: var(--s-color-tip-bg);
  --s-color-tip-border: var(--s-color-widget-border);
  --s-color-tip-text: var(--s-color-theme-neutral-text-10);
  --s-color-tip-delta-border: transparent;
  --s-color-tip-delta-border-b: var(--s-color-tip-bg);

  /* widget:  help */
  --s-color-help-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-help-shadow: #898989;
  --s-color-help-title-h4-text: var(--s-color-theme-neutral-text-50);
  --s-color-help-title-h5-text: var(--s-color-theme-main-mid);
  --s-color-help-sub-title-h5-text: var(--s-color-theme-neutral-text-50);

  /*widget: panel*/
  --s-color-panel-header-button-text: var(--s-color-theme-neutral-text-10);
  --s-color-panel-header-button-border: var(--s-color-widget-border);

  /*widget: file*/
  --s-color-file-bg: transparent;
}