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 # or yarn 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:...
npm i -D tailwind-css-variables-theme-generator sass # or yarn add -D tailwind-css-variables-theme-generator sass 记得安装 vscode/webstorm tailwindcss intellisense 插件 准备需要被暴露的变量文件 创建一个或者多个 sass:map: // constants.scss $root-vars: ( --color-canvas-default-transparent: r...
_tw is a WordPress starter theme fine-tuned for modern development with Tailwind CSS, Tailwind Typography and the WordPress editor.
A tool to help generate color shades for Tailwind CSS Tailwind Shades Leonidas Stratigakis Tailwind CSS color palette generator. Tailwind Shades Omar Bourhaouta Basic demo to switch styles with Tailwind (handy for dark mode or themes) Tailwind Theme Switcher M. Appelman Try different...
tailwind-color-palette Utility classes for assigning background and text color based on the TailwindCSS color palette. Tailwind TailwindCSS utility classes css sass stevepolitodesign.com• 1.0.3 • 5 years ago • 0 dependents • MITpublished version 1.0.3, 5 years ago0 dependents licensed...
处理tailwindcss theme() 方法和 @apply 指令 License 输入输出示例 你的css/scss 可能像下面这样 : @layer base { h1 { font-size: theme("fontSize.2xl"); } h2 { font-size: theme("fontSize.xl"); } } @layer components { .card { background-color: theme("colors.white"); border-radius:...
Color Shade Generator for TailwindCSS Usage constshadesOf=require('tailwind-shades');/**@type{import('tailwindcss').Config} */module.exports={content:[],theme:{extend:{colors:{accent:shadesOf('#913985')}}},plugins:[]} Releases1 v1.0.0Latest ...
import{Button,createTheme,ThemeProvider}from"flowbite-react";constcustomTheme=createTheme({button:{color:{primary:"bg-red-500 hover:bg-red-600",secondary:"bg-blue-500 hover:bg-blue-600",},size:{lg:"px-6 py-3 text-lg",},},});functionApp(){return(<ThemeProvider theme={customTheme}><...
Alert dash style 12 unread messages. Tap to see. Your purchase has been confirmed! Warning: Invalid email address! Alert with buttons + responsive we use cookies for no reason. Alert with title and description New message! You have 1 unread message ...