Add theme colour for disabled widgets (#3657)

browser_tests/tests/colorPalette.spec.ts

@@ -48,6 +48,7 @@ const customColorPalettes: Record<string, Palette> = {
         WIDGET_OUTLINE_COLOR: '#333',
         WIDGET_TEXT_COLOR: '#a3a3a8',
         WIDGET_SECONDARY_TEXT_COLOR: '#97979c',
+        WIDGET_DISABLED_TEXT_COLOR: '#646464',
         LINK_COLOR: '#9A9',
         EVENT_LINK_COLOR: '#A86',
         CONNECTING_LINK_COLOR: '#AFA'
@@ -111,6 +112,7 @@ const customColorPalettes: Record<string, Palette> = {
         WIDGET_OUTLINE_COLOR: '#333',
         WIDGET_TEXT_COLOR: '#a3a3a8',
         WIDGET_SECONDARY_TEXT_COLOR: '#97979c',
+        WIDGET_DISABLED_TEXT_COLOR: '#646464',
         LINK_COLOR: '#9A9',
         EVENT_LINK_COLOR: '#A86',
         CONNECTING_LINK_COLOR: '#AFA'

src/assets/palettes/arc.json

@@ -50,6 +50,7 @@
       "WIDGET_OUTLINE_COLOR": "#6e7581",
       "WIDGET_TEXT_COLOR": "#DDD",
       "WIDGET_SECONDARY_TEXT_COLOR": "#b2b7bd",
+      "WIDGET_DISABLED_TEXT_COLOR": "#5c626d",
       "LINK_COLOR": "#9A9",
       "EVENT_LINK_COLOR": "#A86",
       "CONNECTING_LINK_COLOR": "#AFA"
@@ -74,4 +75,4 @@
       "bar-shadow": "rgba(8, 8, 8, 0.75) 0 0 0.5rem"
     }
   }
-}
+}

src/assets/palettes/dark.json

@@ -42,6 +42,7 @@
       "WIDGET_OUTLINE_COLOR": "#666",
       "WIDGET_TEXT_COLOR": "#DDD",
       "WIDGET_SECONDARY_TEXT_COLOR": "#999",
+      "WIDGET_DISABLED_TEXT_COLOR": "#666",
       "LINK_COLOR": "#9A9",
       "EVENT_LINK_COLOR": "#A86",
       "CONNECTING_LINK_COLOR": "#AFA",
@@ -68,4 +69,4 @@
       "bar-shadow": "rgba(16, 16, 16, 0.5) 0 0 0.5rem"
     }
   }
-}
+}

src/assets/palettes/github.json

@@ -50,6 +50,7 @@
       "WIDGET_OUTLINE_COLOR": "#30363d",
       "WIDGET_TEXT_COLOR": "#bcc2c8",
       "WIDGET_SECONDARY_TEXT_COLOR": "#999",
+      "WIDGET_DISABLED_TEXT_COLOR": "#30363d",
       "LINK_COLOR": "#9A9",
       "EVENT_LINK_COLOR": "#A86",
       "CONNECTING_LINK_COLOR": "#AFA"
@@ -74,4 +75,4 @@
       "bar-shadow": "rgba(0, 0, 0, 1) 0 0 0.5rem"
     }
   }
-}
+}

src/assets/palettes/light.json

@@ -43,6 +43,7 @@
       "WIDGET_OUTLINE_COLOR": "#999",
       "WIDGET_TEXT_COLOR": "#222",
       "WIDGET_SECONDARY_TEXT_COLOR": "#555",
+      "WIDGET_DISABLED_TEXT_COLOR": "#999",
       "LINK_COLOR": "#4CAF50",
       "EVENT_LINK_COLOR": "#FF9800",
       "CONNECTING_LINK_COLOR": "#2196F3",
@@ -70,4 +71,4 @@
       "bar-shadow": "rgba(16, 16, 16, 0.25) 0 0 0.5rem"
     }
   }
-}
+}

src/assets/palettes/nord.json

@@ -50,6 +50,7 @@
       "WIDGET_OUTLINE_COLOR": "#545d70",
       "WIDGET_TEXT_COLOR": "#bcc2c8",
       "WIDGET_SECONDARY_TEXT_COLOR": "#999",
+      "WIDGET_DISABLED_TEXT_COLOR": "#545d70",
       "LINK_COLOR": "#9A9",
       "EVENT_LINK_COLOR": "#A86",
       "CONNECTING_LINK_COLOR": "#AFA"
@@ -74,4 +75,4 @@
       "bar-shadow": "rgba(0, 0, 0, 0.75) 0 0 0.5rem"
     }
   }
-}
+}

src/assets/palettes/solarized.json

@@ -35,6 +35,7 @@
       "WIDGET_OUTLINE_COLOR": "#839496",
       "WIDGET_TEXT_COLOR": "#fdf6e3",
       "WIDGET_SECONDARY_TEXT_COLOR": "#93a1a1",
+      "WIDGET_DISABLED_TEXT_COLOR": "#657b83",
       "LINK_COLOR": "#2aa198",
       "EVENT_LINK_COLOR": "#268bd2",
       "CONNECTING_LINK_COLOR": "#859900"
@@ -59,4 +60,4 @@
       "bar-shadow": "rgba(16, 16, 16, 0.5) 0 0 0.5rem"
     }
   }
-}
+}

src/schemas/colorPaletteSchema.ts

@@ -48,6 +48,7 @@ const litegraphBaseSchema = z.object({
   WIDGET_OUTLINE_COLOR: z.string(),
   WIDGET_TEXT_COLOR: z.string(),
   WIDGET_SECONDARY_TEXT_COLOR: z.string(),
+  WIDGET_DISABLED_TEXT_COLOR: z.string(),
   LINK_COLOR: z.string(),
   EVENT_LINK_COLOR: z.string(),
   CONNECTING_LINK_COLOR: z.string(),