Customizing Your Mac With Icon Widget Styles

Hi, this is Gary with MacMost.com. Let's take a look at the new ability in macOS Tahoe to color theme the icons in macOS. So macOS Tahoe, of course, has a whole new look that Apple calls liquid glass. On top of that, you can now actually color theme the icons on your Mac. So you're not stuck with exactly how the icons look or having to meticulously create and customize each individual icon. You can now just apply a color theme across all of them and some other interface elements as well. So, for instance, here I am just looking at my desktop. I've got some widgets here on the left. I've got some icons here on my desktop, including my drives, a couple of aliases to some apps that I've added, a folder and a file. And at the bottom, of course, I have the dock showing my most frequently used apps. Now, in general, this is how everybody's Mac would look. Now you've got the ability to apply some transparency and color to all of the icons in the dock and some other elements as well. To do this, go into system settings and then you want to select appearance. What's new is this icon and widget style section. Here, you've got four choices as to how you want your icons to look. Now, the first option here, default, is what we had before. And if you don't like any of these theming options, just stick with default. The app icons in the dock and elsewhere will look exactly as the developer intended and nothing will really change for you. If color theming isn't for you, then just stick with it. But let's move on to the second option, which is dark. If we switch to that, you'll notice all of these icons change. You see now in the dock, most of them have a dark background and the same thing happened with the three app icons here on my desktop. So think of it like this. Each icon has kind of two layers, a foreground and a background. When you choose dark, the foreground stays the same, but the background will turn monochrome, lose all of its color saturation, and then goes to a very dark color. It's different than default. Default isn't just light. It actually shows all the colors. So for instance, look carefully here at the maps icon and the photos icon. So the foreground of the maps icon is that blue line and the arrow and the foreground of the photos icon is the kind of color wheel there. If I switch from dark to default, you could see the background of the maps icon is actually colorful. There's green, yellow, and a light red there. The background of the photos icon was just white. So when I switched to dark, you'll see the photo icon just as a dark, solid color, like now it is a white color. But the maps icon desaturates and gets dark, loses all the color there, but the foreground stays the same. So in a way, the default and dark settings are kind of a matched pair. They both are the two settings that will show you color in icons. Just the dark version shows you less color, but there's still color there. So if you like to differentiate your icons using color and you find that's important, then these are probably the two options you want to stick to. And you do have the option here, if you select dark, to instead of choosing always, choose auto, what happens here is it will obey the appearance setting, auto, light, or dark. So right now I have it set to just always be light, but if I change to dark mode, then my whole interface switches to dark, including the icons. If I switch to auto here, then I get light mode during the day, dark mode at night, and the icons will follow suit. Now let's move on to the third option here, which is clear. So this is where the liquid glass comes in. Instead of the icons being opaque, they're going to be clear and you're going to see some of the background through them. So let's select this one here and you'll see now they all change and sure enough, they show some of the background behind. But clear has a second mode and that's dark. You have clear light and clear dark. If we switch to dark, they're still transparent, but now the background is a much darker color and the foreground is a much lighter color. So look closely here at maps and photos and look at dark and then light. If you find these videos valuable, consider joining the more than 2000 others that support MacMost at Patreon. You get exclusive content, course discounts, and more. You can read about it at MacMost.com slash Patreon. So you see these three icons here on the desktop and you see all the icons here in the dock. They all kind of have a bluish tint right now, but that's just because the desktop wallpaper is that color. Let's go to wallpaper here and switch to something else. I'm going to switch to this old Sequoia wallpaper and notice how now the icons pick up the color there. Matter of fact, the Sequoia wallpaper has different colors on the left and right here along the bottom. So you can clearly see how the icons are just transparent. They really don't have a color. They're just showing the color through them. And notice here, the icons for the aliases here on the desktop, they kind of don't really show as much transparency or maybe no transparency at all. Also notice the widgets here on the left show the colors through as well. You can see that pretty clearly here in the clock and watch what happens when they switch back to the Tahoe default wallpaper. You can see it's showing that color through. If I go back to appearance here, look at the widgets here and then see how they look here when it's clear and set to light, but then I can switch from clear light to clear dark. And you can notice how the widgets change there. Also these app icons here on the desktop. Notice now if I just go to dark, you get the same effect here, but it's different than default. So the default widget and the dark widget are the same as the clear light and clear dark. Now let's take a detour here for a second and talk about folder color. So folder color allows you to choose either automatic or variety of colors that match the standard label colors that have been around in macOS for a long time, and also a choose color option. This will be the same here, whether you choose clear or default. And if I were to change from automatic, notice that the folder color here of this one folder I've got on the desktop will change to match it. So you could see it changes to red and also the folder in the dock, the downloads folder in this case, that changes as well. So I can change this default folder color from that pale blue that's always been around to one of these other options. I can even choose color and then use this slider here to choose the color I want. So I'll choose this and then I can use this second slider to choose saturation. So this is highly saturated. So the colors used a lot, whereas when I go all the way down here, the colors used a lot less. So it's just this darker version of it. So you could kind of pick which one you want by sliding this back and forth. You could also choose from a color picker. So here, now you're choosing something that you see on your screen. What you typically may want to do is choose something that is in the wallpaper. So it picks up a color from the wallpaper like that, and it will set the sliders to that. Let's choose something else, something lighter like this. And it will set the sliders to that as well. And then you can also click here to use the theme color to go back to automatic like that. So now that you've seen how to customize the folders separate from the default dark or clear settings, we're going to go to tinted. And in tinted, we have a color choice to make. We can choose the color of the tinting for all of the icons. Notice here, you get this blue tinting here in these and in the dock as well. And you have light and dark versions of those, but also notice here that the folder color now changes to icon widget and folder color. So this color choice is going to not just affect folders, but everything else as well. So if I choose red here, not only do the folders change to red as before, but now you could see the icons in the dock on the desktop and even the widgets here, they all change that color as well. Notice also the color of the icons and system settings change. This only happens when there's a solid icon like this, when it's a simple, like in the finder, you won't see any change. So you could pick the color here, go between the dark versions and light versions of those colors with this setting here, auto, just like with clear will then go with the general appearance, either auto light or dark mode for your whole display. And in addition to being able to choose from the standard colors here like that, you can also go to choose color like before and choose something either by moving these sliders around like that and more or less saturation in the color, or you can use the color picker and pick something from the interface like that, which works to kind of match the colors of the icons with the colors of the wallpaper. So let's look at that further. Let's say that instead of using the standard dynamic wallpaper, you want to use one of your own photos as wallpaper. So I'll go to wallpaper here and then I will select your photos, add photos, and I'm going to choose from photos here. I could also choose a file if I wish, and then find a photo here in my library that I think will make a nice desktop background, let's choose this one here. Now I can pick a color from it and use that for the interface. So let's go back to appearance. I've got tinted selected. Let's use light to begin with, and I'm going to use choose color here, and I'm going to use the color picker. Let's try picking out this tan color right here and see how that looks. You can see that comes out a bit orange. Let's try it again. Let's try picking maybe one of the blues from the sky like that and see how that works, I like that a lot better, but we could also pick out something else like maybe this red from these little mushroom objects here and have the color coordinated with that. Let's try another photo here from my photos app and you can see I've got like a beach scene. Let's go and try to match a color with that that we think will look good. We'll use choose color here, click the color picker. We can try to get some of the sand color here and see how that looks. I think it's too orange, but you know what? We can adjust the saturation there and make it darker. I think that looks a lot better. Here's another beach scene and you can see here it's got some nice turquoise water in here. So let's try to pick up on that by choosing that color, using the color picker like right here, and maybe I can make it, let's make it a little bit darker like that, and then I can see how that looks right here to match my whole Another thing you could do in wallpaper is choose just a solid color here. So let's say you like purple. You can just choose a purple background like that, then go back to appearance here and then use tinted, but you can choose the purple color there like that. Try out the light version, try out the dark version, and maybe if that's not quite right, you can go to choose color here and you could try like a different shade like that, and if you are theming like that, matching the wallpaper with the icon and widget style, then you probably also want to go into the color themes here and instead of using multicolor, which lets each app choose its own thing, you could choose a color from here and this will change how the highlights work like this and also the text highlights as well. You could have it go with the color like that. So you can see I can select the text here and that's like a purple highlight, but also take note of how easy it is to undo all of this. Like if I'm just playing around with this and I decide, well, time to get to work, let me change everything back. I can change back to multicolors here, change back to automatic here, go to default here and automatic here, and now everything is back as it was before. I can even just go quickly back into wallpaper here and go back to the default Tahoe wallpaper. So it's not that hard to make changes and undo them. And it's not that hard to experiment. Some people may find they want to work with it and figure out what they want macOS to look like for them. Others may decide that they want to change it every week or every month, or even every day, just to have a fresh looking work environment. It's really just a personal choice, which is why Apple keeps referring to this as personalization. So whether you decide to use this or not, I hope at least this video lets you know what's possible. Thanks for watching.