\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.7820001,{"description":3166,"labels":3167,"number":3171,"owner":3158,"repository":3172,"state":3160,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-ashrbf?file=test%2Fmock.test.ts\r\n\r\n### Describe the bug\r\n\r\nWhen I try to use the mockComponent helper in a new nuxt project, the test can't mock a nested component properly.\r\n\r\nI tried the method to mock another similar components, but in this case doesn't work. \r\n\r\n### Additional context\r\n\r\nIt seams to be related if the components are in a subfolder inside the components folder.\r\nIf the components are in the component folder, it works.\r\n\r\nIt will be great to have an example with several test inside the same test suite, to explain how to manage unstubbing between tests.\r\n\r\n### Logs\r\n\r\n_No response_",[3168],{"name":3169,"color":3170},"pending triage","5D08F5",708,"test-utils","Fail to mock a Nested Component with mockComponent","2024-02-11T13:04:26Z","https://github.com/nuxt/test-utils/issues/708",0.78769904,{"description":3178,"labels":3179,"number":3183,"owner":3158,"repository":3184,"state":3185,"title":3186,"updated_at":3187,"url":3188,"score":3189},"",[3180],{"name":3181,"color":3182},"bug","ff281a",84,"nuxt.com","closed","Fix `SelectCustom` popover in dark mode","2022-03-01T11:09:46Z","https://github.com/nuxt/nuxt.com/issues/84",0.7308759,{"description":3191,"labels":3192,"number":3195,"owner":3158,"repository":3184,"state":3185,"title":3196,"updated_at":3197,"url":3198,"score":3199},"Dark mode:\n- Apollo\n- Inkline\n- Lodash\n- purgecss\n- umami\n- unocss\n- xstate",[3193],{"name":3152,"color":3194},"1ad6ff",1002,"Modules: change logos in dark mode ? ","2023-10-10T14:45:27Z","https://github.com/nuxt/nuxt.com/issues/1002",0.7381795,{"description":3201,"labels":3202,"number":3204,"owner":3158,"repository":3184,"state":3185,"title":3205,"updated_at":3206,"url":3207,"score":3208},"> As of right now, the `ui` module does not support overriding the gray color",[3203],{"name":3152,"color":3194},486,"Dark mode with custom gray palette","2022-05-18T09:03:31Z","https://github.com/nuxt/nuxt.com/issues/486",0.7393438,{"description":3210,"labels":3211,"number":3204,"owner":3158,"repository":3172,"state":3185,"title":3212,"updated_at":3213,"url":3214,"score":3208},"This way of overriding options (using spread operator):\r\nhttps://github.com/nuxt-community/module-test-utils/blob/2801ebd478d54e97d95310bbfbd69e642223f363/lib/setup.js#L13-L16\r\nis often very limiting because it makes it impossible to override particular property of an object that has other properties.\r\n\r\nFor example, if we try to override one property from object:\r\n```\r\n{\r\n i18n: {\r\n a: 1,\r\n b: 2,\r\n c: 3,\r\n }\r\n}\r\n```\r\nwith:\r\n```\r\nconst override = {\r\n i18n: {\r\n b: 4\r\n }\r\n}\r\n```\r\nthen that will override whole `i18n` object, leaving just property `b`.\r\n\r\nThis module should rather use something like this:\r\n```\r\nconst deepMerge = require('deepmerge')\r\nconst options = deepMerge.all([options, override])\r\n```\r\n(This would probably be a breaking change if one relied on previous behavior)",[],"Inflexible nuxt options override","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/486",{"description":3216,"labels":3217,"number":3219,"owner":3158,"repository":3184,"state":3185,"title":3220,"updated_at":3221,"url":3222,"score":3223},"Since the ui lib now uses the new version of Nuxt Color Mode, we'll need to add a `ThemeSelect` component https://github.com/docusgen/docus.com/blob/dev/components/atoms/ThemeSelect.vue and add it in the dropdown like on Docus: \n\n",[3218],{"name":3152,"color":3194},65,"Theme selector","2023-02-15T12:30:35Z","https://github.com/nuxt/nuxt.com/issues/65",0.7574499,{"description":3178,"labels":3225,"number":3227,"owner":3158,"repository":3184,"state":3185,"title":3228,"updated_at":3229,"url":3230,"score":3231},[3226],{"name":3152,"color":3194},287,"Custom scrollbars for dark mode","2023-02-15T12:32:05Z","https://github.com/nuxt/nuxt.com/issues/287",0.76150215,{"description":3178,"labels":3233,"number":3227,"owner":3158,"repository":3172,"state":3185,"title":3234,"updated_at":3235,"url":3236,"score":3231},[],"detect nuxt.config.ts","2023-12-02T00:13:07Z","https://github.com/nuxt/test-utils/issues/287",{"description":3238,"labels":3239,"number":3240,"owner":3158,"repository":3184,"state":3185,"title":3241,"updated_at":3242,"url":3243,"score":3244},"We will need to create a new component in the UI library\n\nhttps://tailwindui.com/components/application-ui/navigation/command-palettes#component-69fd3cc3634e02f74717c1046d51aa76",[],137,"Transform branch switch modal to command palette","2022-03-14T16:37:18Z","https://github.com/nuxt/nuxt.com/issues/137",0.7625677,["Reactive",3246],{},["Set"],["ShallowReactive",3249],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7PHHCQV9LI8Hvm50Q6Q9rEBHcYlWu_5oMB8oW_-h9Y4":-1},"/nuxt/nuxt.com/682"]