{"version":"2.1.224","anchor":"published-artifacts-handle-a-third-theme-state","canonical_anchor":"published-artifacts-handle-a-third-theme-state","heading":"Published artifacts handle a third theme state","tier":"notice","area":"Artifacts","scope":null,"heads_up":null,"url":"https:\/\/changelogs.core-directive.com\/v\/2.1.224\/e\/published-artifacts-handle-a-third-theme-state","release_url":"https:\/\/changelogs.core-directive.com\/v\/2.1.224","markdown":"### Published artifacts handle a third theme state\n\nPublished pages now handle an unstamped theme, so they respect your browser's light or dark setting.\n\n**What**\n\nThe publishing prompt and the artifact-design guidance now treat the viewer as having three theme states rather than two: explicitly dark, explicitly light, and an unstamped default where only the browser's `prefers-color-scheme` decides. Generated pages are told to define a full light palette on `:root`, guard the dark media block so an explicit light choice wins, add a dark override, and set an explicit background on `body` so a transparent page does not pick up the host's colour.\n\n**Evidence**\n\n`guarded as \\`:root:not([data-theme=\"light\"])\\``\n\n- Area: Artifacts\n- Tier: You'll notice\n- Useful: 3\/5\n- Signal: 2\/5"}