\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",[2907,2910,2913],{"name":2908,"color":2909},"bug","d73a4a",{"name":2911,"color":2912},"v3","49DCB8",{"name":2914,"color":2915},"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":2925,"labels":2926,"number":2927,"owner":2917,"repository":2928,"state":2919,"title":2929,"updated_at":2930,"url":2931,"score":2932},"\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":2934,"labels":2935,"number":2936,"owner":2917,"repository":2937,"state":2919,"title":2938,"updated_at":2939,"url":2940,"score":2941},"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":2943,"labels":2944,"number":2945,"owner":2917,"repository":2928,"state":2946,"title":2947,"updated_at":2948,"url":2949,"score":2950},"\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":2952,"labels":2953,"number":2957,"owner":2917,"repository":2918,"state":2946,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### 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_",[2954],{"name":2955,"color":2956},"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":2963,"labels":2964,"number":2968,"owner":2917,"repository":2928,"state":2946,"title":2969,"updated_at":2970,"url":2971,"score":2972},"Respectively to `contact@nuxt.com` / `support@nuxt.com` / `careers@nuxt.com`",[2965],{"name":2966,"color":2967},"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":2974,"labels":2975,"number":2968,"owner":2917,"repository":2979,"state":2946,"title":2980,"updated_at":2981,"url":2982,"score":2972},"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 ?",[2976],{"name":2977,"color":2978},"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":2984,"labels":2985,"number":2989,"owner":2917,"repository":2918,"state":2946,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### 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_",[2986,2988],{"name":2966,"color":2987},"a2eeef",{"name":2911,"color":2912},2948,"Add theme colors as tailwind variables","2025-02-06T16:29:04Z","https://github.com/nuxt/ui/issues/2948",0.77743554,{"description":2995,"labels":2996,"number":3001,"owner":2917,"repository":2928,"state":2946,"title":3002,"updated_at":3003,"url":3004,"score":3005},"https://www.figma.com/design/KObqapBa7MXcOw78aPRL4E/%E2%9B%B0%EF%B8%8F---nuxt.com?node-id=775-13944&t=VQsmXmHirUicOKA7-0",[2997,2998],{"name":2966,"color":2967},{"name":2999,"color":3000},"design","00bd6f",1619,"[Enterprise] Support page rework","2024-07-26T17:57:33Z","https://github.com/nuxt/nuxt.com/issues/1619",0.7837881,{"description":3007,"labels":3008,"number":3011,"owner":2917,"repository":2928,"state":2946,"title":3012,"updated_at":3013,"url":3014,"score":3015},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_05_23_at_16_23_53_7945ec0dde.mp4\n",[3009],{"name":2908,"color":3010},"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",3017],{},["Set"],["ShallowReactive",3020],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTFjoCbky3qIeTX5OaWZbwxCktcfvv4LVyWQAQ3oD-ng":-1},"/nuxt/test-utils/910"]