Create a block theme swapping tool
mikemcalister opened this issue · comments
Without clear and followed standards for theme.json values, swapping between block themes is often a messy situation. Spacing, font sizes, and colors can be wildly different from theme to theme. Because so much of our content is now intertwined with the design, it's essential that we make theme transitions as smooth as possible.
One way of easing the transition would be to create a tool that lets users map values from an old and new theme and update them accordingly. For example, if your old theme had "slug": "large"
you could map that to a closer alternative in the new theme, "slug": "30"
and the values would be updated throughout the site/db accordingly.
Figma has a similar tool for fonts that is pretty intuitive. This interface could work fairly well here.
![missing-fonts-modal](https://private-user-images.githubusercontent.com/1415737/324953272-94a97bb0-b58a-4076-8d39-a7a8aa120ccc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5Njg4NjUsIm5iZiI6MTcyMzk2ODU2NSwicGF0aCI6Ii8xNDE1NzM3LzMyNDk1MzI3Mi05NGE5N2JiMC1iNThhLTQwNzYtOGQzOS1hN2E4YWExMjBjY2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MThUMDgwOTI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MmZlYjYyMjMwNTJiZDQyZTNhNGZkNGQxYTMxYTlmZDk5YzgzOTAwYWMzNTY5Nzc1ZDhjMzQ5YjE3NzUxYjUwZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.0_QIpRF90_vq3WlU5I1C7z4WI9DOzNfa_cjCpzaCFzg)
One limitation is there is no visual representation to see the difference between values so you can choose the best one. However, even as a developer tool, this would be quite valuable in helping us move the needle on block theme adoption.