\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",3633,"nuxt","ui","open","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.76130253,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2888,"state":2879,"title":2889,"updated_at":2890,"url":2891,"score":2892},"\r\n\u003Cimg width=\"1229\" alt=\"image\" src=\"https://github.com/nuxt/nuxt.com/assets/73933669/a8b6473a-c737-4783-ad7f-148b07f0bf56\">\r\n\r\nhttps://github.com/nuxt/nuxt.com/assets/73933669/747e1528-e1b6-4c89-ae63-4afc0d74e471\r\n\r\n\r\nBrowser: Safari (i think this issue might be on every browser)\r\n\r\nHow to reproduce:\r\nSpam `cmd + r` if you're on windows `ctrl + r`.",[],1582,"nuxt.com","Cannot load payload ~ A bug maybe","2024-05-15T07:13:12Z","https://github.com/nuxt/nuxt.com/issues/1582",0.7818215,{"description":2894,"labels":2895,"number":2896,"owner":2877,"repository":2897,"state":2879,"title":2898,"updated_at":2899,"url":2900,"score":2901},"Is any chance in future to get https://unocss.dev/presets/icons like behavior ?",[],325,"icon","Unocss icons preset as class feature","2025-03-11T05:42:38Z","https://github.com/nuxt/icon/issues/325",0.7860865,{"description":2903,"labels":2904,"number":2905,"owner":2877,"repository":2888,"state":2906,"title":2907,"updated_at":2908,"url":2909,"score":2910},"\r\n\r\n",[],1438,"closed","[Support] Workshops & Trainings link directs to HTTP 404","2023-12-04T11:28:56Z","https://github.com/nuxt/nuxt.com/issues/1438",0.7305224,{"description":2912,"labels":2913,"number":2917,"owner":2877,"repository":2878,"state":2906,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.2.4\r\n- Builder: -\r\n- User Config: compatibilityDate, runtimeConfig, experimental, router, i18n, devServer, devtools, app, components, modules, vue, tailwindcss, image, ui, nitro, storyblok, algolia, colorMode, hooks\r\n- Runtime Modules: @nuxt/devtools@1.4.1, @nuxt/image@1.8.0, @nuxt/ui@2.18.4, @nuxtjs/i18n@8.5.1, @pinia/nuxt@0.5.4, @storyblok/nuxt@6.0.10, @vueuse/nuxt@11.0.3, nuxt-og-image@3.0.0-rc.66, @stefanobartoletti/nuxt-social-share@1.0.1\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-y5b7nb?file=app.vue\n\n### Description\n\nWhen using the button component with color 'white' and variant 'link', 'outline' or 'soft' invalid Tailwind color classes are generated, e.g. 'text-white-500'. It should be 'text-white'.\r\n\r\ntext-white-500 hover:text-white-600 disabled:text-white-500 dark:text-white-400 dark:hover:text-white-500 dark:disabled:text-white-400 focus-visible:ring-inset focus-visible:ring-white-500 dark:focus-visible:ring-white-400\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2914],{"name":2915,"color":2916},"question","d876e3",2109,"White link, outline and soft buttons generate wrong Tailwind classes, e.g. 'text-white-500'","2024-09-06T13:10:25Z","https://github.com/nuxt/ui/issues/2109",0.76854396,{"description":2923,"labels":2924,"number":2928,"owner":2877,"repository":2888,"state":2906,"title":2929,"updated_at":2930,"url":2931,"score":2932},"Respectively to `contact@nuxt.com` / `support@nuxt.com` / `careers@nuxt.com`",[2925],{"name":2926,"color":2927},"enhancement","1ad6ff",503,"[Company] `contact` / `support` / `careers` forms should send an email","2023-02-15T12:32:26Z","https://github.com/nuxt/nuxt.com/issues/503",0.77140075,{"description":2934,"labels":2935,"number":2928,"owner":2877,"repository":2939,"state":2906,"title":2940,"updated_at":2941,"url":2942,"score":2932},"After updating happy-dom to the latest version **10.5.2** ,\r\nI have this error when I run my app : \r\n`Error while requiring module vitest-environment-nuxt/module: Error: Cannot find module '/Users/\u003Cuser>/\u003Cfolderpath>/vitest-environment-nuxt/module'`\r\n\r\nDoes anyone have a solution ?",[2936],{"name":2937,"color":2938},"vitest-environment","b60205","test-utils","Error after updating happy dom dependency","2023-12-02T00:17:10Z","https://github.com/nuxt/test-utils/issues/503",{"description":2944,"labels":2945,"number":2949,"owner":2877,"repository":2878,"state":2906,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Description\n\nHey!\n\nIt would be nice to have the primary/secondary/neutral/etc colours defined in `app.config.ts` directly as tailwind variables (ex: text-primary-500)\n\nRight now we have to define the colours both in `app.config.ts` and `tailwind.config.js` to be able to do that. (the new `main.css` would require to create a variable for each sub-colour manually so not worth using it) \n\nFor `neutral`, since it's a tailwind colour, it could be named `text-neutr-500`\nOr maybe name all colours with something like `text-Uneutral-500`\n\n\n### Additional context\n\n_No response_",[2946,2948],{"name":2926,"color":2947},"a2eeef",{"name":2871,"color":2872},2948,"Add theme colors as tailwind variables","2025-02-06T16:29:04Z","https://github.com/nuxt/ui/issues/2948",0.77743554,{"description":2955,"labels":2956,"number":2961,"owner":2877,"repository":2888,"state":2906,"title":2962,"updated_at":2963,"url":2964,"score":2965},"https://www.figma.com/design/KObqapBa7MXcOw78aPRL4E/%E2%9B%B0%EF%B8%8F---nuxt.com?node-id=775-13944&t=VQsmXmHirUicOKA7-0",[2957,2958],{"name":2926,"color":2927},{"name":2959,"color":2960},"design","00bd6f",1619,"[Enterprise] Support page rework","2024-07-26T17:57:33Z","https://github.com/nuxt/nuxt.com/issues/1619",0.7837881,{"description":2967,"labels":2968,"number":2971,"owner":2877,"repository":2888,"state":2906,"title":2972,"updated_at":2973,"url":2974,"score":2975},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_05_23_at_16_23_53_7945ec0dde.mp4\n",[2969],{"name":2868,"color":2970},"ff281a",555,"[Nuxt3] Children pages reloads on first query param change","2022-11-17T11:45:24Z","https://github.com/nuxt/nuxt.com/issues/555",0.784575,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTFjoCbky3qIeTX5OaWZbwxCktcfvv4LVyWQAQ3oD-ng":-1},"/nuxt/test-utils/910"]