298977887/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2025-01-11 10:25:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Match comfy-menu style to litegraph

Browse Source
This commit is contained in:
City 2023-03-29 15:52:38 +02:00
parent b2554bc4dd
commit 0f92d41ac7
1 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/style.css
View File

@ -101,6 +101,12 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
color: #999;
background-color: #353535;
font-family: sans-serif;
padding: 10px;
border-radius: 0 8px 8px 8px;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
} }
.comfy-menu button { .comfy-menu button {
@ -115,6 +121,22 @@ body {
.comfy-menu-btns button { .comfy-menu-btns button {
font-size: 10px; font-size: 10px;
width: 50%; width: 50%;
color: #999 !important;
}
.comfy-menu > button {
width: 100%;
}
.comfy-menu > button,
.comfy-menu-btns button,
.comfy-menu .comfy-list button {
color: #ddd;
background-color: #222;
border-radius: 8px;
border-color: #4e4e4e;
border-style: solid;
margin-top: 2px;
} }
.comfy-menu span.drag-handle { .comfy-menu span.drag-handle {
@ -147,14 +169,18 @@ body {
} }
.comfy-list { .comfy-list {
background-color: rgb(225, 225, 225); color: #999;
background-color: #333;
margin-bottom: 10px; margin-bottom: 10px;
border-color: #4e4e4e;
border-style: solid;
} }
.comfy-list-items { .comfy-list-items {
overflow-y: scroll; overflow-y: scroll;
max-height: 100px; max-height: 100px;
background-color: #d0d0d0; min-height: 25px;
background-color: #222;
padding: 5px; padding: 5px;
} }
@ -181,6 +207,7 @@ body {
} }
button.comfy-settings-btn { button.comfy-settings-btn {
background-color: rgba(0, 0, 0, 0);
font-size: 12px; font-size: 12px;
padding: 0; padding: 0;
position: absolute; position: absolute;
@ -188,6 +215,10 @@ button.comfy-settings-btn {
border: none; border: none;
} }
button.comfy-queue-btn {
margin: 6px 0 !important;
}
.comfy-modal.comfy-settings { .comfy-modal.comfy-settings {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--fg-color); color: var(--fg-color);