\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_",[3153,3156],{"name":3154,"color":3155},"enhancement","a2eeef",{"name":3157,"color":3158},"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.7757062,{"description":3168,"labels":3169,"number":3172,"owner":3160,"repository":3173,"state":3174,"title":3175,"updated_at":3176,"url":3177,"score":3178},"\n- [x] You can remove the border & shadow of every color card\n\n\n- [x] For the logo cards, border is enough\n\n\n- [x] [Tablet] Text is unreadable, you can put opacity 10% on bg image like on mobile resolution\n\n\n- [x] [Tablet/Mobile] This hover effect should be the default state on tablet & mobile in order to improve the usability & readability of this page (+ go to font-medium at these resolutions)\n\n\n- [x] [Darkmode] Gray texts should be max gray-200 in dark mode (yours are inverted in dark so i suppose it's max u-gray-700 ?)",[3170],{"name":3154,"color":3171},"1ad6ff",604,"nuxt.com","closed","[Resources] Design Kit improvements V2","2022-06-14T10:53:12Z","https://github.com/nuxt/nuxt.com/issues/604",0.4679243,{"description":3180,"labels":3181,"number":3183,"owner":3160,"repository":3173,"state":3174,"title":3184,"updated_at":3185,"url":3186,"score":3187},"\n- [x] Those logos are off-centered\n\n\n\n- [x] [Mobile] On the case studies, you can remove the image on responsive, it makes the text hard to read\n\n\n\n- [x] [Mobile] The contact us section at end of case studies must keep his card aspect by not being full width\n\n\n\n- [ ] [Mobile] You can make the images between sections twice of the actual height in mobile\n\n\n\n- [x] Icon should be 24px instead of 20px + in order to compensate the white space of icon, you should remove 'px-6' and do \"pr-6 pl-4\" for the button\n\n\n- [x] You can remove the negative letter spacing of speakers\n\n\n- [x] [Darkmode] This should be white\n\n",[3182],{"name":3154,"color":3171},603,"[Resources] Case studies improvements V2","2022-06-27T09:38:18Z","https://github.com/nuxt/nuxt.com/issues/603",0.69696194,{"description":3189,"labels":3190,"number":3183,"owner":3160,"repository":3194,"state":3174,"title":3195,"updated_at":3196,"url":3197,"score":3187},"In version 0.11.0 I get type errors is I try to run\r\n```\r\nvi.spyOn(vue, 'watch')\r\n// TypeError: Cannot redefine property: watch\r\n```\r\n\r\nThe same is for `onMounted`\r\n\r\nDo you happen to have any thoughts on what may have changed to make this happen? I think it's a result of `nuxt-vitest`\r\n\r\nIt could possibly be that by updating nuxt-vitest also updated other dependencies resulting in this? If you have any hints, always appreciated as to how to hunt this down.\r\n\r\nI'll look at any other workarounds hacks too, but just in case it this was not an intended effect and it makes something spring to mind as to what could cause it :)\r\n\r\nFailing test:\r\n```\r\nimport { describe, test, vi } from 'vitest'\r\nimport * as vue from 'vue'\r\n\r\ndescribe('Cannot mock vue functions', () => {\r\n test('Spy on watch', () => {\r\n vi.spyOn(vue, 'watch')\r\n })\r\n test('Spy on onMounted', () => {\r\n vi.spyOn(vue, 'onMounted')\r\n })\r\n})\r\n```",[3191],{"name":3192,"color":3193},"vitest-environment","b60205","test-utils","0.11.0 - can no longer spy on vue methods such as watch or onMounted","2023-12-05T16:26:09Z","https://github.com/nuxt/test-utils/issues/603",{"description":3199,"labels":3200,"number":3205,"owner":3160,"repository":3173,"state":3174,"title":3206,"updated_at":3207,"url":3208,"score":3209},"- [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",[3201,3202],{"name":3154,"color":3171},{"name":3203,"color":3204},"design","00bd6f",515,"[UI] Improvements","2022-05-20T13:20:47Z","https://github.com/nuxt/nuxt.com/issues/515",0.73467207,{"description":3211,"labels":3212,"number":352,"owner":3160,"repository":3173,"state":3174,"title":3214,"updated_at":3215,"url":3216,"score":3217},"",[3213],{"name":3154,"color":3171},"Put back full border on docs to be consistent","2023-02-15T12:30:42Z","https://github.com/nuxt/nuxt.com/issues/163",0.7382638,{"description":3219,"labels":3220,"number":3222,"owner":3160,"repository":3173,"state":3174,"title":3223,"updated_at":3224,"url":3225,"score":3226},"Dark mode:\n- Apollo\n- Inkline\n- Lodash\n- purgecss\n- umami\n- unocss\n- xstate",[3221],{"name":3154,"color":3171},1002,"Modules: change logos in dark mode ? ","2023-10-10T14:45:27Z","https://github.com/nuxt/nuxt.com/issues/1002",0.7566184,{"description":3228,"labels":3229,"number":3231,"owner":3160,"repository":3173,"state":3174,"title":3232,"updated_at":3233,"url":3234,"score":3235},"Like on `Design Kit`",[3230],{"name":3154,"color":3171},631,"[Resources] Live events `Ask us for a conference` link should have a gradient border","2023-02-15T12:30:52Z","https://github.com/nuxt/nuxt.com/issues/631",0.75823045,{"description":3237,"labels":3238,"number":3246,"owner":3160,"repository":3161,"state":3174,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Environment\n\nOperating System: Windows\nNode Version: v22.14.0\nNuxt Version: 3.16.2\nCLI Version: 3.24.1\nNitro Version: 2.11.8\nPackage Manager: npm@10.9.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/bold-surf-kfhpdh\n\n### Description\n\nI've just tried using UNavigationMenu in the simplest way and I'm having a problem with the display.\nas the documentation is stating: https://ui.nuxt.com/components/navigation-menu#with-custom-slot\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3239,3242,3245],{"name":3240,"color":3241},"bug","d73a4a",{"name":3243,"color":3244},"duplicate","cfd3d7",{"name":3157,"color":3158},3835,"UNavigationMenu not showing correctly","2025-04-09T08:23:59Z","https://github.com/nuxt/ui/issues/3835",0.76366526,{"description":3252,"labels":3253,"number":3258,"owner":3160,"repository":3173,"state":3174,"title":3259,"updated_at":3260,"url":3261,"score":3262},"I believe we can save space and have at least the first module displayed.\n\n\n\n\nWe can also reduce the size of the card on mobile.\n",[3254,3255],{"name":3154,"color":3171},{"name":3256,"color":3257},"responsive","1cd1c6",672,"[Modules] Improve responsive page","2022-06-28T15:54:53Z","https://github.com/nuxt/nuxt.com/issues/672",0.76873356,["Reactive",3264],{},["Set"],["ShallowReactive",3267],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwg9sVGUgMR9zkLhtWSAJveOJy7XPW7OyuVv27f9IQu0":-1},"/nuxt/test-utils/604"]