.setting-advanced-add-custom-event-tip {
  --ti-lowcode-events-add-custom-event-tips-color: var(--ti-lowcode-base-text-color);
  --ti-lowcode-event-add-custom-event-tips-highlight-color: var(--ti-lowcode-base-warn-color);
}

.setting-advanced-bind-event-list {
  --ti-lowcode-events-bind-event-list-color: var(--ti-lowcode-base-text-color);
  --ti-lowcode-events-bind-event-list-item-disabled-color: var(--ti-lowcode-base-text-color-4);
  --lowcode-events-bind-event-list-item-hover-bg-color: var(--ti-lowcode-base-bg-1);
}

.bind-action-list {
  --ti-lowcode-events-bind-action-item-border-color: var(--ti-lowcode-base-split-color-1);
  --ti-lowcode-events-event-bind-color: var(--ti-lowcode-base-primary-color-2);
  --ti-lowcode-events-bind-action-item-color: var(--ti-lowcode-base-text-color);
  --ti-lowcode-events-bind-action-item-hover-bg-color: var(--ti-lowcode-base-bg-1);
  --ti-lowcode-events-bind-action-item-linked-bg-color: var(--ti-lowcode-base-success-color);
  --ti-lowcode-events-bind-action-item-linked-color: var(--ti-lowcode-base-gray-0);
  --ti-lowcode-events-empty-action-color: var(--ti-lowcode-base-text-color-1);
  --ti-lowcode-events-empty-action-tips-strong-color: var(--ti-lowcode-base-warn-color);
}

.advanced-config-container {
  --ti-lowcode-events-advanced-config-color: var(--ti-lowcode-base-text-color);
  --ti-lowcode-events-advanced-label-color: var(--ti-lowcode-base-text-color-1);
  --ti-lowcode-events-advanced-binding-state-bg-color: var(--ti-lowcode-base-primary-color-2);
  --ti-lowcode-events-advanced-binding-state-color: var(--ti-lowcode-base-gray-0);
}

.bind-event-dialog-content {
  --ti-lowcode-bind-event-dialog-color: var(--ti-lowcode-base-text-color);
  --ti-lowcode-bind-event-dialog-content-left-border-color: var(--ti-lowcode-base-split-color-1);
  --ti-lowcode-bind-event-dialog-content-right-monaco-border-color: var(--ti-lowcode-base-split-color-1);
  --ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color: var(--ti-lowcode-base-bg-1);
  --ti-lowcode-bind-event-dialog-new-action-tip-color: var(--ti-lowcode-base-text-color-1);
  --ti-lowcode-bind-event-dialog-action-selected-icon-color: var(--ti-lowcode-base-primary-color-2);
  --ti-lowcode-bind-event-dialog-mark-bg-color: var(--ti-lowcode-base-bg-1);
}
