\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 !",[3145],{"name":3146,"color":3147},"question","d876e3",4704,"nuxt","ui","open","Light theme, neutral color contrast","2025-08-11T14:53:37Z","https://github.com/nuxt/ui/issues/4704",0.71379435,{"description":3157,"labels":3158,"number":3171,"owner":3149,"repository":3149,"state":3172,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### Environment\n\nIt's not particularly relevant to the docs y'all host, but if you want to know, here's my environment info:\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `title`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://nuxt.com/modules/i18n\r\nhttps://nuxt.com/modules/tailwindcss\n\n### Describe the bug\n\nCode snippets' text is in a mid-to-dark grey, dark blue, and dark orange on a black background making them neigh impossible to read. (The bright blue `>` prompts on the black background also cause my eyes to wig out a bit, but that might just be me. The contrast definitely isn't.)\r\n\r\n\u003Cimg width=\"1456\" alt=\"lighthouse\" src=\"https://user-images.githubusercontent.com/7552754/206815045-19717335-9107-4f9e-9989-ee0a233f1227.png\">\r\n\r\n\r\n\r\n\r\n\n\n### Additional context\n\nThis is happening in both Firefox 107.0.1 and Chrome 108.0.5359.98 on macOS 10.15.7 with the operating system set to \"Light\" Appearance.\n\n### Logs\n\n_No response_",[3159,3162,3165,3168],{"name":3160,"color":3161},"documentation","5319e7",{"name":3163,"color":3164},"3.x","29bc7f",{"name":3166,"color":3167},"pending triage","E99695",{"name":3169,"color":3170},"⛔️ can be closed","484893",15619,"closed","Module Docs: Almost no contrast on code snippets","2023-02-14T08:34:55Z","https://github.com/nuxt/nuxt/issues/15619",0.49888533,{"description":3178,"labels":3179,"number":3183,"owner":3149,"repository":3149,"state":3172,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Environment\n\n-\n\n### Reproduction\n\nhttps://nuxt.com/modules/tailwindcss\r\nhttps://nuxt.com/modules/nuxt-viewport\n\n### Describe the bug\n\nUsing the light theme we get code highlighting bug\r\n\u003Cimg width=\"1048\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643486-d93875f9-5281-4b09-9ac0-f9c964502058.png\">\r\n\u003Cimg width=\"1046\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643580-8d1c222f-3c4c-456a-b00a-a9746e1bd92e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3180,3181,3182],{"name":3160,"color":3161},{"name":3163,"color":3164},{"name":3166,"color":3167},15531,"docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.64521927,{"description":3189,"labels":3190,"number":3193,"owner":3149,"repository":3149,"state":3172,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\nThis issue relates to documentation\n\n### Reproduction\n\nThis issue relates to documentation\n\n### Describe the bug\n\nOn documentation module, when i am on a module page : I have a problem when i want to see code blocks. Colors rendering is weird.\r\n\r\nFor exemple here on [nuxt/webvitals module docs](https://nuxt.com/modules/web-vitals)\r\n\r\n\n\n### Additional context\n\nMy configuration: \r\n- Mozilla Firefox v 107.0 (64 bits)\r\n- Macbook Pro M2 2022\n\n### Logs\n\n_No response_",[3191,3192],{"name":3163,"color":3164},{"name":3166,"color":3167},15566,"Docs: code blocks aren't displayed correctly on modules documentations","2023-01-19T17:54:32Z","https://github.com/nuxt/nuxt/issues/15566",0.6530587,{"description":3199,"labels":3200,"number":3203,"owner":3149,"repository":3149,"state":3172,"title":3204,"updated_at":3205,"url":3206,"score":3207},"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",[3201,3202],{"name":3160,"color":3161},{"name":3163,"color":3164},15501,"Colorscheme of code blocks in light mode seems unclear","2023-02-15T13:09:14Z","https://github.com/nuxt/nuxt/issues/15501",0.6678151,{"description":3209,"labels":3210,"number":3217,"owner":3149,"repository":3150,"state":3172,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Environment\r\n\r\n- \"@nuxt/ui\": \"^2.18.6\",\r\n- \"nuxt\": \"^3.13.2\",\r\n- \"vue\": \"^3.5.10\",\r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/guirak/NuxtUiTailwindContentPurgedAtFirstLaunch\r\n\r\n### Description\r\n\r\nHello,\r\n\r\nI'm having a important nuxt ui mono repo project and I'm encountering problems with nuxt/ui since version 6.12.0 of @nuxtjs/tailwindcss. \r\n\r\nI was forced to stay in an old version of nuxt/ui to don't have the problem : \r\n\r\n```\r\n \"pnpm\": {\r\n \"overrides\": {\r\n \"@nuxtjs/tailwindcss\": \"6.11.4\",\r\n \"@nuxt/ui\": \"2.15.2\"\r\n }\r\n },\r\n```\r\n\r\n# What happens ? \r\n\r\nAt first launch, css classes used in nuxt ui components are not correctly taken into account. \r\nIt's necessary to restart a second time the app to have the correct display\r\n\r\nThe bug is present since the version 6.12.0 of nuxtjs/tailwindcss. Maybe some effect of the First Class HMR.\r\n\r\n## Step to reproduce \r\n\r\nThe code at the following link is a minimal reproduction of my project structure : https://github.com/guirak/NuxtUiTailwindContentPurgedAtFirstLaunch\r\n\r\n- From the root project path, launch the following command : \r\n\r\n```bash\r\n# Clear the build \r\n./scripts/CleanProject.bash\r\n\r\n# Install and prepare \r\npnpm i; pnpm run dev:prepare\r\n\r\n# Launch the app\r\ncd apps/mmi-order-front-office\r\npnpm run dev\r\n```\r\n\r\n**The tailwind classes used in apps and modules are correctly displayed but the tailwind classes defined in the nuxt-ui components are not taken into account.**\r\n\r\n\r\n\r\n- Stop and restart the server\r\n\r\n```bash\r\npnpm run dev\r\n```\r\n\r\n**All tailwind classes are correctly taken into account.**\r\n\r\n\r\n\r\n\r\n\r\nThe problem is present too when building the prod version with **pnpm run build**\r\n\r\n\r\nThe problem seems to happens when using nuxt ui in a nuxt module. Please, have you any ideas, to solve this problem. \r\n\r\n\r\nThank you\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3211,3214],{"name":3212,"color":3213},"bug","d73a4a",{"name":3215,"color":3216},"upstream","78bddb",2282,"Since Tailwind First Class HMR, nuxt-ui components css classes not taken into account at first launch","2024-10-18T09:16:15Z","https://github.com/nuxt/ui/issues/2282",0.6959491,{"description":3223,"labels":3224,"number":3231,"owner":3149,"repository":3150,"state":3172,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nAdd `code` to `defineLocale`, it comes in handy in several components:\n\n* https://www.radix-vue.com/components/number-field.html\n* https://www.radix-vue.com/components/calendar.html\n\nYou need to pass the `locale` property there, you can get it from `defineLocale`\n\n### Additional context\n\n_No response_",[3225,3228],{"name":3226,"color":3227},"enhancement","a2eeef",{"name":3229,"color":3230},"v3","49DCB8",2610,"Provide `code` on `defineLocale`","2024-11-12T11:57:53Z","https://github.com/nuxt/ui/issues/2610",0.69921106,{"description":3237,"labels":3238,"number":3241,"owner":3149,"repository":3149,"state":3172,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.9.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `npm@8.19.1`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nThis is the config file used\r\n// https://v3.nuxtjs.org/api/configuration/nuxt.config\r\nexport default defineNuxtConfig({\r\n modules: ['@nuxtjs/color-mode', '@nuxtjs/tailwindcss'],\r\n colorMode: {\r\n classSuffix: ''\r\n },\r\n app: {\r\n head : {\r\n title: 'My App',\r\n titleTemplate: '%s - ExamGOAL Notes',\r\n script: [\r\n {\r\n src: '/mathjax.js',\r\n },\r\n {\r\n src: 'https://polyfill.io/v3/polyfill.min.js?features=es6',\r\n },\r\n {\r\n src: 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-svg.js'\r\n }\r\n ],\r\n link: [\r\n {\r\n rel: 'stylesheet',\r\n href: 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'\r\n }\r\n ],\r\n noscript: [\r\n { children: 'Javascript is required' }\r\n ]\r\n }\r\n },\r\n})\r\n\n\n### Describe the bug\n\n\u003Ca href=\"https://ibb.co/xmh91xH\">\u003Cimg src=\"https://i.ibb.co/Q89SPyd/Screenshot-at-Sep-22-20-10-17.png\" alt=\"Screenshot-at-Sep-22-20-10-17\" border=\"0\">\u003C/a>\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3239,3240],{"name":3163,"color":3164},{"name":3212,"color":3213},15008,"Page head content are rendered two times ","2023-01-19T17:43:33Z","https://github.com/nuxt/nuxt/issues/15008",0.7013892,{"description":3247,"labels":3248,"number":3252,"owner":3149,"repository":3253,"state":3172,"title":3254,"updated_at":3255,"url":3256,"score":3257},"Hi! I've got a misterious problem with nuxt/fonts\nSometimes when deploy I get this kind of error (5 times out of 15 deploys)\n\nThat's not a versel bug, I've tried to run locally `npm run build` about 20 itmes and 5 of them ended up with the same error. \n\nMy configuration:\n\n `\"@nuxt/fonts\": \"0.10.2\"`\n`\"nuxt\": \"3.13.2\",`\n ```export default defineNuxtConfig({\n components: [\n {\n path: \"~/components\",\n global: true,\n },\n ],\n\n devtools: { enabled: false },\n\n css: [\"~/assets/styles/_global.scss\"],\n\n modules: [\n \"@nuxt/fonts\",\n \"nuxt-icons\",\n \"@nuxt/eslint\",\n \"nuxt-quasar-ui\",\n \"@pinia/nuxt\",\n \"@nuxtjs/device\",\n \"@nuxt/image\",\n \"@nuxtjs/seo\",\n \"@nuxtjs/robots\",\n \"nuxt-schema-org\",\n \"nuxt-link-checker\",\n \"@nuxtjs/sitemap\",\n \"nuxt-seo-experiments\",\n \"@nuxtjs/i18n\",\n \"@nuxt/scripts\",\n ],\n\n plugins: [\n \"~/plugins/rest-api.js\",\n { src: \"~/plugins/sentry.ts\", mode: \"client\" },\n { src: \"~/plugins/error-handler.ts\", mode: \"client\" },\n { src: \"~/plugins/image-error.ts\", mode: \"client\" },\n ],\n\n // scripts\n $production: {\n },\n\n $development: {\n },\n\n //SEO\n sitemap: {\n enabled: true,\n urls: async () => await getSiteMap(),\n defaults: {\n changefreq: \"daily\",\n priority: 1,\n lastmod: new Date(),\n },\n },\n robots: {\n enabled: true,\n disallow: [\"/admin\", \"/ui-kit\", \"/profile\", \"/third-party-auth\"],\n allow: \"/\",\n },\n ogImage: {\n enabled: false,\n },\n schemaOrg: {\n enabled: true,\n identity: {\n },\n defaults: false,\n reactive: true,\n },\n seo: {\n automaticDefaults: false,\n fallbackTitle: false,\n },\n linkChecker: {\n enabled: true,\n },\n seoExperiments: {\n enabled: true,\n },\n\n site: {\n\n },\n\n app: {\n head: {\n },\n },\n //SEO\n\n //images\n image: {\n format: [\"webp\", \"png\", \"svg\"],\n },\n //images\n\n //langs\n i18n: {\n legacy: false,\n locales: [\n {\n code: \"en\",\n name: \"English\",\n iso: \"en-US\",\n file: \"en.json\",\n },\n {\n code: \"de\",\n name: \"Deutsch\",\n iso: \"de-DE\",\n file: \"de.json\",\n },\n ],\n messages: {\n en: {},\n },\n defaultLocale: \"en\",\n strategy: \"prefix_except_default\",\n lazy: true,\n langDir: \"locales/\",\n detectBrowserLanguage: {\n useCookie: true,\n cookieKey: \"i18n_redirected\",\n alwaysRedirect: true,\n fallbackLocale: \"en\",\n },\n },\n //langs\n\n //vite\n vite: {\n css: {\n preprocessorOptions: {\n scss: {\n additionalData: '@use \"~/assets/styles/variables/_mixins.scss\" as *;',\n },\n },\n },\n build: {\n sourcemap: true,\n rollupOptions: {\n output: {\n // manualChunks: undefined,\n },\n },\n // cssCodeSplit: false,\n },\n\n plugins: [\n sentryVitePlugin({\n }),\n ],\n },\n //vite\n\n //ui\n quasar: {\n lang: \"ru\",\n plugins: [\"Dialog\", \"Notify\", \"Loading\", \"AppVisibility\"],\n },\n //ui\n\n //env\n runtimeConfig: {\n devtools: {\n enabled: true,\n },\n public: {\n },\n },\n //env\n\n //nitro\n nitro: {\n prerender: {\n // crawlLinks: true,\n routes: [\"/sitemap.xml\", \"/robots.txt\"],\n },\n compressPublicAssets: true,\n },\n //nitro\n\n //prerender\n routeRules: {\n },\n //prerender\n\n router: {\n options: {\n scrollBehaviorType: \"smooth\",\n },\n },\n\n //build\n build: {\n analyze: true,\n },\n\n //build\n\n //hooks\n hooks: {\n // \"build:before\": () => {\n // console.log(\"Running ESLint...\");\n // try {\n // execSync(\"pnpm run lint\", { stdio: \"inherit\" });\n // } catch (error) {\n // console.error(\"ESLint found issues\");\n // }\n // },\n },\n //hooks\n\n //other\n typescript: {\n strict: true,\n },\n ssr: false,\n compatibilityDate: \"2024-11-10\",\n //other\n});\n```\n----------\n```\n.dm-sans {\n font-family: \"DM Sans\", sans-serif;\n font-optical-sizing: auto;\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Cabinet Grotesk\";\n src: url(\"~/assets/fonts/CabinetGrotesk-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"Cabinet Grotesk\";\n src: url(\"~/assets/fonts/CabinetGrotesk-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n}\n@font-face {\n font-family: \"DM Sans\";\n src: url(\"~/assets/fonts/DMSans-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"DM Sans\";\n src: url(\"~/assets/fonts/DMSans-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n}\n\n.cabinet-grotesk {\n font-family: \"Cabinet Grotesk\", sans-serif;\n font-optical-sizing: auto;\n font-weight: normal;\n font-style: normal;\n}\n```\n\nIs there any one with the similar problem? \n\n",[3249],{"name":3250,"color":3251},"duplicate","cfd3d7",408,"fonts","Family injection fetch failed","2024-12-05T02:26:06Z","https://github.com/nuxt/fonts/issues/408",0.7052388,{"labels":3259,"number":3262,"owner":3149,"repository":3149,"state":3172,"title":3263,"updated_at":3264,"url":3265,"score":3266},[3260,3261],{"name":3163,"color":3164},{"name":3212,"color":3213},12256,"Default 404 Page colors go back home not accessible.","2023-01-19T16:00:25Z","https://github.com/nuxt/nuxt/issues/12256",0.7099154,["Reactive",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOfpDqUE-vtD1ES6PSD_JzvRDwPOPYNZ5Ewf5T9aFsLo":-1},"/nuxt/nuxt/15823"]