How To Customize The Photoshop Interface Color


Learn to customize the Photoshop interface color using two easy techniques.

First we will look at how to do this manually, then we will use use a script that can speed up the process.

Customize The Photoshop Interface Color By Editing The System Files

Time needed: 5 minutes.

Learn to customize the Photoshop interface color by editing the system file that contains the colors for each UI element.

  1. Go To The Photoshop Installation Folder

    On Windows go into C:Program FilesAdobe Photoshop 2021Required
    On macOS go into the ApplicationAdobeAdone Photoshop 2021Required

  2. Find and Backup The “UIColors.txt” File

    On the Required folder, find the file called “UIColors.txt” and make a copy to another location. This copy will help you revert back to default if you make any mistakes.

  3. Open The “UIColors.txt” File with a Code Editor

    Open the “UIColors.txt” with any code editor. On Windows, you can use Notepad ++ (link below).

  4. Search for the UI Element You Would Like To Customize

    From the “UIColors.txt” file, search the attributes (elements) that you would like to customize. For example, the scrollbar is labeled as “WidgetScrollbarArrows.” Look below for a list of other often-used attributes.

  5. Search For the Color’s RGB Values

    You can use Google, or any other search engine to find a color picker that allows you to copy a color’s RGB values in this format: RRR, GGG, BBB.

  6. Paste the RGB Color in The Corresponding Color Slot.

    Paste the RGB value in the corresponding slot for the theme that you are currently on. Or replace the values on all four themes.

    The rows of RGB values represent the Photoshop themes: Brightest Gray, Medium Gray, Dark Gray, and Darkest Gray.

  7. Save the UIColors.txt File

    Save the file to apply the Changes

  8. Restart Photoshop

    You must restart Photoshop so that your custom colors take effect on the UI.

Other Useful Labels

  • RulerText – Numbers on the Horizontal & Vertical Rulers.
  • RulerMarkers – The lines on the Rulers
  • ScrollingListSelectedDefault – Selected layers in Layers Panel.
  • WidgetButtonStroke – Button outlines.
  • WidgetButtonFillPressed – Pressed buttons.
  • WidgetPillStrokeFocused – Buttons on hover outline.
  • WidgetScrollbarArrows – Scrollbar arrows.
  • WidgetScrollbarElevatorFill – Scrollbar Rectangle.

Customize The Photoshop Interface Color with a Script

You can use a script to customize the Photoshop interface color.

Download the script from the link below, then double-click on it to open it. Photoshop will open as well and you will see a panel that contains all the attributes and RGB color values.

Click on the Color Swatch to edit any UI element.

When you’re done, export the “UIColors.txt” file, and save it into the “Required” folder.

C:Program FilesAdobe Photoshop 2021Required

Script Credits


Click here to download the Photoshop Script.


Source link

About the author: Pixim Planet

Leave a Reply

Your email address will not be published. Required fields are marked *