Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change the selection / hover color in explorer? #157

Open
4 tasks done
F1mmel opened this issue Nov 3, 2024 · 13 comments
Open
4 tasks done

How to change the selection / hover color in explorer? #157

F1mmel opened this issue Nov 3, 2024 · 13 comments
Labels

Comments

@F1mmel
Copy link

F1mmel commented Nov 3, 2024

Windows Version: Win11 23H2

Question
Hello, I want to edit my current theme. Exactly I do want to change the color of the selected item and the hover color over a item. Which property do I have to edit? Check my screenshot. I want this blue to some purple color.
Thanks!

Things you already tried
I installed the tool and imported my theme I want to edit.

Additional context
image

Checklist

  • My uxtheme.dll is patched
  • I am using the latest version of msstyleEditor
  • I checked the Wiki
  • None of the other issues cover this
@F1mmel F1mmel added the question label Nov 3, 2024
@F1mmel F1mmel changed the title How to change the selection / hove color in explorer? How to change the selection / hover color in explorer? Nov 3, 2024
@Undisputed00x
Copy link

TreeItem subclass is what you want to edit.

Msstyle Editor Picture

Screenshot 2024-11-10 134151

@F1mmel
Copy link
Author

F1mmel commented Nov 10, 2024

Thanks for your reply. Which color on the right panel do I have to change though?
image

@Undisputed00x
Copy link

Undisputed00x commented Nov 10, 2024

Change the background by adding an IMAGEFILE, as you can see the background you see is an .png image. Create an image in figma for example and import it in your theme, make it as small as possible like 15x15 or something like that.

-Edit- But after importing an IMAGEFILE, then Contentmargins, Sizingmargins and SizingType come into play. SizingType:stretch takes that small png and stretches it.

Sizingmargin takes the amount of pixels we set not to stretch for example in a 15x15 image file, we can set the Sizingmargins (left,top,right,bottom) as 7; 8; 8; 7; bigger values than that break the image stretching due to the size of the image.

Contentmargins as far as i know change the image offset but doesn't work some times

@F1mmel
Copy link
Author

F1mmel commented Nov 10, 2024

So you mean I should change the image from HBOT and HOTSELECTED right?
And this changes my background selection color in the explorer?
Thanks!

@Undisputed00x
Copy link

So you mean I should change the image from HBOT and HOTSELECTED right? And this changes my background selection color in the explorer? Thanks!

Correct.

@F1mmel
Copy link
Author

F1mmel commented Nov 11, 2024

Sorry for the late response. How do I import my own .png file now?
image
The Import button is not available?
Thanks

@F1mmel
Copy link
Author

F1mmel commented Nov 11, 2024

@Undisputed00x Got it working. Thank you alot.
Do you know which property the mouse drag selection rect I have to edit to change the color?
image

Also is is possible to shrink down the close, minimize, ... buttons with msstyleEditor?
image
I think I applied a custom theme with UXThemePatcher?

Thanks

@Undisputed00x
Copy link

Undisputed00x commented Nov 11, 2024

@Undisputed00x Got it working. Thank you alot. Do you know which property the mouse drag selection rect I have to edit to change the color?

  1. Sysmetrics > Highlight + Hotlight or edit those through registry in HKEY_CURRENT_USER\Control Panel\Colors

Also is is possible to shrink down the close, minimize, ... buttons with msstyleEditor?

  1. Caption buttons are placed in DWMWindow also you can play with theme metrics in Sysmetrics which can be edited also in registry HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics

@Mira-Bellenbaum
Copy link

Hello, I have done everything as described here.
I have under “Explorer::TreeView/TREEITEM”
and under “DarkMode_Explorer::TreeView/TREEITEM”,
I inserted the graphics (IMAGES) and also edited the properties under HBOT and HOTSELECTED.
However, absolutely nothing changes in my theme!
Have I overlooked something? Is there anything else that needs to be changed?

Sorry for my bad english, is translated from DeepL.

@F1mmel
Copy link
Author

F1mmel commented Nov 13, 2024

@Undisputed00x Thanks got it working!

Now the last two question. Where do I change the file selection in the explorer?
image

Also in the context menu there is this selection, probably the same?
image

Where do I change these two? Thanks!

Edit: Is it also possible to change the color to a transparent one? I want some purple-ish but a bit transparent one. Maybe I do have to set a flag for this?

@Undisputed00x
Copy link

Undisputed00x commented Nov 13, 2024

@Undisputed00x Thanks got it working!

Now the last two question. Where do I change the file selection in the explorer? image

Also in the context menu there is this selection, probably the same? image

Where do I change these two? Thanks!

  1. DarkMode_Explorer::ListView > ListItem
  2. DarkMode_ImmersiveStart::Menu > 27

Edit: Is it also possible to change the color to a transparent one? I want some purple-ish but a bit transparent one. Maybe I do have to set a flag for this?

On images yes, just create your image and adjust the alpha value in the colors

Im gonna make a documentation of msstyles, probably in the wiki of this repo

@F1mmel
Copy link
Author

F1mmel commented Nov 13, 2024

@Undisputed00x Sorry, where is the 27?
I only have these:
image

@Undisputed00x
Copy link

Undisputed00x commented Nov 13, 2024

We've gone far from the issue's topic, open a discussion ticket please.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants