tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(plugins): 插件管理 - 强化开关状态配色与文案 (#330)

Browse Source
This commit is contained in:
MasterChiefCN
2026-08-27 17:26:34 +08:00
committed by GitHub
parent 55ce3cb11f
commit 5a9dd3f9ec
4 changed files with 76 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/src/styles/globals.css
View File

@@ -693,6 +693,14 @@
Layer 3: Component — 引用 Semantic，某组件专属
------------------------------------------------------------------------- */
:root {
/* 插件可用性开关：状态色只服务插件页，不改变其他设置开关的中性语义。 */
--plugin-switch-checked-bg: #15803d;
--plugin-switch-checked-hover-bg: #16a34a;
--plugin-switch-checked-handle: #ffffff;
--plugin-switch-off-bg: #d4d4d8;
--plugin-switch-off-hover-bg: #a1a1aa;
--plugin-switch-off-handle: #52525b;
/* Library 卡片组件：所有作品库共用同一表面和状态合同。 */
--library-surface: var(--card-surface);
--library-surface-hover: var(--card-surface-hover);
@@ -825,6 +833,15 @@
--flow-step-current-glow: 0 0 0 4px var(--cn-active-stroke-soft); /* 当前节点光晕 */
}
.dark {
--plugin-switch-checked-bg: #16a34a;
--plugin-switch-checked-hover-bg: #22c55e;
--plugin-switch-checked-handle: #ffffff;
--plugin-switch-off-bg: #3f3f46;
--plugin-switch-off-hover-bg: #52525b;
--plugin-switch-off-handle: #f4f4f5;
}
@layer base {
* {
@apply border-border outline-ring/50;
@@ -1879,6 +1896,30 @@
background: var(--control-switch-off-handle) !important;
}
:where(.plugin-state-switch.ant-switch.ant-switch-checked) {
background: var(--plugin-switch-checked-bg) !important;
}
:where(.plugin-state-switch.ant-switch.ant-switch-checked:not(.ant-switch-disabled)):hover {
background: var(--plugin-switch-checked-hover-bg) !important;
}
:where(.plugin-state-switch.ant-switch.ant-switch-checked) .ant-switch-handle::before {
background: var(--plugin-switch-checked-handle) !important;
}
:where(.plugin-state-switch.ant-switch:not(.ant-switch-checked)) {
background: var(--plugin-switch-off-bg) !important;
}
:where(.plugin-state-switch.ant-switch:not(.ant-switch-checked):not(.ant-switch-disabled)):hover {
background: var(--plugin-switch-off-hover-bg) !important;
}
:where(.plugin-state-switch.ant-switch:not(.ant-switch-checked)) .ant-switch-handle::before {
background: var(--plugin-switch-off-handle) !important;
}
:where(.ant-switch):focus-visible {
outline: 2px solid var(--control-focus-ring);
outline-offset: 2px;