Tailwind CSS Color Tokens

Intermediate
(0)
Simon Vrachliotis's avatar
Simon Vrachliotis

I'm a hybrid designer, developer, video editor, and content creator.

epicweb.dev logo epicweb.dev

About this course

In this course, we're going to define semantic color tokens in Tailwind CSS, to adhere to a convention set in a Figma design File.

Price FREE
Duration 18 Lessons
Level Intermediate

What you'll learn

Introduction to Tailwind CSS Color Tokens

Intro

Design Implementation

Intro

Custom colors in UI

Cutoff Default Colors

"Non colors" support

Semantic Design Tokens

Broader Scopes

CSS Variables

Dark Mode

Multi-Theme Support

Color Design Tokens Outro

Conversion to Tailwind v4 Introduction

Theme Configuration in CSS

Simplification

Conversion to Tailwind v4 Outro

Tailwind CSS Color Tokens Outro

Reviews

(0)
No reviews yet. Be the first to review this course...