forked from opentiny/tiny-engine
47 lines
2.6 KiB
Plaintext
47 lines
2.6 KiB
Plaintext
// 右侧属性面板 css 变量
|
|
#tiny-right-panel {
|
|
--ti-lowcode-setting-panel-bg-color: #2f2f2f;
|
|
--ti-lowcode-setting-panel-tabs-item-title-color: var(--ti-lowcode-base-text-color-1);
|
|
--ti-lowcode-setting-panel-tabs-item-title-active-color: #000;
|
|
--ti-lowcode-setting-panel-tabs-item-title-hover-color: #fff;
|
|
// 插件设置面板左侧边框
|
|
--ti-lowcode-plugin-setting-panel-border-left-color: var(--ti-lowcode-common-component-bg);
|
|
}
|
|
|
|
// 属性面板-属性-新建区块属性
|
|
.block-new-attr-popover {
|
|
--ti-lowcode-attr-popover-menu-item-hover-bg-color: var(--ti-lowcode-base-bg-1);
|
|
--ti-lowcode-attr-popover-menu-item-link-item-bg-color: var(--ti-lowcode-base-primary-color-2);
|
|
--ti-lowcode-attr-popover-menu-item-link-item-color: var(--ti-lowcode-base-gray-0);
|
|
--ti-lowcode-attr-popover-menu-item-color: var(--ti-lowcode-base-text-color);
|
|
}
|
|
|
|
// 属性面板-属性-区块关联属性 icon
|
|
.block-link-field {
|
|
--ti-lowcode-block-link-field-link-icon-color: var(--ti-lowcode-base-gray-0);
|
|
--ti-lowcode-block-link-field-link-icon-bg-color: var(--ti-lowcode-base-success-color);
|
|
}
|
|
|
|
.className-container {
|
|
--ti-lowcode-className-selector-container-color: var(--ti-lowcode-base-text-color);
|
|
--ti-lowcode-className-selector-container-error-border-color: var(--ti-lowcode-base-error-color);
|
|
--ti-lowcode-className-selector-container-error-bg-color: rgba(242, 48, 48, 0.1);
|
|
--ti-lowcode-className-selector-error-tips-color: var(--ti-lowcode-base-error-color);
|
|
--ti-lowcode-className-selector-container-border-color: var(--ti-lowcode-base-gray-40);
|
|
--ti-lowcode-className-selector-container-hover-border-color: var(--ti-lowcode-base-primary-color-2);
|
|
--ti-lowcode-className-selector-container-empty-tips-color: var(--ti-lowcode-base-text-color-1);
|
|
--ti-lowcode-className-selector-container-label-bg-color: rgba(20, 118, 255, 0.1);
|
|
--ti-lowcode-className-selector-container-label-color: var(--ti-lowcode-base-blue-6);
|
|
--ti-lowcode-className-selector-container-option-btn-color: var(--ti-lowcode-base-blue-6);
|
|
--ti-lowcode-className-selector-dropdown-list-bg-color: #202020;
|
|
--ti-lowcode-className-selector-dropdown-list-item-color: var(--ti-lowcode-base-text-color);
|
|
--ti-lowcode-className-selector-dropdown-list-item-active-bg-color: var(--ti-lowcode-base-bg-2);
|
|
--ti-lowcode-className-selector-title-color: var(--ti-lowcode-base-text-color);
|
|
--ti-lowcode-className-selector-dropdown-list-tips-color: var(--ti-lowcode-base-text-color-3);
|
|
}
|
|
|
|
:root {
|
|
--ti-lowcode-className-selector-del-popover-bg-color: var(--ti-lowcode-base-bg-5);
|
|
--ti-lowcode-className-selector-del-popover-title-color: var(--ti-lowcode-base-text-color);
|
|
}
|