xbpr/theme/variables.less

xbp react ui by @arco-design/web-react

@alert-border-radius: @border-radius-medium;
@message-border-radius: @border-radius-medium;
@tooltip-border-radius: @border-radius-medium;
@menu-collapse-width: @size-13;

@btn-border-radius: @border-radius-medium;
@btn-secondary-color-bg: @color-transparent;
@btn-secondary-color-bg_hover: @color-transparent;
@btn-secondary-color-bg_active: @color-transparent;
@btn-secondary-color-border: @color-border-2;
@btn-secondary-color-border_disabled: @color-border-3;
@btn-secondary-color-border_hover: @color-primary-5;
@btn-secondary-color-border_active: @color-primary-6;
@btn-secondary-color-text_hover: @color-primary-5;
@btn-secondary-color-text_active: @color-primary-6;

@input-color-bg: @color-transparent;
@input-color-border: @color-border-2;
@input-border-radius: @border-radius-medium;
@input-color-bg_hover: @color-transparent;
@input-color-border_hover: @color-primary-5;
@input-color-bg_error: @color-transparent;
@input-color-border_error: @color-danger-6;
@input-color-bg_error_hover: @color-transparent;
@input-color-border_error_hover: @color-danger-3;

@input-number-border-radius: @border-radius-medium;

@picker-color-bg: @color-transparent;
@picker-input-border-radius: @border-radius-medium;
@picker-color-border: @color-border-2;
@picker-color-bg_hover: @color-transparent;
@picker-color-border_hover: @color-primary-5;

@form-color-bg_error: @color-transparent;
@form-color-border_error: @color-danger-6;
@form-color-bg_error_hover: @color-transparent;
@form-color-border_error_hover: @color-danger-5;
@form-color-bg_warning: @color-transparent;
@form-color-border_warning: @color-warning-6;
@form-color-bg_warning_hover: @color-transparent;
@form-color-border_warning_hover: @color-warning-5;
@form-color-tip-icon-text_validating: @color-primary-6;
@form-color-border_validating: @color-fill-2;
@form-color-bg_validating_hover: @color-transparent;
@form-color-border_validating_hover: @color-fill-3;
@form-color-bg_success: @color-transparent;
@form-color-border_success: @color-fill-2;
@form-color-bg_success_hover: @color-transparent;
@form-color-border_success_hover: @color-fill-3;