Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-07 16:40:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP: this should work, now just need to swap everything to this font

Browse Source
This commit is contained in:
Yoland Y
2025-04-30 15:24:11 -07:00
parent ee8f0bf013
commit baf9839c9e
8 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="user.css" />
<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="fonts.css" />
</head>
<body class="litegraph grid">
<div id="vue-app"></div>

7
public/fonts.css Normal file
View File

@@ -0,0 +1,7 @@
@font-face {
font-family: 'ABCRom';
src: url('fonts/ABCRom.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap; /* prevents invisible text flash */
}

BIN
public/fonts/ABCRom.woff2 Normal file
View File

Binary file not shown.

1
src/assets/palettes/dark.json
View File

@@ -54,6 +54,7 @@
"bg-color": "#202020",
"comfy-menu-bg": "#353535",
"comfy-menu-secondary-bg": "#303030",
"font-family": "Arial, Helvetica, sans-serif",
"comfy-input-bg": "#222",
"input-text": "#ddd",
"descrip-text": "#999",

2
src/components/topbar/TopMenubar.vue
View File

@@ -105,7 +105,7 @@ onMounted(() => {
background: var(--comfy-menu-bg);
color: var(--fg-color);
box-shadow: var(--bar-shadow);
font-family: Arial, Helvetica, sans-serif;
font-family: var(--font-family);
font-size: 0.8em;
box-sizing: border-box;
z-index: 1000;

2
src/extensions/core/groupNodeManage.css
View File

@@ -2,7 +2,7 @@
background: var(--bg-color);
color: var(--fg-color);
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-family: var(--font-family);
border-color: black;
margin: 20vh auto;
max-height: 60vh;

1
src/schemas/colorPaletteSchema.ts
View File

@@ -63,6 +63,7 @@ const comfyBaseSchema = z.object({
['comfy-menu-bg']: z.string(),
['comfy-menu-secondary-bg']: z.string(),
['comfy-input-bg']: z.string(),
['font-family']: z.string(),
['input-text']: z.string(),
['descrip-text']: z.string(),
['drag-text']: z.string(),

7
src/scripts/ui/menu/menu.css
View File

@@ -36,6 +36,11 @@
color: var(--primary-hover-fg) !important;
}
@font-face {
font-family: 'ABCRom';
src: url('../../assets/fonts/ABCRom.woff2') format('woff2');
}
/* Popup */
.comfyui-popup {
position: absolute;
@@ -169,7 +174,7 @@
.comfy-widget-selection-dialog div {
color: var(--fg-color);
font-family: Arial, Helvetica, sans-serif;
font-family: 'ABCRom', sans-serif;
}
.comfy-widget-selection-dialog h2 {