fbpx

How To Change Your Photoshop Theme (Light & Dark Mode)

Last Updated:

If you’ve been watching Photoshop tutorials on Youtube and wonder why your version doesn’t have the same color scheme as someone else, it’s likely just because you need to change the theme. There are several color variations between Photoshops Light and Dark modes, all of which are easily interchangeable to suit your tastes. Here’s how to change them.

How To Switch Between Light & Dark Mode In Photoshop

Photoshop is highly customizable, so it’s easy for one workspace to look completely different than another. One way to customize your workspace is to change the interface color. This way, you can set Photoshop to another color than the default medium gray.

To do this, go to Edit > Preferences > Interface (Win) or Photoshop > Preferences > Interface (Mac).

The Color Theme options are located at the top of the Interface tab, under the Appearance section. You can choose from four shades of gray. Depending on your choice, your workspace will appear darker or lighter.

The color theme is applied to all workspace elements, including the background and panels.

Here is how each color theme looks.

The first option is a dark shade of gray, which looks almost black. 

The second option is a medium gray, which is the default Photoshop interface color.

The third option is a light shade of gray that looks like the interface color on older versions of Photoshop.

The last option is a very light shade of gray, which looks almost white.

Next to the Color Theme options, you will find the Highlight Color menu.

The Highlight Color is the color a layer or menu turns when you select the layer. By default, the Highlight Color is slightly brighter or darker than your color theme, but you can also set it to Blue.

See how a layer looks when this option is enabled.

How To Change The Background Color Of The Photoshop Workspace

You can also change the Photoshop workspace background color with two clicks. The best thing about it is that you can choose any color you want.

This can be useful, for example, if you want to increase the contrast between your photo and the background if both have equal or very similar colors and the picture is blending into the background. To do this, right-click anywhere on the background (the space surrounding your canvas) and select one of the colors from the flyout menu.  

Background set to default
Background set to Medium Gray

Choosing Custom Colors For The Workspace Background

Photoshop also allows you to set your background color to any color you want using the standard color picker. To do this, right-click on the background and click Select Custom Color.

The Color Picker will pop up.

You can move the color slider in the middle of the panel to select the desired hue. In my case, I chose a blue shade. 

Then, move the circular cursor within the color box to alter your chosen hue’s shade.

You can also change the HSB parameters to create an even more unique color. H stands for Hue, S for Saturation, and B for Brightness.

In Hue, you change the color itself. You can enter any value between 0 to 360 degrees. Each degree corresponds to the position of a particular color in the color wheel, a tool used to represent colors and their relationships.

In Saturation, you can adjust the amount of gray in your Hue. The higher the saturation, the less gray the color will contain and the purer it will be.

In Brightness, you can adjust how much black or white a color contains. Low brightness values make a color darker, while high brightness values make a color brighter.

If you have a specific color in mind and know its hex code, you can insert such code in the Hexadecimal box at the bottom of the panel. Knowing hex color codes is usually required for picking colors for the web. 

After changing your interface background color, you will notice the canvas casts a shadow on the background. This can sometimes bother you, for example, when you want the image and background to have the same color when scanning your image’s borders for errors.

To remove the drop shadow, go to Edit > Preferences > Interface (Win) or Photoshop > Preferences > Interface (Mac).

Select None from the Border drop-down menu next to the Standard Screen Mode option. These options are located just underneath the Appearance options I detailed in the first section.

 The drop shadow will then disappear.  

Adding a little personal touch to your workspace can help you feel more at home in Photoshop and make the hours you spend in the program just a little more enjoyable.

Happy Customizing!



Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Use The Marquee Tool In Photoshop

Learn how to use the Marquee Tool in Photoshop to crop layers, create basic selections, add selective adjustments, and more with ease.

How To Crop A Layer In Photoshop (3 Simple Methods)

If you're struggling to figure out how to crop a layer in Photoshop, you're not alone. Fortunately, there are a few easy (not so obvious) methods to help you crop a single layer in Photoshop.

How To Fill A Selection In Photoshop (5 Best Ways)

Learn how to fill anything in Photoshop from selections, shapes, and text with solid color, gradients, and even images!

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Outline An Image In Canva

Learn how to outline anything in Canva from outlining images, shapes, text, designs, and more with a few easy steps.

How To Add A Border In Canva (To Images, Shapes & Text!)

Learn how to easily add a border to your designs, images, shapes, and text in Canva using these step by step techniques.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments