\n \u003CUBadge label=\"Uses -700 shade due to !important\" color=\"success\" />\n \u003C/div>\n \u003C/UApp>\n\u003C/template>\n```",[3180,3183],{"name":3181,"color":3182},"bug","d73a4a",{"name":3184,"color":3185},"v3","49DCB8",3075,"ui","closed","[v3] Overwriting `--ui-*` CSS variables does not work with client-side only rendering (`ssr: false`).","2025-01-25T13:14:25Z","https://github.com/nuxt/ui/issues/3075",0.7276352,{"description":3194,"labels":3195,"number":3198,"owner":3159,"repository":3187,"state":3188,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Description\n\nMight have missed this in the beta 2 docs, but curious how we're supposed to close the current `Modal` or `Slideover` instance from within the component using the new `useOverlay` composable. I see a few references to `useOverlayInstance` in other issue but that composable doesn't seem to be available in the current beta.\n\nThanks!",[3196,3197],{"name":3170,"color":3171},{"name":3184,"color":3185},3429,"How to get current modal/slideover instance?","2025-03-02T17:44:50Z","https://github.com/nuxt/ui/issues/3429",0.7393269,{"description":3204,"labels":3205,"number":3211,"owner":3159,"repository":3187,"state":3188,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Description\n\nIs there a way to prevent popovers from closing when clicking outside the popover?",[3206,3207,3210],{"name":3170,"color":3171},{"name":3208,"color":3209},"wontfix-v2","ffffff",{"name":3184,"color":3185},2245,"Popover close-prevented","2024-11-10T09:20:02Z","https://github.com/nuxt/ui/issues/2245",0.74204093,{"description":3217,"labels":3218,"number":3223,"owner":3159,"repository":3187,"state":3188,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Environment\n\nThe website - https://ui.nuxt.com/getting-started\n\n### Version\n\nmain\n\n### Reproduction\n\nhttps://ui.nuxt.com/getting-started\n\n### Description\n\nNone of the children pages on the nuxt ui site have worked since updating to version 1.4.1 from the 1.3 edge version. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3219,3220],{"name":3181,"color":3182},{"name":3221,"color":3222},"documentation","0075ca",2237,"Couldn't resolve component \"default\" at \"/:slug\"","2024-10-02T14:22:51Z","https://github.com/nuxt/ui/issues/2237",0.7445855,{"description":3229,"labels":3230,"number":3233,"owner":3159,"repository":3187,"state":3188,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Description\n\nWhy `UAccordion` item label's use an `h3` ?\nThis is painful because that break our html semantic + it use our common style.\n\nSo for the moment I will use `UCollapsible`.",[3231,3232],{"name":3170,"color":3171},{"name":3184,"color":3185},3963,"Accordion item label's set as H3","2025-04-23T14:12:16Z","https://github.com/nuxt/ui/issues/3963",0.7519044,{"description":3239,"labels":3240,"number":3243,"owner":3159,"repository":3187,"state":3188,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Description\n\nWould be helpful to have code and examples on the taost page for the toaster wrapper. Like UI slots etc.\n\n### Additional context\n\n_No response_",[3241,3242],{"name":3221,"color":3222},{"name":3184,"color":3185},2937,"Toaster documentation missing","2024-12-20T10:54:43Z","https://github.com/nuxt/ui/issues/2937",0.7550981,{"description":3249,"labels":3250,"number":3253,"owner":3159,"repository":3187,"state":3188,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Description\n\nI opened the playground from the nuxt ui documentation to try something out.\n\nI was wondering about the `/app` folder as my own app didn't have that.\nThe path is also mentioned in the documentation regarding custom colors for Tailwind and says to place a `main.css` in `app/assets/css`.\n\nI then found out, that the `nuxt.config.ts` contains these lines:\n\n```\nfuture: {\n compatibilityVersion: 4,\n },\n```\n\nI find it very confusing to see things that aren't stable yet in official documentation.",[3251,3252],{"name":3170,"color":3171},{"name":3184,"color":3185},3569,"Playground points to a future version compatibility","2025-03-16T10:22:41Z","https://github.com/nuxt/ui/issues/3569",0.76251656,{"description":3259,"labels":3260,"number":3263,"owner":3159,"repository":3187,"state":3188,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\n### Environment\n\n* Operating System: Linux\n* Node Version: v20.15.1\n* Nuxt Version: 3.14.1592\n* Package Manager: npm@10.7.0\n* Nuxt UI: v3.0.0-alpha.x\n\n### Description\nHello, I have the following configurations; \n\n#### assets/css/main.css\n```css\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n@theme {\n /* Font Family Extend */\n --font-display: 'Work Sans', sans-serif;\n --font-content: 'Roboto', sans-serif;\n --font-condensed: 'Roboto Condensed', sans-serif;\n\n\n /* Color Extend */\n --color-brand-50: #fef4ee;\n --color-brand-100: #fcdbc5;\n --color-brand-200: #facaae;\n --color-brand-300: #f6a57b;\n --color-brand-400: #f27545;\n --color-brand-500: #ee5221;\n --color-brand-600: #df3917;\n --color-brand-700: #b92915;\n --color-brand-800: #932219;\n --color-brand-900: #772017;\n --color-brand-950: #400d0a;\n}\n\n:root {\n --ui-primary: var(--color-brand-500);\n}\n```\n\nand my nuxt.config.ts file; \n```ts\nexport default defineNuxtConfig({\n // ....\n modules: ['@nuxt/ui', '@pinia/nuxt'],\n css: ['~/assets/css/main.css', '~/assets/scss/common.scss'],\n vite: {\n css: {\n preprocessorOptions: {\n scss: { api: 'modern-compiler' }\n }\n }\n },\n // ....\n});\n```\nWith the configurations defined as above when i set ssr:false in my nuxt.config.ts, my custom color called 'brand' is not applied to components and the default green is used from the tailwind. With ssr: true everything is ok with `npm run dev`. I also tried to set the color 'brand' in app.config.ts \n\n```ts\nexport default defineAppConfig({\n ui:{\n colors: {\n primary: 'brand'\n }\n }\n});\n``` \nwith this setting again everything works but this time ts complains about `Type '\"brand\"' is not assignable to type 'Color | undefined'.ts(2322)`. \n\nI did not find a true way to set colors from extended tailwindcss color palette. Thanks in advance for any help.\n\n\nThe following screenshot; ssr: false and primary color defined on ```:root {}``` \n\n\n\nThe following screenshot; ssr: true and primary color defined on ```:root {}``` \n\n\n\n\n \nThe following screenshot; ssr: false and primary color defined on 'appconfig' but this time I have the following error from ts\n\n\n\n\n\n\nEdit 1: \n> [!IMPORTANT]\n> I also tried to extend on a types/colors.d.ts file the `tailwindcss/colors` namespace to add my custom color but no chance\n\n```ts\nimport colors from 'tailwindcss/colors'\n\n\ndeclare module 'tailwindcss/colors' {\n const colors = colors | 'brand'\n export default colors;\n}\n```\n\n",[3261,3262],{"name":3170,"color":3171},{"name":3184,"color":3185},2869,"Use a custom color instead of the predefined Tailwind colors with ssr false","2024-12-16T09:47:16Z","https://github.com/nuxt/ui/issues/2869",0.7626124,["Reactive",3269],{},["Set"],["ShallowReactive",3272],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTFTT5HvC0YB_a0Ty590zGb9wA0Ldc_71r_z2cXCkdqw":-1},"/nuxt/ui/2305"]