\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_",[3168,3169],{"name":3152,"color":3153},{"name":3170,"color":3171},"v3","49DCB8",3307,"ui","Better handling of `UButton`, `UBadge`, … colors on colored backgrounds","2025-08-25T13:20:01Z","https://github.com/nuxt/ui/issues/3307",0.76728356,{"description":3179,"labels":3180,"number":3181,"owner":3158,"repository":3182,"state":3183,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### 📚 Description\r\n\r\nI got a 404 error when I accessed the **learn more** link on the [cloudflare](https://nuxt.com/deploy/cloudflare) page.\r\nI investigated the cause and found that the URL path was incorrect.",[],1520,"nuxt.com","closed","bug: wrong link to Zero-Config Providers","2024-03-03T08:40:08Z","https://github.com/nuxt/nuxt.com/issues/1520",0.7328581,{"description":3189,"labels":3190,"number":3194,"owner":3158,"repository":3182,"state":3183,"title":3195,"updated_at":3196,"url":3197,"score":3198},"",[3191],{"name":3192,"color":3193},"bug","ff281a",84,"Fix `SelectCustom` popover in dark mode","2022-03-01T11:09:46Z","https://github.com/nuxt/nuxt.com/issues/84",0.7378152,{"description":3200,"labels":3201,"number":3203,"owner":3158,"repository":3173,"state":3183,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Description\n\nWhen using a Table component, it would be a cool feature to allow the items to be modified in place and an event emitted. There arent really many good solutions for this in Vue ecosystem, that I know of. \n\n### Additional context\n\n_No response_",[3202],{"name":3152,"color":3153},2168,"Make an inplace editable table","2024-09-11T14:14:15Z","https://github.com/nuxt/ui/issues/2168",0.74209416,{"description":3209,"labels":3210,"number":3216,"owner":3158,"repository":3158,"state":3183,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### Environment\n\n- **Operating System:** Windows 10\r\n- **Browser/Device:** Google Chrome 98\r\n- **Theme/Mode:** Light mode\r\n- **Additional Information:** No browser extensions are enabled, and default browser settings are used.\n\n### Reproduction\n\n1. Enable light mode in the application.\r\n2. Navigate to the section where the URL \"https://nuxt.com/deploy/koyeb\" is displayed.\r\n3. Observe that the URL is not visible or barely visible due to insufficient contrast with the background.\r\n4. Switch to dark mode and verify that the URL becomes visible and legible.\r\n5. Switch back to light mode and confirm that the URL remains difficult to read.\n\n### Describe the bug\n\n# 🚀 Bug Report\r\n\r\n### 📝 Description\r\n\r\nIn light mode, the URL \"https://nuxt.com/deploy/koyeb\" is not visible, whereas in dark mode, the icon is visible. This inconsistency affects the readability and accessibility of the content.\r\n\r\n### ✨ Describe the solution you'd like\r\n\r\nAdjust the background color or text color of the URL \"https://nuxt.com/deploy/koyeb\" in light mode to ensure it is visible and legible to users.\r\n\r\n### ✍️ Describe alternatives you've considered\r\n\r\nOne alternative solution could be to provide a contrasting background color or to change the text color of the URL to ensure visibility in both light and dark modes. Additionally, providing an underline or a hover effect on the URL could improve its discoverability for users.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3211,3214],{"name":3212,"color":3213},"3.x","29bc7f",{"name":3155,"color":3215},"E99695",27234,"Inconsistency in Visibility of URL 'https://nuxt.com/deploy/koyeb' in Light and Dark Modes","2024-05-15T16:18:02Z","https://github.com/nuxt/nuxt/issues/27234",0.75723195,{"description":3222,"labels":3223,"number":3230,"owner":3158,"repository":3173,"state":3183,"title":3231,"updated_at":3232,"url":3233,"score":3234},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css\n- Runtime Modules: @nuxt/ui@3.0.0-beta.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.2\n\n### Reproduction\n\nHere's a demo (https://codesandbox.io/p/devbox/nuxtui3-bug-3432-sphrpl)\n\n**index.vue**\n```\n\u003Ctemplate>\n \u003CUContainer>\n \u003CFooModal @some-action=\"fnHandleAction\" /> \u003Cbr />\n \u003CUButton @click=\"fnOpenModal\">Open FooModal from code\u003C/UButton>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n import { FooModal } from '#components';\n\n const overlay = useOverlay();\n\n const foo = overlay.create(FooModal);\n\n const fnOpenModal = async () => {\n foo.open();\n };\n\n const fnHandleAction = (action) => {\n console.log(\"Handle FooModal action: \", action);\n };\n\u003C/script>\n```\n\n**FooModal**\n```\n\u003Ctemplate>\n \u003CUModal v-model:open=\"open\" title=\"Foobar\">\n \u003CUButton label=\"Open FooModal from modal\" color=\"neutral\" variant=\"subtle\" />\n\n \u003Ctemplate #body>\n \u003CUButton @click=\"click()\" >Submit\u003C/UButton>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\n const open = ref(false);\n\n const emits = defineEmits(['some-action']);\n\n const click = () => {\n console.log(\"clicked from inside the modal\");\n emits('some-action', 'closing'); //emits does not work if Modal opened using useOverlay.\n open.value = false; //closing modal does not work if Modal opened using useOverlay.\n };\n\u003C/script>\n```\n\n### Description\n\nHello Nuxt UI team,\n\nThank you for providing a high-quality UI library. I truly appreciate the effort you put into creating and maintaining it.\n\nI have encountered an issue while using `UModal` in my application. The modal is used to create and/or update database entries, and it needs to be opened in two different ways:\n\n1. Via a `UButton` that is always present on the screen (provided by the modal itself).\n2. Programmatically, through a link in a dropdown menu, using `useOverlay`.\n\nWhen the modal is opened using the first method, everything works as expected. However, when it is opened programmatically using the second method, the modal does not behave the same way. Specifically:\n\n- I am unable to trigger an `emit` to notify the parent component that the update was successful.\n- The modal does not close properly using the `open.value = false` technique.\n\nI am unsure if this behavior is intentional or a bug. I was under the impression that `UModal` and `useOverlay` should work seamlessly together and exhibit consistent behavior. Could you please confirm whether this is a valid concern?\n\nThank you for your time and attention to this matter. I look forward to your guidance.\n\n**Note**: You'll also notice that the button within the modal appears on the screen when opened using `useOverlay`. It would be helpful if it could be hidden automatically, but I believe this is something I can control easily. As such, I do not consider this to be a bug.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3224,3226,3227],{"name":3192,"color":3225},"d73a4a",{"name":3170,"color":3171},{"name":3228,"color":3229},"triage","ffffff",3432,"UModal and useOverlay compatibility Issue","2025-03-11T13:57:03Z","https://github.com/nuxt/ui/issues/3432",0.7599579,{"description":3189,"labels":3236,"number":3238,"owner":3158,"repository":3182,"state":3183,"title":3239,"updated_at":3240,"url":3241,"score":3242},[3237],{"name":3192,"color":3193},124,"Milkdown editor only works in dark mode","2023-06-06T12:14:49Z","https://github.com/nuxt/nuxt.com/issues/124",0.7606165,{"description":3244,"labels":3245,"number":3247,"owner":3158,"repository":3173,"state":3183,"title":3248,"updated_at":3249,"url":3250,"score":3251},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.4.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nNot working:\n```vue\n\u003Ctemplate>\n \u003CUSelectMenu v-model=\"selectedTheme\" name=\"labels\" :options=\"themeOptions\" value-attribute=\"id\" option-attribute=\"label\" searchable creatable placeholder=\"Select labels\" />\n {{ selectedTheme }}\n \u003Cbr />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\n defineProps({\n media: {\n type: Object,\n required: true,\n },\n });\n\n const mediaPresets = useMediaPresets();\n\n const selectedTheme = ref('');\n\n const themeOptions = computed(() => {\n return mediaPresets.themes.map((theme) => ({\n id: theme.id,\n label: `${theme.emoji} ${theme.display}`,\n }));\n });\n\u003C/script>\n\n```\n\n\nWorking / Fix:\n```Vue\n\u003Ctemplate>\n \u003CUSelectMenu v-model=\"themesProxy\" name=\"labels\" :options=\"themeOptions\" searchable creatable placeholder=\"Select labels\" />\n {{ selectedTheme }}\n \u003Cbr />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\n defineProps({\n media: {\n type: Object,\n required: true,\n },\n });\n const mediaPresets = useMediaPresets();\n\n const selectedTheme = ref('my_value');\n\n const themeOptions = computed(() => {\n return mediaPresets.themes.map((theme) => ({ id: theme.id, label: `${theme.emoji} ${theme.display}` }));\n });\n\n const themesProxy = computed({\n get: () => {\n const existingTheme = themeOptions.value.find((theme) => theme.id === selectedTheme.value);\n if (existingTheme) return existingTheme;\n return { id: selectedTheme.value, label: selectedTheme.value?.replace(/\\s/g, '-')?.toLowerCase() };\n },\n\n set: (newValue: any) => {\n if (newValue.label && !newValue.id) newValue.id = newValue.label.replace(/\\s/g, '-').toLowerCase();\n selectedTheme.value = newValue.id;\n },\n });\n\n\u003C/script>\n\n```\n\n### Description\n\n\n\nWhen using the `creatable` option, the selected value does not show up properly in the input.\n\n\nThe v-model properly changes (`{{ selectedTheme }}` under the input), but it doesn't show up in the input afterward not in the \"create xyz' text \n\nThe issue seems to happens when not using `multiple`\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3246],{"name":3192,"color":3225},2342,"[SelectMenu] `creatable` bugged when not using `multiple`","2024-11-12T17:11:21Z","https://github.com/nuxt/ui/issues/2342",0.76489466,{"description":3253,"labels":3254,"number":3257,"owner":3158,"repository":3182,"state":3183,"title":3258,"updated_at":3259,"url":3260,"score":3261},"- [x] `/docs/[version]`\n- [x] `/modules`\n\nThe select should be dark in light mode and light in dark mode like our primary button.",[3255],{"name":3152,"color":3256},"1ad6ff",682,"Transform version `Select` into a `SelectCustom`","2022-06-21T14:43:39Z","https://github.com/nuxt/nuxt.com/issues/682",0.76774687,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_8CSlN2eeIa3O5EXi_brGu_r97uYdMxeoAph5P1av-E":-1},"/nuxt/icon/281"]