Skip to content

M3 design updates#708

Open
WalkQuackBack wants to merge 3 commits into
GrapheneOS:mainfrom
WalkQuackBack:m3-design-updates
Open

M3 design updates#708
WalkQuackBack wants to merge 3 commits into
GrapheneOS:mainfrom
WalkQuackBack:m3-design-updates

Conversation

@WalkQuackBack

Copy link
Copy Markdown

Updates the site to use CSS variables generated by material-color-utilities and adds some style updates to make the site match M3 design language better.

It also adds high contrast support, using a contrast value of 1 with material-color-utilities to match Android.

Buttons are always in outlined style, adding more variants is out of scope for this PR.

The variable font versions of Roboto and Roboto Mono are uploaded and switched to in this PR, but it can be split out into a different PR if needed. They were switched to allow the semibold font on buttons to work.

attestation app_ attestation app_ (1) attestation app_ (2) attestation app_ (3)

Updates the site to use CSS variables generated by material-color-utilities and adds some style updates to make the site match M3 design language better.

Buttons are always in outlined style, adding more variants is out of scope for this PR.

The variable font versions of Roboto and Roboto Mono are uploaded and switched to in this PR, but it can be split out into a different PR if needed. They were switched to allow the semibold font on buttons to work.
Add media hover clause to hover colour changes so they don't trigger when using a touchscreen
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant