Make it easier to debug theme settings to css colours

Created on 11 July 2024, about 2 months ago
Updated 15 July 2024, about 2 months ago

Problem/Motivation

As a site builder, I want to map css variables back to the theme settings page, so that I can easily debug and adjust theme settings during the site building process.

I tried to set some colors in the theme so that I could clearly see how the theme settings correspond to the front end. It actually wasn't that easy, and it would be a lot easier if the theme settings showed one or more of:

  • hex
  • rgb
  • variable names

In the screenshots I show how setting wild colours it still isn't easy to tell which color "promo background" and it could be a lot more obvious if the theme settings simply showed the variable names.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Active

Version

1.8

Component

Code

Created by

🇦🇺Australia sime Canberra

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024