Page 1 of 1

Update the aesthetic to the Windows 11 style

Posted: 16 Apr 2022 22:16
by Texano88
Hi, while always seeing beautiful feature updates in XY, the only overlooked aspect of XYplorer is the aesthetics. Here I would like to propose some ideas for updating the visual aspect, for a more pleasant and integrated user experience in Windows 11.

First, a checkbox with a description like: "Use the new style for Windows 11", for those who prefer the old style.

Some ideas:
  • Refresh the top toolbar icons
  • Add rounded corners for tabs, search bars and other inputs
  • Update the appearance of the branching of the tree
Anyone can suggest other details in this post.

I can help with the search for icons.

Re: Update the aesthetic to the Windows 11 style

Posted: 17 Apr 2022 02:28
by XY fan
While we are on aesthetics, how about some more interesting ICONS for XY? The standard colored one(s) is OK but some more imaginative designs seem appropriate for a program as ingenious as XY. How about a Sextant with XY superimposed on it for instance?

Re: Update the aesthetic to the Windows 11 style

Posted: 17 Apr 2022 08:13
by eil
Me personally not a fan of win11, just wanted to mention that if i remember correctly, there was some trick you already can "change default icons" to own preferences by smth like putting same named icons in \Icons folder of XY AppData.

Re: Update the aesthetic to the Windows 11 style

Posted: 17 Apr 2022 08:38
by highend
There is a tweak for that

Code: Select all

v19.80.0115 - 2019-03-21 19:24
    + Patch Internal Images: Added a tweak that lets you completely customize
      the toolbar images (and, in future, maybe even other internal images) in
      an elegant, portable, and shareable way.
      You simply state a path where you have your beautiful image files. The
      path can be specified relative to <xydata> (XYplorer's app data path). For
      example:
        PatchImagesPath=Patch
      Now you need one image file for each image you want to patch (i.e.,
      replace the original image with). Each image file must have the image key
      in the beginning of the filename, optionally searated by "-" from any
      other parts of the name. For example, these files would both work for the
      Branch View button (whose key happens to be "flatview"):
        flatview-Cherries-24 x 24.png
        flatview.png
      Now on startup XYplorer will scan this folder and patch all images for
      which it finds a valid file with a valid image key. The image files are
      processed in alphabetical ascending order so if you have more than one
      file pointing to the same image then the last one wins.
      By default both size versions of the image are patched, small (16 x 16)
      and large (24 x 24). But here's a way to specify which size you want to
      patch: Append "1" for small, "2" for large to the key, separated by a
      comma. For example:
        flatview,1-Cherries-16 x 16.png
        flatview,2-Cherries-24 x 24.png
    > Tip: To determine the image key of a button hold CTRL when you click
      "Tools | Customize Toolbar...". The dialog's button lists now feature the
      image keys in brackets.


Re: Update the aesthetic to the Windows 11 style

Posted: 17 Apr 2022 19:00
by WirlyWirly
XY fan wrote: 17 Apr 2022 02:28 While we are on aesthetics, how about some more interesting ICONS for XY? The standard colored one(s) is OK but some more imaginative designs seem appropriate for a program as ingenious as XY. How about a Sextant with XY superimposed on it for instance?
I think the most interesting icons are the ones we as users pick for ourselves. The CFI (Custom File Icons) window is already incredibly powerful, you can assign icons to pretty much whatever you want. The only thing I don't see being able to adjust is built-in toolbar button icons, but that can be done with the tweak mentioned by @highend.

Flaticons, icons8, and deviantart are great for finding custom .png/.svg files to use for icons. I wrote a small python script (Create Icons from Image Files) a while back and highend re-wrote it in native XY. It works great for quickly turning a batch of image files into custom icons, it makes customizing your icons too easy.

Re: Update the aesthetic to the Windows 11 style

Posted: 18 Apr 2022 02:57
by XY fan
We can certainly make our own.I just had in mind some more creative icons embedded in the exe or other program files - along with the existing XY ones.

Re: Update the aesthetic to the Windows 11 style

Posted: 24 Apr 2022 21:33
by Texano88
I didn't know you could customize the icons. However, you can always add some sets for all users who have no desire or knowledge to change all the icons.

A few more ideas:
  • Glass effect files selection box
  • Hover pop up and hover box rounded

Re: Update the aesthetic to the Windows 11 style

Posted: 24 Apr 2022 22:01
by klownboy
You may want to take a look at this thread for patching XY's built-in toolbar icons viewtopic.php?f=7&t=20333
and this one as well viewtopic.php?p=168992#p168992