Next.js Blog | Tailwind Text Color Ranges

Transcript

English (Auto-generated)

how the individual pages, this is nothing very much different. But it is just like we're going to practice a little more. So one thing is, I mean it looks fine but I was just thinking if only if we get some colors and we update some colors. I mean, you know, to make this looking more good, it looks you know kind of black and white. So I thought I should uh, you know, I should open the um, the tailwind, which is here now in the tailwind, the tailwind website in the docks, you can see the colors. So whenever you do things in your project, you absolutely can choose any color from this list. If you want to be in the red color, there is, there are two red colors. Actually there is one red color, the other one is the pink, the darkest pink is ultimately becomes the maroon or kind of red. Anyway, so there it is, They read a rose, you know 800, this is something I might try but before trying I can, I am going to show you some more colors. You can see the colors, you know magenta color, the purple, um, the violet color, the indigo, different tunes of you know purple, the, the blue color, the sky color, the, the teal color, the emerald, now green, lime, yellow and amber and orange, orange and the red and the stone and the neutral zinc, wow, the gray, the slate, I use the slate and then the white, black, transparent current and inherent, I mean these are the common things but there is a wide range of colors with you know different kind of uh the color impacts you can make it this late 50 From Slate 52. You can make it like slate Where it is the slate 900 anyway this is 900 And you can take it up to 900. Yeah So every calorie starts from 50 to 900. That's an amazing thing. I just wanted to show you this page. So I'm going to apply the red color for now and then we're going to see if it looks good or not then we absolutely can update. So right here I'm gonna apply this the text rose 800 and I'm gonna go back to the browser and this is the color of applied which looks which looks not bad. I mean yeah I mean that's fine. Yeah why not? Okay I'm not going to change the color for this one but this at least makes sense now and this one should also instead of this. But what about if I just make it Rose 500 and I'm gonna see save it. Yeah that looks better. Yeah that looks better. Okay. Oh this works now and then the next thing I need to do is I'm gonna I'm simply going to copy this reference or I'm going to create a new one anyway so in the reference I'm gonna I'm gonna refer the okay that should be deleted in this. Read more link the read more button, is this one? Okay so what I'm gonna do with this read more link I'm gonna I'm gonna add the data dot I. D. And right before that I'm going to add the hosts. Actually I want we want our users to reach to this page. I mean the post slashed the deciding. I'm sorry, where are we exactly have the link working. Ok. So when anybody anybody clicks here, it reaches to the post page and I think this is awesome. So this class was I mean this cast was just I just wanted to show you I mean different colors in the in the tailwind and absolutely there is a wide range of things you can do also if you want, you we have we are going to have the detailed introductory course uh about the tailwind in our, you know, in in you know in a in a in a complete series so you can check that out anyway till then that stay tuned
115 Views 0 Likes 0 Comments

In this Cast, we will discuss about Tailwind Color Ranges.

Comment
Leave a comment (supports markdown format)