Settings - general - add theme management

[user0]

XnViewMP 1.12.1
Windows11 (25H2), display resolution 3840x2160, win scaling 150%

Settings
Custom themes are not standardized and it is not possible to have multiple custom themes at once.
Examples of custom themes:
- Windows 11 Fluent (WinUI 3) dark theme for XnView MP 1.12+
- Windows 10 Dark & Light Mode Themes for XnView MP
- [Theme] Blender inspired theme for XnViewMP (incl. icons)

Suggestion

settings_add_theme_management.png

• add theme management
  • filesystem
    - each theme should be in separate folder
    - allow icons to be set for all commands, not just those listed in default.bar
  • settings (eg like in ImageGlass)
    - add Appearance tab (in General or Interface) with theme management
    - add a [System/Light/Dark] mode selector with support for different themes per mode

• add settings for further customization
  • size
    - font [75-200%], UI scale [75-200%], icons size [16,20,24,32,48]
  • color
    - accent color, tint icons to custom color (mainly for monochrome icons, eg Fluent UI System Icons)
  
  
  eg
  • folder structure

    Code: Select all

    my-theme/
    ├── theme.json        # manifest + colors + metrics
    ├── style.qss.in      # optional stylesheet template (uses @tokens@)
    └── icons/
        ├── commands/     # cmd_xxx.png ...
        └── overlays/     
    

  • theme.json

    Code: Select all

    {
      "name": "Midnight",
      "author": "You",
      "version": 1,
      "base": "dark",
      "colors": {
        "window": "#1e1e24",
        "panel": "#26262e",
        "text": "#e6e6ea",
        "accent": "#4c8dff",
        "thumbBorder": "#3a3a44",
        "selection": "#4c8dff55"
      },
      "metrics": { "radius": 6, "iconSize": 20, "thumbSpacing": 8 },
      "iconTint": null
    }
    

Example

• ImageGlass
  1. download .igtheme from site (.json settings + .svg icons)
  2. 'Install' OR unzip in ..\ImageGlass\_themes\<NEW_FOLDER> & Refresh
  3. select from the list
  other_apps_theme_management_imageglass.png