 Welcome back to the channel. Today we are looking at 2020 and the color settings that it does provide for us both the background and the text colors that you can see. This is implemented throughout the theme as you see it and even as you go to view the different works of the pages you will see that this color theme actually goes throughout the whole site. How can we do this for our own sites as a brand? So today I'm going to be just going to do a couple of things in Gutenberg. I think it was a project that is fairly done well for designers and what do I mean? As a developer I've come across a number of businesses that do have a particular brand guide. For example you have to stick to a particular font or colors in order to suit the logo design, the stationery they do have and that is also well complimented by having a website that actually stands out with those particular colors. So today I want to show you how you can make your color palette available in Gutenberg. So the first thing that I'm going to do is that in here we have 2020 which is our current theme. So our 2019 theme setup already has a function for us that we're going to use so it already checks if the function exists and then it throws it into this hook which is after theme setup. So what I'm going to do is actually just work from this function and then we're going to add our color palette. So what we need to actually add is that we want to add a theme, add theme support and that's the function of WordPress that we want to tap into. Inside this theme support it accepts two arguments that are a starter. So one we want to tap the editor color palette and let's come to seem to have an error here because we have a comma there and if I save this and come back here and then reload this page when we come to our different blocks and just click you see now we have one blue color that is actually locked up so we can change either have a background which is blue and we have this here how we can decide to have the text color as blue for all our content so that's how you change the color palette. So we're going to just complete this and add all the other colors so add one and we'll call this we'll have this called darker blue then we'll have dark blue and dark blue is just a two zero zero two nine F.A. and then we'll just have another color this time it will be a purple and the purple is an eight D zero seven F six and we'll call this purple we can decide call it either a royal purple or a light purple whatever it is that makes and from our brand guides that we are following so from purple we also have a yellow and the yellow is a quadruple F zero five and then finally we have a gray in there to complete the palette so call this gray I'll just complete our slag properly by adding it in lower case and adding a dash to the end of it so when we save this come back here and reload and when we click on any of the blocks will actually come and see that we have our color palette here that's the same I didn't change the light gray so I left it like that so we have a default D eight five eight five F five there so if I reload this one more time and go to any of the blocks go to the color settings you'll see that we have now an array of of things working with our blocks so of course we have our color picker here shouting at us and we can see that we can actually have this in our different blocks and we can style them in any way that we want color palette we can give this yellow background dark blue and we are working within our color scheme so we can be able to have design work very well inside of gluten bag itself by just changing the color palette so if you like the video please give it a thumbs up try this out let me know in the comments how you found it and how you adjusting to gluten bag as the editor and how it's helping you reach your design goals for your website or like this video or subscribe to the channel make sure you hit that notification bell so that you don't miss any new videos that do come out thank you for watching and happy coding