tiny-engine/packages/theme/light/button.less

37 lines
1.8 KiB
Plaintext

button {
// primary 按钮字体颜色
// --ti-lowcode-button-primary-color: #fff;
--ti-lowcode-button-primary-color: var(--ti-lowcode-base-gray-0);
--ti-lowcode-button-primary-border-color: var(--ti-lowcode-base-bg-3);
--ti-lowcode-button-primary-bg-color: var(--ti-lowcode-base-bg-3);
--ti-lowcode-button-primary-hover-color: var(--ti-lowcode-base-gray-0);
--ti-lowcode-button-primary-hover-border-color: var(--ti-lowcode-base-bg-4);
--ti-lowcode-button-primary-hover-bg-color: var(--ti-lowcode-base-bg-4);
// button info 字体颜色
--ti-lowcode-button-info-color: var(--ti-lowcode-base-gray-0);
--ti-lowcode-button-info-border-color: var(--ti-lowcode-base-bg-3);
--ti-lowcode-button-info-bg-color: var(--ti-lowcode-base-bg-3);
// info 保存按钮 hover
--ti-lowcode-button-info-hover-color: var(--ti-lowcode-base-gray-0);
--ti-lowcode-button-info-hover-border-color: var(--ti-lowcode-base-bg-4);
--ti-lowcode-button-info-hover-bg-color: var(--ti-lowcode-base-bg-4);
// 默认按钮颜色
--ti-lowcode-button-default-color: var(--ti-lowcode-base-primary-color-1); // 默认按钮颜色
--ti-lowcode-button-default-border-color: var(--ti-lowcode-base-secondary-button-border-color); // 默认按钮边框色
--ti-lowcode-button-default-bg: var(--ti-lowcode-base-gray-0);
// 按钮hover字体颜色
--ti-lowcode-button-default-hover-color: var(--ti-lowcode-base-primary-color-1);
--ti-lowcode-button-default-hover-border-color: var(--ti-lowcode-base-secondary-button-border-hover-color);
--ti-lowcode-button-default-hover-bg: var(--ti-lowcode-base-gray-0);
// 默认按钮禁用颜色
--ti-lowcode-button-default-disabled-color: var(--ti-lowcode-base-text-color-4);
--ti-lowcode-button-default-disabled-border-color: transparent;
--ti-lowcode-button-default-disabled-bg: var(--ti-lowcode-base-bg-1);
}