Themes

В данном разделе я подготовил для вас набор готовых цветовых палитр. Вам необходимо заранее расширить tailwind цвета в вашем tailwind.config.js файле:

/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
// Вставьте скопированные значения сюда
}
},
},
plugins: [],
}

Теперь остаётся лишь выбрать понравившуюся цветовую тему и скопировать значения цветов в свой globals.css файл.

Default (Стандартная)

* Как на этом сайте

Default Light theme
Default Dark theme

Burgundy (Бордовая)

Burgundy Light theme
Burgundy Dark theme

Corral (Коралловая)

Corral Light theme
Corral Dark theme

Beige (Бежевая)

Beige Light theme
Beige Dark theme

Marsh (Болотная)

Marsh Light theme
Marsh Dark theme

Green (Зелёная)

Green Light theme
Green Dark theme

Emerald (Изумрудная)

Emerald Light theme
Emerald Dark theme

Sky (Небесная)

Sky Light theme
Sky Dark theme

Indigo (Индиго)

Indigo Light theme
Indigo Dark theme

Purple (Фиолетовая)

Purple Light theme
Purple Dark theme

Pink (Розовая)

Pink Light theme
Pink Dark theme