1861505 - Replace --in-content-button variables with button Design Tokens

Status: ASSIGNED

(Toolkit :: Themes, task)

Description

[Mark Striemer [:mstriemer]]

Once we have the --in-content-button-* variables being defined from the tokens in bug 1835869 then the existing uses of --in-content-button-* variables can be replaced with our --button-* Design Token variables

Comment 1

[Mark Striemer [:mstriemer]]

Attachment: Bug 1861505 - Remove --in-content-button* variables r?#desktop-theme-reviewers

Depends on D188123

Comment 2

[Dão Gottwald [:dao]]

This doesn't depend on bug 1835869 anymore.

Comment 3

[Mark Striemer [:mstriemer]]

I used this script to rename the variables before, could be useful again

1. Download the two files
2. cat in-content-button-renames.txt | xargs -I % sh -c 'bash rename-css-var.sh %'
3. Remove or verify the assignments that were updated
   ** This can probably be removed: --button-text-color: var(--in-content-text-color);
   ** This can definitely be removed: --button-background-color: color-mix(in srgb, currentColor 7%, transparent);
   ** Unsure here, probably fine but maybe worth refactoring the styles (blockedSite.css): --button-background-color: transparent;