Radix Theme Playground "Copy Theme" function Broken

[tekn0x]

https://www.radix-ui.com/themes/playground

When you click "Copy Theme" button at the bottom of the right window. All you get is: <Theme>

[St0ckfish]

Hello @tekn0x ,

I tested the "Copy Theme" functionality and it is working correctly. When I click on the "Copy Theme" button, it successfully copies the theme configuration with the selected settings.

Here is the output I got after testing:

<Theme accentColor="brown" panelBackground="solid" radius="small" scaling="105%">

It seems that everything is working as expected. You can also try changing some of the theme settings (like accent color, radius, scaling) to test further.

[chanthinh]

Hi @St0ckfish ,

When you refresh the page and click the "Copy Theme" button without clicking anything else, it will return <Theme>.

[Eloquence98]

@chanthinh is correct. This looks like expected behavior, but the UX is a bit confusing.

The "Copy Theme" button only outputs values that differ from the defaults. Since the page loads with everything set to default, clicking it right away just returns <Theme>. That's technically correct (it means "use all defaults"), but it's not very obvious from a user's perspective.

As you start changing settings, only the non-default ones show up in the output:

• <Theme> → all defaults
• <Theme grayColor="mauve"> → gray changed
• <Theme grayColor="mauve" radius="full"> → gray + radius

The confusing part is that users can clearly see values selected in the UI and naturally expect them to be included in the copied code. So when they get just <Theme>, it can feel broken even though it's valid.

A possible UX improvement could be showing a small hint like "All settings are default" when the output is empty, or adding a short comment in the copied code explaining this behavior.