\n\nI tried using the dark mode to see the result, and the contrast is far better. \n\n\u003Cimg width=\"1131\" height=\"356\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/269ee292-f4fa-4d95-8d14-75e1e48870f5\" />\n\nSo i'm wondering if it's the expected behavior.\n\nDid i make a mistake somehow ?\n\nOr do you think there might be a problem with the contrasts of the neutral palette between low values (50 ~ 200)?\n\n\u003Cimg width=\"437\" height=\"207\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b3003f37-c0f1-4ae5-8f6d-b4aad0d503c2\" />\n\nOr the mapping between the --ui-bg colors and the neutral colors should be revised ?\n\n```CSS\n--ui-bg: var(--color-white);\n--ui-bg-muted: var(--ui-color-neutral-50);\n--ui-bg-elevated: var(--ui-color-neutral-100);\n--ui-bg-accented: var(--ui-color-neutral-200);\n--ui-bg-inverted: var(--ui-color-neutral-900);\n```\n\nThanks in advance for your help !",[3139],{"name":3140,"color":3141},"question","d876e3",4704,"nuxt","ui","open","Light theme, neutral color contrast","2025-08-11T14:53:37Z","https://github.com/nuxt/ui/issues/4704",0.7393117,{"description":3151,"labels":3152,"number":3153,"owner":3143,"repository":3154,"state":3155,"title":3156,"updated_at":3157,"url":3158,"score":3159},"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)",[],486,"test-utils","closed","Inflexible nuxt options override","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/486",0.46581325,{"description":3161,"labels":3162,"number":3166,"owner":3143,"repository":3167,"state":3155,"title":3168,"updated_at":3169,"url":3170,"score":3171},"",[3163],{"name":3164,"color":3165},"enhancement","1ad6ff",287,"nuxt.com","Custom scrollbars for dark mode","2023-02-15T12:32:05Z","https://github.com/nuxt/nuxt.com/issues/287",0.69141024,{"description":3161,"labels":3173,"number":3166,"owner":3143,"repository":3154,"state":3155,"title":3174,"updated_at":3175,"url":3176,"score":3171},[],"detect nuxt.config.ts","2023-12-02T00:13:07Z","https://github.com/nuxt/test-utils/issues/287",{"description":3178,"labels":3179,"number":3183,"owner":3143,"repository":3167,"state":3155,"title":3184,"updated_at":3185,"url":3186,"score":3187},"https://github.com/nuxt-community/color-mode-module/issues/127",[3180],{"name":3181,"color":3182},"bug","ff281a",68,"[Nuxt3] `useMeta` overrides dark mode","2022-04-07T09:27:00Z","https://github.com/nuxt/nuxt.com/issues/68",0.7052716,{"description":3189,"labels":3190,"number":3192,"owner":3143,"repository":3167,"state":3155,"title":3193,"updated_at":3194,"url":3195,"score":3196},"Dark mode:\n- Apollo\n- Inkline\n- Lodash\n- purgecss\n- umami\n- unocss\n- xstate",[3191],{"name":3164,"color":3165},1002,"Modules: change logos in dark mode ? ","2023-10-10T14:45:27Z","https://github.com/nuxt/nuxt.com/issues/1002",0.7131983,{"description":3198,"labels":3199,"number":3208,"owner":3143,"repository":3144,"state":3155,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Environment\n\n------------------------------\n- Operating System: Windows_NT \n- Node Version: v22.16.0 \n- Nuxt Version: 4.0.2 \n- CLI Version: 3.27.0 \n- Nitro Version: 2.12.4 \n- Package Manager: pnpm@10.14.0 \n- Builder: - \n- User Config: devtools, modules, css, compatibilityDate, ssr, devServer, vite, app \n- Runtime Modules: @nuxt/ui@3.3.0, nuxt-auth-utils@0.5.22, @vueuse/nuxt@13.6.0, @nuxt/image@1.11.0, @nuxt/icon@1.15.0, @nuxt/fonts@0.11.4, @nuxtjs/i18n@10.0.3, @nuxt/scripts@0.11.10 \n- Build Modules: - \n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\n1. Try to style the Command Palette components according to my config and slot config.\n2. See the Command Palette Item styles not being applied\n\n### Description\n\n\n\nI'm trying to change the background and the text of the command palette items when they're highlighted. Below is my `app.config.ts` that tries to change background and text (which doesn't work.)\n\n```ts [app.config.ts]\nexport default defineAppConfig({\n // https://ui3.nuxt.dev/getting-started/theme#design-system\n ui: {\n colors: {\n primary: 'rose',\n neutral: 'zinc',\n },\n commandPalette: {\n variants: {\n active: {\n true: {\n item: 'before:bg-primary text-inverted',\n itemLeadingIcon: 'text-primary'\n }\n }\n }\n }\n }\n})\n```\n\nI've also tried using the `ui` slot on the component as well, which also did not work:\n\n```vue\n\u003CUCommandPalette\n :ui=\"{\n root: 'h-screen! u-command-palette',\n content: 'h-full',\n empty: 'p-0 h-full',\n item: 'data-highlighted:bg-primary rounded-md text-primary! data-highlighted:text-primary!',\n itemLabel: 'text-primary data-highlighted:text-primary!'\n }\"\n\u003C!-- some additional props i'm going to ignore here -->\n >\n\u003C!-- most of the other stuff -->\n\n// the u-command-palette class is empty. its there so I can query it using the doc selector\n```\n\nEven when I try to style the text just to the primary color without it being highlighted, it fails. I'm not sure why it's not working.\n\nIn addition to that, and I'm not sure whether this is intended behavior, when I use the `item` property in the `ui` slot, it seems to unstyle its rounded corners for some... weird reason. Not sure why.\n\nHere's the source code: https://github.com/CTRL-Neo-Studios/cubit/blob/dev/app/components/Cubit/Layout/Module/CubitModuleNavigationLayout.vue\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3200,3202,3205],{"name":3181,"color":3201},"d73a4a",{"name":3203,"color":3204},"v3","49DCB8",{"name":3206,"color":3207},"triage","ffffff",4651,"Command Palette UI Theme Not Overriden in Config","2025-08-04T16:52:06Z","https://github.com/nuxt/ui/issues/4651",0.72991043,{"description":3214,"labels":3215,"number":3217,"owner":3143,"repository":3167,"state":3155,"title":3218,"updated_at":3219,"url":3220,"score":3221},"- [x] `/docs/[version]`\n- [x] `/modules`\n\nThe select should be dark in light mode and light in dark mode like our primary button.",[3216],{"name":3164,"color":3165},682,"Transform version `Select` into a `SelectCustom`","2022-06-21T14:43:39Z","https://github.com/nuxt/nuxt.com/issues/682",0.7324227,{"description":3223,"labels":3224,"number":3227,"owner":3143,"repository":3144,"state":3155,"title":3228,"updated_at":3229,"url":3230,"score":3231},"### Description\n\nSetting primary color to black, doesn't work.\n`ui: {\n colors: {\n primary: 'black',\n neutral: 'zinc'\n }\n}`\n\nIt seems to work on the docs site, so I'm not sure why it won't work for me. Setting it to any other color works just fine.\n\nThe computed values are all `\u003Cempty>`\n\n\u003Cimg width=\"476\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5e37c4af-b858-4488-8c0f-e697d672d3d3\" />\n\u003Cimg width=\"341\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b9f0f0ea-fc86-405e-b90a-10e63cf58c54\" />\n",[3225,3226],{"name":3140,"color":3141},{"name":3203,"color":3204},4121,"UI Color Primary Black broken?","2025-05-11T12:36:02Z","https://github.com/nuxt/ui/issues/4121",0.7351583,{"description":3161,"labels":3233,"number":3235,"owner":3143,"repository":3167,"state":3155,"title":3236,"updated_at":3237,"url":3238,"score":3239},[3234],{"name":3181,"color":3182},124,"Milkdown editor only works in dark mode","2023-06-06T12:14:49Z","https://github.com/nuxt/nuxt.com/issues/124",0.735733,["Reactive",3241],{},["Set"],["ShallowReactive",3244],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fY5rxmOPb9OAOLN5kAkTTkvhxG4j3ri7CM4TR3SqJ4uY":-1},"/nuxt/nuxt.com/486"]