userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

refactor(google): add a lot of styles to ogs, use and add gm3 tokens for modern component styling

Open WalkQuackBack opened this issue 9 months ago • 1 comments

🔧 What does this fix? 🔧

As of now, the ogs Google dialogue is not themed very consistently and a lot of elements are unthemed.

Before:

Screenshot 2025-03-26 164723 Colour on focused border and elevated card background

Screenshot 2025-03-26 164915 Accent colour, state layer on hairline/outlined button, accent colour, state layer, background on tonal button, accent colour on icons, background and text on badges, text on dismiss icon

After:

image

image

This refactor attempts to make styling more consistent by directly using and modifying the CSS bundles that are provided by Google, decreasing the chance that styles are missed and making the look more consistent.

🗒 Checklist 🗒

WalkQuackBack avatar Mar 26 '25 23:03 WalkQuackBack

Waiting on decision of how organization handles Google userstyles.

WalkQuackBack avatar Apr 05 '25 01:04 WalkQuackBack

Closing in favour of a shared library approach later down the line.

WalkQuackBack avatar Aug 08 '25 12:08 WalkQuackBack