Button for the toolbar to change/cycle through Themes

[AmeJunn]

Describe the feature

I often find myself changing between my light and dark themes depending on the image, to see it in a different context. But it's really annoying to go to the settings every time to change the theme. It would be nice if there was a quick button, able to be placed on the toolbar, or via hotkey, to quickly change the theme.

How to use feature

1. Click the button / press the hotkey
2. The theme is changed

Additional context

Perhaps the themes could be marked to be changed via the button. I use 3 themes, so it's not really a on/off toggle for me for example.

But even if it's just a Dark mode/Light mode switch (like in many websites) it would still be nice. I could set the dark mode theme and the light mode theme and then just press the switch.

[d2phap]

Similar to #2042 (comment), in the upcoming v9.2, you can use new API IG_ApplySettings(string json) to change the settings without using Settings window.

Here is the JSON to add "Change theme" button to toolbar, in the Arguments, you just need to pass the theme pack name for both DarkTheme and LightTheme:

Change to Dark theme:

{
  "Type": "Button",
  "Id": "btn_custom_1",
  "Text": "Change to Dark theme",
  "DisplayStyle": "Image",
  "CheckableConfigBinding": "",
  "Alignment": "Left",
  "Image": "C:\\path\\to\\icon.svg",
  "OnClick": {
    "Executable": "IG_ApplySettings",
    "Arguments": [
      "{ \"DarkTheme\": \"Kobe\", \"LightTheme\": \"Kobe\" }"
    ]
  }
}

Change to Light theme:

{
  "Type": "Button",
  "Id": "btn_custom_2",
  "Text": "Change to Light theme",
  "DisplayStyle": "Image",
  "CheckableConfigBinding": "",
  "Alignment": "Left",
  "Image": "C:\\path\\to\\icon.svg",
  "OnClick": {
    "Executable": "IG_ApplySettings",
    "Arguments": [
      "{ \"DarkTheme\": \"Kobe-Light\", \"LightTheme\": \"Kobe-Light\" }"
    ]
  }
}

[d2phap]

Updated: You can assign hotkeys to the toolbar buttons, too!

{
  "Type": "Button",
  "Id": "btn_custom_1",
  "Text": "Change to Dark theme",
  "DisplayStyle": "Image",
  "CheckableConfigBinding": "",
  "Alignment": "Left",
  "Image": "C:\\path\\to\\icon.svg",
  "OnClick": {
    "Executable": "IG_ApplySettings",
    "Arguments": [
      "{ \"DarkTheme\": \"Kobe\", \"LightTheme\": \"Kobe\" }"
    ]
  },
  "Hotkeys": ["Alt+D"]
}

[AmeJunn]

Nice thank you!
I'll try it out when it comes out

[d2phap]

Published ImageGlass 9.2.0.1208 - Maroon 4