Add new top level setting category 'LiteGraph' and 'Appearance' (#1573)

src/extensions/core/colorPalette.ts

@@ -733,7 +733,7 @@ app.registerExtension({
 
     app.ui.settings.addSetting({
       id,
-      category: ['Comfy', 'ColorPalette'],
+      category: ['Appearance', 'ColorPalette'],
       name: 'Color Palette',
       type: (name, setter, value) => {
         const options = [

src/extensions/core/invertMenuScrolling.ts

@@ -24,7 +24,7 @@ app.registerExtension({
     }
     app.ui.settings.addSetting({
       id,
-      category: ['Comfy', 'Graph', 'InvertMenuScrolling'],
+      category: ['LiteGraph', 'Menu', 'InvertMenuScrolling'],
       name: 'Invert Context Menu Scrolling',
       type: 'boolean',
       defaultValue: false,

src/extensions/core/snapToGrid.ts

@@ -25,7 +25,7 @@ app.registerExtension({
     // Add setting to control grid size
     app.ui.settings.addSetting({
       id: 'Comfy.SnapToGrid.GridSize',
-      category: ['Comfy', 'Graph', 'GridSize'],
+      category: ['LiteGraph', 'Canvas', 'GridSize'],
       name: 'Snap to grid size',
       type: 'slider',
       attrs: {
@@ -43,7 +43,7 @@ app.registerExtension({
     // Using a new setting id can cause existing users to lose their existing settings.
     const alwaysSnapToGrid = app.ui.settings.addSetting({
       id: 'pysssss.SnapToGrid',
-      category: ['Comfy', 'Graph', 'AlwaysSnapToGrid'],
+      category: ['LiteGraph', 'Canvas', 'AlwaysSnapToGrid'],
       name: 'Always snap to grid',
       type: 'boolean',
       defaultValue: false,