Skip to content

style(ui): style histogram, adjust alignment on Match page, add futuristic font#3354

Merged
howardchung merged 21 commits into
odota:masterfrom
marktoh:feature/style-ui
Jul 13, 2026
Merged

style(ui): style histogram, adjust alignment on Match page, add futuristic font#3354
howardchung merged 21 commits into
odota:masterfrom
marktoh:feature/style-ui

Conversation

@marktoh

@marktoh marktoh commented Jul 5, 2026

Copy link
Copy Markdown
Contributor

Changes

  • Abstract Grid component
  • Style Histogram
  • Adjust alignment on Match Page
  • Add futuristic font, Quantico

@marktoh marktoh changed the title feat(ui): style histogram style(ui): style histogram, adjust alignment on Match page, add futuristic font Jul 6, 2026
Comment thread index.html
@@ -73,6 +73,10 @@
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@400;600;700;800&display=swap"

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Have we considered using sans-serif fonts only? I've noticed that we have a mix currently

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes. The use of sans-serif fonts with serif fonts are to help with contrast and visual hierarchy.

See here: https://elements.envato.com/learn/combining-serif-sans-serif-fonts

@howardchung
howardchung merged commit 46613b8 into odota:master Jul 13, 2026
1 check passed
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.

2 participants