\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.7530177,{"description":3166,"labels":3167,"number":3170,"owner":3158,"repository":3171,"state":3172,"title":3173,"updated_at":3174,"url":3175,"score":3176},"> As of right now, the `ui` module does not support overriding the gray color",[3168],{"name":3152,"color":3169},"1ad6ff",486,"nuxt.com","closed","Dark mode with custom gray palette","2022-05-18T09:03:31Z","https://github.com/nuxt/nuxt.com/issues/486",0.7222544,{"description":3178,"labels":3179,"number":3170,"owner":3158,"repository":3180,"state":3172,"title":3181,"updated_at":3182,"url":3183,"score":3176},"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)",[],"test-utils","Inflexible nuxt options override","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/486",{"description":3185,"labels":3186,"number":3188,"owner":3158,"repository":3171,"state":3172,"title":3189,"updated_at":3190,"url":3191,"score":3192},"- [x] `/docs/[version]`\n- [x] `/modules`\n\nThe select should be dark in light mode and light in dark mode like our primary button.",[3187],{"name":3152,"color":3169},682,"Transform version `Select` into a `SelectCustom`","2022-06-21T14:43:39Z","https://github.com/nuxt/nuxt.com/issues/682",0.72292954,{"description":3194,"labels":3195,"number":3197,"owner":3158,"repository":3171,"state":3172,"title":3198,"updated_at":3199,"url":3200,"score":3201},"\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 ?)",[3196],{"name":3152,"color":3169},604,"[Resources] Design Kit improvements V2","2022-06-14T10:53:12Z","https://github.com/nuxt/nuxt.com/issues/604",0.7492879,{"description":3203,"labels":3204,"number":3197,"owner":3158,"repository":3180,"state":3172,"title":3208,"updated_at":3209,"url":3210,"score":3201},"When adding this module to `nuxt.config` it will change the default id of the root dive in the body from `__nuxt` to `nuxt-test`. This can break certain code that relies on that id. for instance i had some css snipet that relies on that id:\r\n\r\n```css\r\nhtml,\r\nbody,\r\n#__nuxt,\r\n#nuxt-test { /* \u003C--- I had to add the new id */\r\n @apply h-full;\r\n \r\n}\r\n```\r\n\r\nI don't know why this module would need to do this but if it's needed it should at least be documented or warned as this small change can break some UIs or some code.",[3205],{"name":3206,"color":3207},"vitest-environment","b60205","Changing the app id in the HTML should be documented or removed if not needed","2023-12-05T16:18:51Z","https://github.com/nuxt/test-utils/issues/604",{"labels":3212,"number":3222,"owner":3158,"repository":3158,"state":3172,"title":3223,"updated_at":3224,"url":3225,"score":3226},[3213,3216,3219],{"name":3214,"color":3215},"stale","ffffff",{"name":3217,"color":3218},"pending triage","E99695",{"name":3220,"color":3221},"2.x","d4c5f9",9977,"How can I switch to dark mode of element-ui by building different css for themes?","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9977",0.7501229,{"description":3228,"labels":3229,"number":3233,"owner":3158,"repository":3171,"state":3172,"title":3234,"updated_at":3235,"url":3236,"score":3237},"https://github.com/nuxt-community/color-mode-module/issues/127",[3230],{"name":3231,"color":3232},"bug","ff281a",68,"[Nuxt3] `useMeta` overrides dark mode","2022-04-07T09:27:00Z","https://github.com/nuxt/nuxt.com/issues/68",0.75632715,{"description":3239,"labels":3240,"number":3245,"owner":3158,"repository":3159,"state":3172,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.0\n- Nuxt Version: -\n- CLI Version: 3.20.0\n- Nitro Version: -\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nnpm run dev\n\n### Description\n\nIn development mode only, I encountered the error shown in the picture below while implementing.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3241,3243],{"name":3231,"color":3242},"d73a4a",{"name":3244,"color":3215},"triage",3146,"[vue-tsc] Type annotations can only be used in TypeScript files.","2025-03-18T14:28:14Z","https://github.com/nuxt/ui/issues/3146",0.7571544,{"description":3251,"labels":3252,"number":3259,"owner":3158,"repository":3158,"state":3172,"title":3260,"updated_at":3261,"url":3262,"score":3263},"Hi,\r\n\r\nI noticed that the colorscheme of the code block in the documents of modules doesn't display well in light mode.\r\n\r\nFor example, in [@nuxt/tailwindcss](https://nuxt.com/modules/tailwindcss),\r\n\r\nThe color of the code is the same as the background, for example:\r\n\r\nIn light mode, I can't see any code but comments\r\n\r\n\r\nHowever, in dark mode, it works well\r\n\r\n\r\nThe braces in the code block have a similar issue as well, \r\n\r\nIn light mode, all the braces disappear:\r\n\r\n\r\nCompared with dark mode:\r\n\r\n",[3253,3256],{"name":3254,"color":3255},"documentation","5319e7",{"name":3257,"color":3258},"3.x","29bc7f",15501,"Colorscheme of code blocks in light mode seems unclear","2023-02-15T13:09:14Z","https://github.com/nuxt/nuxt/issues/15501",0.75877374,["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5WBamNX3wMk4AlMQG07VE9rDgRQYTgDJ_LQm5nUxvdo":-1},"/nuxt/nuxt.com/1002"]