Uploaded November 2020 | Updated September 2026, 44 minutes ago
In this video, I'll show you how to change UI colors in Photoshop, and make epic Photoshop interface colors!
It has been now quite sometime that I have been searching for how to change user interface colors in Photoshop, and I found this awesome thread in Reddit - reddit.com/r/photoshop/comments/ioz86v/how_to_get_different_colors_in_the_ui
A big thanks to u/CreeDorofl for finding it, and thanks to u/CraX__ for posting it!
▶ Below are the STEPS you can follow. You can also DOWNLOAD all files here - bit.ly/encreate_yt_27
1.
Go to your Photoshop installation folder.
"C:\Program Files\Adobe\Adobe Photoshop 202x\Required" (for Windows)
"~/Adobe Photoshop 202x.app/Contents/Required" (for Mac)
or, wherever your installation folder is.
2.
Find the "UIColors.txt" file and create a backup of it.
3.
Search "rgb color picker" in Google and select your favorite color.
Preferably, choose a darker shade to go with all themes and texts.
Copy the RGB color code [RRR, GGG, BBB]
4.
Place it in a temporary text file and add the fourth opacity parameter:
[RRR, GGG, BBB, 1.0]
5.
Then open "UIColors.txt" file, and look for the below attributes.
WidgetButtonStroke = Widget buttons outline
WidgetButtonFillPressed = Selected widget buttons
WidgetPillStrokeFocused = Widget buttons outline on hovering
WidgetScrollbarArrows = Small arrows in the corner of the scrollbars
WidgetScrollbarElevatorFill = All Scrollbar
RulerText = Numbers on the ruler
ScrollingListSelectedDefault = Selected layers
6.
Replace the color values in the grid with the value you created in STEP: 4.
Make sure you are replacing color values for all four themes, or at least for the theme you are using.
From top to bottom row, the four rows represent the PS themes as - Light Gray, Medium Gray, Dark Gray, Very Dark Gray.
7.
Save the file.
If it required admin access, and gives you any such prompt, provide permission and save it.
8.
Restart Photoshop for the changes to take effect.
Enjoy!
▶ DOWNLOAD all files & resources:
bit.ly/encreate_yt_27
▶ You might also LIKE these VIDEOS:
New Dawn Speed Art: youtu.be/DEkEpvG0wXc
Highlight and Shadows Tutorial: youtu.be/2dpWkJeU7TM
Halloween Speed Art: youtu.be/HBvZSPYmDfY
Light the Way Speed Art: youtu.be/YWfQqWKnUzw
Easy Cyberpunk Color Grading: youtu.be/ClXQJsafGa8
▶ SUBSCRIBE to keep creating together!
youtube.com/channel/UC-3cxGOKR7TOHT2ZL9DhkWQ?sub_confirmation=1
▶ FOLLOW on Instagram:
instagram.com/letsencreate
▶ Gadgets I Use:
Mic for recording: amzn.to/35J12cG
Digital pen tablet: amzn.to/3kHTX0f
▶ Background MUSIC:
1. Forever Yours by Wayne Jones (YouTube Audio Library)
2. Hanging Out by Bruno E. (YouTube Audio Library)
▶ IMAGE Credits:
freepik.com/free-vector/hand-drawn-unicorn-with-sunglasses_1240861.htm
freepik.com/free-vector/nature-scene-background-with-flowers-hills_7431847.htm
freepik.com/free-vector/set-colourful-unicorn-character_8582869.htm
freepik.com/free-vector/background-with-blue-flying-birds_1540167.htm
freepik.com/free-vector/realistic-rainbow-arch-background_5549596.htm
In this video, I'll show you how to change UI colors in Photoshop, and make epic Photoshop interface colors!
It has been now quite sometime that I have been searching for how to change user interface colors in Photoshop, and I found this awesome thread in Reddit - reddit.com/r/photoshop/comments/ioz86v/how_to_get_different_colors_in_the_ui
A big thanks to u/CreeDorofl for finding it, and thanks to u/CraX__ for posting it!
▶ Below are the STEPS you can follow. You can also DOWNLOAD all files here - bit.ly/encreate_yt_27
1.
Go to your Photoshop installation folder.
"C:\Program Files\Adobe\Adobe Photoshop 202x\Required" (for Windows)
"~/Adobe Photoshop 202x.app/Contents/Required" (for Mac)
or, wherever your installation folder is.
2.
Find the "UIColors.txt" file and create a backup of it.
3.
Search "rgb color picker" in Google and select your favorite color.
Preferably, choose a darker shade to go with all themes and texts.
Copy the RGB color code [RRR, GGG, BBB]
4.
Place it in a temporary text file and add the fourth opacity parameter:
[RRR, GGG, BBB, 1.0]
5.
Then open "UIColors.txt" file, and look for the below attributes.
WidgetButtonStroke = Widget buttons outline
WidgetButtonFillPressed = Selected widget buttons
WidgetPillStrokeFocused = Widget buttons outline on hovering
WidgetScrollbarArrows = Small arrows in the corner of the scrollbars
WidgetScrollbarElevatorFill = All Scrollbar
RulerText = Numbers on the ruler
ScrollingListSelectedDefault = Selected layers
6.
Replace the color values in the grid with the value you created in STEP: 4.
Make sure you are replacing color values for all four themes, or at least for the theme you are using.
From top to bottom row, the four rows represent the PS themes as - Light Gray, Medium Gray, Dark Gray, Very Dark Gray.
7.
Save the file.
If it required admin access, and gives you any such prompt, provide permission and save it.
8.
Restart Photoshop for the changes to take effect.
Enjoy!
▶ DOWNLOAD all files & resources:
bit.ly/encreate_yt_27
▶ You might also LIKE these VIDEOS:
New Dawn Speed Art: youtu.be/DEkEpvG0wXc
Highlight and Shadows Tutorial: youtu.be/2dpWkJeU7TM
Halloween Speed Art: youtu.be/HBvZSPYmDfY
Light the Way Speed Art: youtu.be/YWfQqWKnUzw
Easy Cyberpunk Color Grading: youtu.be/ClXQJsafGa8
▶ SUBSCRIBE to keep creating together!
youtube.com/channel/UC-3cxGOKR7TOHT2ZL9DhkWQ?sub_confirmation=1
▶ FOLLOW on Instagram:
instagram.com/letsencreate
▶ Gadgets I Use:
Mic for recording: amzn.to/35J12cG
Digital pen tablet: amzn.to/3kHTX0f
▶ Background MUSIC:
1. Forever Yours by Wayne Jones (YouTube Audio Library)
2. Hanging Out by Bruno E. (YouTube Audio Library)
▶ IMAGE Credits:
freepik.com/free-vector/hand-drawn-unicorn-with-sunglasses_1240861.htm
freepik.com/free-vector/nature-scene-background-with-flowers-hills_7431847.htm
freepik.com/free-vector/set-colourful-unicorn-character_8582869.htm
freepik.com/free-vector/background-with-blue-flying-birds_1540167.htm
freepik.com/free-vector/realistic-rainbow-arch-background_5549596.htm
