mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-11 00:10:40 +00:00
fad9cf0db7
Removes the desktop-exclusive `--color-coral-red` CSS variables and replaces their usage with the shared `--color-coral` palette to reduce variable duplication in the design system. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-10374-fix-consolidate-color-coral-red-variables-into-color-coral-32a6d73d365081a4ac88d0ea96aeea02) by [Unito](https://www.unito.io) --------- Co-authored-by: Alex <alex@Mac.lan> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: Alexander Brown <drjkl@comfy.org> Co-authored-by: DrJKL <DrJKL0424@gmail.com>
43 lines
784 B
CSS
43 lines
784 B
CSS
@import '@comfyorg/design-system/css/style.css';
|
|
|
|
#desktop-app {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
|
|
.p-button-secondary {
|
|
border: none;
|
|
background-color: var(--color-neutral-600);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.p-button-secondary:hover {
|
|
background-color: var(--color-neutral-550);
|
|
}
|
|
|
|
.p-button-secondary:active {
|
|
background-color: var(--color-neutral-500);
|
|
}
|
|
|
|
.p-button-danger {
|
|
background-color: var(--color-coral-700);
|
|
}
|
|
|
|
.p-button-danger:hover {
|
|
background-color: var(--color-coral-600);
|
|
}
|
|
|
|
.p-button-danger:active {
|
|
background-color: var(--color-coral-500);
|
|
}
|
|
|
|
.task-div .p-card {
|
|
transition: opacity var(--default-transition-duration);
|
|
--p-card-background: var(--p-button-secondary-background);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.task-div .p-card:hover {
|
|
opacity: 1;
|
|
}
|