• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Technical & Workflow » How To Customize The Photoshop Interface Color

How To Customize The Photoshop Interface Color

0
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Technical & Workflow | Watch on YouTube

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.

Table of contents

  • Customize The Photoshop Interface Color By Editing The System Files
  • Other Useful Labels
  • Customize The Photoshop Interface Color with a Script
  • Script Credits
  • Downloadables

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 Files\Adobe Photoshop 2021\Required
    On macOS go into the Application\Adobe\Adone Photoshop 2021\Required

  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 Files\Adobe Photoshop 2021\Required

Script Credits

  • Script by jazz-y
  • Forum with Script Snippet

Downloadables

Click here to download the Photoshop Script.

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • scripst-event-manager-photoshopUsing The Script Events Manager In Adobe Photoshop CS6
  • How To Create Custom Panels With Adobe Configurator 3.1
  • Photoshop CS6 TutorialsPhotoshop CS6 Tutorials

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe
Login
Notify of
guest
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments
Oldest
Newest
Inline Feedbacks
View all comments
anthony
anthony
1 month ago

Hi Jesus!
How can I change main UI color? What is the main UI color code name in script or ColorUI file?

Reply
David Lowe
David Lowe
27 days ago

Hi Jesus, I have watched your video on customizing the PS interface. I want to change the colour, and size if possible, of the Cursor in PS and Bridge, but this doesn’t appear to be possible?
Tell me I’m wrong as I find it hard to see the cursor being black and small on a dark grey background. The only background colour that works and is available is white which is not helpful for good editing.
Why would Adobe make this option so difficult when it a standard and easy change in Windows?
I hope you can help.
Regards
David

Reply

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    117 Shares
  •  
    How To Remove a Background In Photoshop [For Beginners!]...
    L
    58 Shares
  •  
    NEW FILTER To Auto-Colorize Black & White Photos! Photoshop 2021...
    I
    51 Shares
  •  
    How To Remove a GREEN SCREEN in Photoshop!...
    L
    49 Shares
  •  
    How to Make Someone Look Younger – Photoshop Tutorial...
    I
    45 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.
wpDiscuz