We are in the progress of building a component library, and TailwindCSS is what we use for component theming. The config file has been created, and further configurations will be added in the future. For now, we need to add color tokens ...
9 changes: 9 additions & 0 deletions 9 tailwind.config.ts Original file line numberDiff line numberDiff line change @@ -99,10 +99,19 @@ export default { DEFAULT: 'var(--ds-gray-border)', line: 'var(--ds-gray-line)', hover: 'var(--ds-gray-border-hover)', accent: { DEFAULT...
Add Tailwind utility classes to elements ButtonWrite your own utility classes in tailwind.config.js.ConsSteeper learning curve than regular CSS May result in verbose class names Not ideal for complex designs Large file sizeBut for complex designs, regular CSS or CSS-in-JS may be better options....
Tabcolor color picker (4K) 20,000+ 个用户 高效工作 与你的浏览器兼容 描述 Introducing the TabColor Color Picker - Your Ultimate Color Extraction Tool! Unleash the power of colors with the TabColor Color Picker! This nifty tool is designed to effortlessly extract vibrant hues right from...
一、外部文件 config.js 第一种写法: // 常量的定义 const config = { baseurl:'http://172.16.114.5:8088/MGT2' } // 函数的定义...//172.16.114.5:8088/MGT2' } // 函数的定义 export function formatXml(text) { return text } 二、引入 config.js ...
enter({ name, memberColor }); }, [space]); /** 💡 Get everybody except the local member in the space and the local member 💡 */ const { others, self } = useMembers(); return ( {/** 💡 Stack of first 5 user avatars including yourself.💡 */} <Avatars self={self as...
@tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .text-last-center { text-align-last: center; } } body { background-color: var(--background); } 3 changes: 3 additions & 0 deletions 3 src/lib/styles/colors.less Original file line numberDiff line numberDiff...
@oliverroickI added the food groups to the database schema in#39. Here is a table dump:FoodGroup.csv. I believe it's fine to hardcode the colors in the theme file, but we need to use the food group names from the table to match the colors consistently. ...
| [UI Colors](https://uicolors.app/create) | Tailwind CSS color pallete generator | | [HTML Color Codes](https://htmlcolorcodes.com/)| Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names | | [Colors & Fonts](https...
It allows any valid classname color in Tailwind. Examples: bg-dot-8-s-2-neutral-950 bg-dot-16-s-8-blue-700/80 Help Thank you for using tailwind-dot-grid-backgrounds! If you need any help using this plugin, feel free to create a GitHub issue, and ask your questions. I'll try to...