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 ionicons, Fluent UI System Icons)
  
  
  eg
  • folder structure

    Code: Select all

    ├── themes/
    │   ├── my-theme/
    │   │   ├── theme.json        # manifest + colors + metrics
    │   │   ├── style.qss         # optional stylesheet template
    │   │   └── icons/
    │   │       ├── commands/     # optional cmd_xxx.png ...
    │   │       └── overlays/     # optional 
    

  • 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

Related

• suggestions
  Settings - general - add theme management (current post)
  Theme - options - unify list
  Theme - dark - list, selection, text
  - done -
  Theme - dark - titlebar, tab (1.8.7)