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

55 lines
3.4 KiB
Plaintext

:root {
// 历史备份列表
--ti-lowcode-component-block-history-list-item-border-color: var(--ti-lowcode-common-border-color-1); // 组件边框色
--ti-lowcode-component-block-history-list-item-hover-bg: var(
--ti-lowcode-common-component-hover-bg
); // 组件 hover 背景 色
--ti-lowcode-component-block-history-list-item-btn-color: var(
--ti-lowcode-common-secondary-text-color
); // 预览还原按钮文字色
--ti-lowcode-component-block-history-list-item-btn-hover-color: var(
--ti-lowcode-common-text-main-color
); // 预览还原 hover 颜色
--ti-lowcode-component-block-history-list-item-btn-hover-bg: var(--ti-lowcode-common-hover-bg-1); // 预览还原背景色
--ti-lowcode-component-block-history-list-item-btn-border-color: var(
--ti-lowcode-common-secondary-text-color
); // 预览还原边框色
// 区块列表
--ti-lowcode-component-block-list-item-color: var(--ti-lowcode-common-text-main-color); // 区块列表颜色
--ti-lowcode-component-block-list-shortcut-title-color: var(--ti-lowcode-common-primary-text-color); // 快照标题颜色
--ti-lowcode-component-block-list-shortcut-bg: var(--ti-lowcode-common-component-bg); // 快照标题颜色
--ti-lowcode-component-block-list-border-color: var(--ti-lowcode-common-border-color-4); // 快照标题颜色
--ti-lowcode-component-block-list-item-active-bg: #f5f5f5; // 区块 active 背景色
--ti-lowcode-component-block-version-list-item-border-color: var(--ti-lowcode-base-gray-20);
--ti-lowcode-component-block-version-list-item-bg: var(--ti-lowcode-base-gray-0);
--ti-lowcode-component-block-version-list-version-bg: #1476ff1a;
--ti-lowcode-component-block-version-list-version-color: var(--ti-lowcode-common-primary-color);
--ti-lowcode-component-block-version-list-panel-title-color: var(--ti-lowcode-common-text-title-color);
--ti-lowcode-component-block-version-list-time-color: var(--ti-lowcode-common-text-title-color);
--ti-lowcode-component-block-version-list-desc-color: var(--ti-lowcode-common-text-desc-color);
--ti-lowcode-component-block-version-list-current-version-color: var(--ti-lowcode-base-text-color-2);
--ti-lowcode-component-block-setting-popover-bg: var(--ti-lowcode-base-gray-0);
--ti-lowcode-component-block-setting-item-hover-bg: var(--ti-lowcode-base-bg-2);
--ti-lowcode-component-block-setting-item-text-color: var(--ti-lowcode-base-text-color);
// 区块管理 - 添加分类
--ti-lowcode-component-block-list-add-group-btn-bg: transparent;
--ti-lowcode-component-block-list-add-group-btn-border: 1px solid var(--ti-lowcode-base-default-button-border-color);
--ti-lowcode-component-block-list-setting-btn-color: var(--ti-lowcode-base-default-button-border-hover-color);
--ti-lowcode-component-block-list-setting-btn-hover-color: var(--ti-lowcode-base-default-button-border-hover-color);
--ti-lowcode-component-block-list-add-group-btn-border-radius: 6px;
}
.block-setting-content {
--ti-lowcode-block-config-form-item-color: var(--ti-lowcode-base-text-color);
}
// 区块设置 - 标签
.block-tag-create {
--ti-lowcode-block-config-tag-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-block-config-tag-bg: var(--ti-lowcode-input-bg);
--ti-lowcode-block-config-tag-hover-color: var(--ti-lowcode-base-text-color);
--ti-lowcode-block-config-tag-hover-bg: #f2f2f2;
--ti-lowcode-block-config-tag-close-color: var(--ti-lowcode-toolbar-icon-color);
}