Organize setting display for new settings dialog (#507)

Author: huchenlei

src/extensions/core/colorPalette.ts

@@ -1,4 +1,3 @@
-import { lightenColor } from '@/utils/colorUtil'
 import { app } from '../../scripts/app'
 import { $el } from '../../scripts/ui'
 import type { ColorPalettes, Palette } from '@/types/colorPalette'
@@ -749,12 +748,6 @@ app.registerExtension({
         ) as HTMLSelectElement
 
         return $el('tr', [
-          $el('td', [
-            $el('label', {
-              for: id.replaceAll('.', '-'),
-              textContent: 'Color palette'
-            })
-          ]),
           $el('td', [
             els.select,
             $el(

src/extensions/core/widgetInputs.ts

@@ -662,9 +662,7 @@ app.registerExtension({
   init() {
     useConversionSubmenusSetting = app.ui.settings.addSetting({
       id: 'Comfy.NodeInputConversionSubmenus',
-      name: 'Node widget/input conversion sub-menus',
-      tooltip:
-        'In the node context menu, place the entries that convert between input/widget in sub-menus.',
+      name: 'In the node context menu, place the entries that convert between input/widget in sub-menus.',
       type: 'boolean',
       defaultValue: true
     })

src/scripts/ui.ts

@@ -401,7 +401,7 @@ export class ComfyUI {
 
     this.settings.addSetting({
       id: 'Comfy.DisableSliders',
-      name: 'Disable sliders.',
+      name: 'Disable node widget sliders',
       type: 'boolean',
       defaultValue: false
     })
@@ -746,9 +746,9 @@ export class ComfyUI {
       })
     ]) as HTMLDivElement
 
-    const devMode = this.settings.addSetting({
+    this.settings.addSetting({
       id: 'Comfy.DevMode',
-      name: 'Enable Dev mode Options',
+      name: 'Enable dev mode options (API save, etc.)',
       type: 'boolean',
       defaultValue: false,
       onChange: function (value) {

src/scripts/widgets.ts

@@ -347,12 +347,10 @@ function isSlider(display, app) {
 export function initWidgets(app) {
   app.ui.settings.addSetting({
     id: 'Comfy.WidgetControlMode',
-    name: 'Widget Value Control Mode',
+    name: 'Controls when widget values are updated (randomize/increment/decrement), either before the prompt is queued or after.',
     type: 'combo',
     defaultValue: 'after',
     options: ['before', 'after'],
-    tooltip:
-      'Controls when widget values are updated (randomize/increment/decrement), either before the prompt is queued or after.',
     onChange(value) {
       controlValueRunBefore = value === 'before'
       for (const n of app.graph._nodes) {