\n```\n\nWould it be relevant to add a global attribute to components like Button, Badge, etc., to force their appearance in dark (or light) mode, regardless of the global setting? This would ensure better visual consistency when these elements are placed on a colored background (e.g., `UPageCTA` with `solid` variant).\n\n### Additional context\n\n_No response_",[3151,3154],{"name":3152,"color":3153},"enhancement","a2eeef",{"name":3155,"color":3156},"v3","49DCB8",3307,"nuxt","ui","open","Better handling of `UButton`, `UBadge`, … colors on colored backgrounds","2025-08-25T13:20:01Z","https://github.com/nuxt/ui/issues/3307",0.7657572,{"description":3166,"labels":3167,"number":3172,"owner":3158,"repository":3159,"state":3160,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### Description\n\nI would like variant options for the calendar (Solid, Soft, Subtle, Outline, Ghost), where currently it's just 'solid' currently. \n\n### Additional context\n\n\u003Cimg width=\"260\" height=\"288\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/dd5ae43c-efc1-41bf-889e-fcfcbbfda953\" />\n\u003Cp>e.g. Soft\u003C/p>",[3168,3169],{"name":3152,"color":3153},{"name":3170,"color":3171},"triage","ffffff",4713,"Calender: add variant options","2025-08-11T23:21:51Z","https://github.com/nuxt/ui/issues/4713",0.78077316,{"description":3178,"labels":3179,"number":3183,"owner":3158,"repository":3184,"state":3185,"title":3186,"updated_at":3187,"url":3188,"score":3189},"Hello there! I've been trying to get `testing-library/vue` to work with a `nuxt-vitest` project to no avail. I receive the following error when I run my test:\r\n\r\n```\r\nTypeError: Cannot read properties of null (reading 'parentElement')\r\n ❯ VueWrapper.get node_modules/@vue/test-utils/dist/vue-test-utils.cjs.js:7627:32\r\n ❯ Proxy.render node_modules/@testing-library/vue/dist/render.js:40:22\r\n```\r\n\r\nHere is a repo, if that is useful: https://stackblitz.com/edit/nuxt-starter-jvw52s?file=app.vue,app.spec.ts\r\n\r\nAny ideas as to what may be going on here? Happy to provide any additional insight/assistance. ",[3180],{"name":3181,"color":3182},"vitest-environment","b60205",617,"test-utils","closed","testing-library/vue incompatible with nuxt-vitest?","2023-12-02T17:18:50Z","https://github.com/nuxt/test-utils/issues/617",0.46883997,{"description":3191,"labels":3192,"number":3195,"owner":3158,"repository":3196,"state":3185,"title":3197,"updated_at":3198,"url":3199,"score":3200},"Blocked by nuxtlabs/nuxt.com#617",[3193],{"name":3152,"color":3194},"1ad6ff",620,"nuxt.com","Replace `primary` buttons by `gradient` variant","2022-06-15T16:59:48Z","https://github.com/nuxt/nuxt.com/issues/620",0.7031768,{"description":3202,"labels":3203,"number":3195,"owner":3158,"repository":3184,"state":3185,"title":3211,"updated_at":3212,"url":3213,"score":3200},"After update `\"nuxt\": \"3.8.0\"` to `3.8.1` my test started to fail:\r\n```ts\r\nimport { describe, expect, it, vi } from 'vitest'\r\nimport { mountSuspended } from 'vitest-environment-nuxt/utils'\r\nimport type { DisplayInstance } from 'vuetify'\r\nimport * as vuetify from 'vuetify'\r\nimport GuestRegisterBtn from '~/components/main/header/GuestRegisterBtn.vue'\r\nimport * as nuxt from 'nuxt/app'\r\n\r\ndescribe('Guest Register button test', () => {\r\n const navigateToSPY = vi.spyOn(nuxt, 'navigateTo').mockReturnValue(Promise.resolve())\r\n\r\n it('check login guest button for mobile in header', async () => {\r\n const component = await mountSuspended(GuestRegisterBtn)\r\n const buttonWide = component.find('button')\r\n\r\n // This is still working\r\n const classes: string[] = buttonWide.classes()\r\n expect(classes).contains('v-btn--variant-plain')\r\n // ... other working asserts\r\n\r\n await buttonWide.trigger('click')\r\n // This does not work after update 👇🏻👇🏻👇🏻👇🏻 ❌\r\n expect(navigateToSPY).toHaveBeenCalledOnce()\r\n expect(navigateToSPY).toBeCalledWith('/login?t=1') \r\n })\r\n```",[3204,3205,3208],{"name":3181,"color":3182},{"name":3206,"color":3207},"needs reproduction","DE7793",{"name":3209,"color":3210},"closed-by-bot","ededed","trigger('click') stopped working after Nuxt update from `3.8.0` to `3.8.1`","2024-09-05T12:34:30Z","https://github.com/nuxt/test-utils/issues/620",{"description":3215,"labels":3216,"number":3221,"owner":3158,"repository":3196,"state":3185,"title":3222,"updated_at":3223,"url":3224,"score":3225},"- [x] We never use \"Roobert Bold\" you should replace all the \"font-bold\" by the semi bold version\n\n\n- [x] Prose base color must be gray-600 in light mode \n\n\n- [x] Cards have 12px border radius\n- [x] Buttons have 8px border radius",[3217,3218],{"name":3152,"color":3194},{"name":3219,"color":3220},"design","00bd6f",515,"[UI] Improvements","2022-05-20T13:20:47Z","https://github.com/nuxt/nuxt.com/issues/515",0.7280073,{"description":3227,"labels":3228,"number":3230,"owner":3158,"repository":3196,"state":3185,"title":3231,"updated_at":3232,"url":3233,"score":3234},"\n",[3229],{"name":3152,"color":3194},436,"[Milkdown] Improve components props display","2022-05-13T16:14:50Z","https://github.com/nuxt/nuxt.com/issues/436",0.7574331,{"description":3236,"labels":3237,"number":3239,"owner":3158,"repository":3196,"state":3185,"title":3240,"updated_at":3241,"url":3242,"score":3243},"\n",[3238],{"name":3152,"color":3194},128,"Add Open on GitHub Desktop button","2022-03-09T15:52:36Z","https://github.com/nuxt/nuxt.com/issues/128",0.75916463,{"description":3245,"labels":3246,"number":3253,"owner":3158,"repository":3254,"state":3185,"title":3255,"updated_at":3256,"url":3257,"score":3258},"## Description\n\nUsing nuxt fonts to set different fonts for specific CSS classes works perfectly for single-level classes, but when trying to apply a font to nested CSS classes, it does not load as expected.\n\nFor example, Lato works fine for `.lato`, but Nunito fails to apply in nested elements like `.nunito p`:\n\n```vue\n\u003Ctemplate>\n \u003Cdiv class=\"lato\">\n 'Lato works!'\n\n \u003Cdiv class=\"nunito\">\n \u003Cp>'Nunito does not work :('\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n.lato {\n font-family: 'Lato';\n}\n\n.nunito {\n p {\n font-family: 'Nunito';\n }\n}\n\u003C/style>\n\n```\n\n## Reproduction steps\n\n1. Apply a font family using nuxt fonts to a nested CSS class selector.\n\n> Note that the font only applies to single-level selectors, not nested ones like `.nunito p`.\n\n## Expected behaviour\n\nBoth fonts should be applied according to the CSS structure, with `Lato` on the outer `div` and `Nunito` on the inner `\u003Cp>` element.\n\n## Reproduction link\n\n\n[Stackblitz repro](https://stackblitz.com/edit/github-5srqpg?file=app.vue)",[3247,3250],{"name":3248,"color":3249},"bug","d73a4a",{"name":3251,"color":3252},"good first issue","7057ff",371,"fonts","Nested CSS font-family not working as expected","2024-12-05T13:03:43Z","https://github.com/nuxt/fonts/issues/371",0.76959693,{"description":3260,"labels":3261,"number":3253,"owner":3158,"repository":3196,"state":3185,"title":3263,"updated_at":3264,"url":3265,"score":3258},"\n",[3262],{"name":3152,"color":3194},"Design kit classes should use new colors instead of hard-coded hex","2023-02-15T12:30:45Z","https://github.com/nuxt/nuxt.com/issues/371",["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fImN6l7Uqb_v_rIKBnu2C-xFdWNzHwzRi7vJ1RASa7WY":-1},"/nuxt/nuxt.com/617"]