Effortlessly create a unique Shadcn theme from your favorite images or colors, ensuring your website stands out with a personalized touch. Tailored Color Palette Generator Easily generate and customize a color palette that aligns with your brand identity, enhancing the visual appeal and user experienc...
npm i -D tailwind-css-variables-theme-generator sass# oryarn add -D tailwind-css-variables-theme-generator sass 记得安装vscode/webstorm tailwindcss intellisense插件 准备需要被暴露的变量文件 创建一个或者多个sass:map: // constants.scss$root-vars:(--color-canvas-default-transparent:rgba(32,54,85,...
npm i -D tailwind-css-variables-theme-generator sass#oryarn add -D tailwind-css-variables-theme-generator sass 准备需要被暴露的变量文件 创建一个或者多个sass:map: //constants.scss$root-vars: (--color-canvas-default-transparent:rgba(32,54,85,0),--color-marketing-icon-primary:#053c74,--color...
🎨 uicolors-generator Generate a Tailwind CSS palette from a single color Install pnpm add uicolors-generator chroma-js pnpm add -D @types/chroma-js Usage import { getTailwindColors, getTailwindHsl } from "uicolors-generator"; // Default usage const palette = getTailwindColors("#ff4f00")...
处理tailwindcsstheme()方法和@apply指令 License 输入输出示例 你的css/scss可能像下面这样 : @layerbase{h1{font-size:theme("fontSize.2xl");}h2{font-size:theme("fontSize.xl");}}@layercomponents{.card{background-color:theme("colors.white");border-radius:theme("borderRadius.lg");padding:theme(...
Generate a themebuilt for Tailwind The _tw generator creates a WordPress starter theme optimized for modern development with Tailwind CSS, Tailwind Typography and the WordPress editor. Generate Theme Learn more →Build Faster A bespoke theme in less time Ideal for pixel-perfect conversions of designs...
Color Shade Generator for TailwindCSS Usage const shadesOf = require('tailwind-shades'); /** @type {import('tailwindcss').Config} */ module.exports = { content: [], theme: { extend: { colors: { accent: shadesOf('#913985') } } }, plugins: [] }About...
Color Shade Generator for TailwindCSS Usage const shadesOf = require('tailwind-shades'); /** @type {import('tailwindcss').Config} */ module.exports = { content: [], theme: { extend: { colors: { accent: shadesOf('#913985') } } }, plugins: [] } Readme Keywords tailwind colors cs...
Tailwind CSS provides a defaultcolor palettethat can be customized. Colors are defined using a combination of the color name and shade. bg-{color}-{shade}: Sets the background color. text-{color}-{shade}: Sets the text color. border-{color}-{shade}: Sets the border color. ...
The Vuetify team also developed aspecialized theme generatorthat allows you to simply create and export themes for your application from a variety of color options. Tailwind CSS Tailwind CSS is a relatively new frontend framework, initially released on November 1st, 2017, with its first version cre...