1
0
mirror of https://github.com/Unleash/unleash.git synced 2026-01-05 20:06:22 +01:00
unleash.unleash/frontend/index.html
Healsi 53c57ff1c4
Chore: Tweaks to typography (#11103)
## About the changes
The purpose of the changes are to increase consistency and readability in the UI. The changes are mainly related to the styling of typographic elements.

##Details: 
- Update theme typography: add fontWeightRegular, set medium weight to 500, update headers to fontWeight 700
- Standardize font sizes: apply body2 variant to navigation links, buttons, tabs, and sidebar
- Enhance visual hierarchy: make selected navigation items, current breadcrumb page, and page headers bold
- Update component styling:
  * Navigation: bold selected menu items, medium weight for links
  * Buttons: body2 font size, bold font weight
  * Tables: medium weight headers (bold when sorted), bold feature flag names
  * Tabs: body2 font size, bold environment names
  * Projects page: bold titles, project names, and card titles
  * UserProfile: reduce avatar size, update spacing, use body2 with medium weight
- Replace deprecated fontSizes with typography.fontSize throughout
- Update Google Fonts Sen import to include weight 500
2025-12-18 14:55:45 +00:00

30 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="::faviconPrefix::/favicon.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="baseUriPath" content="::baseUriPath::" />
<meta name="cdnPrefix" content="::cdnPrefix::" />
<meta name="uiFlags" content="::uiFlags::" />
<meta name="unleashToken" content="::unleashToken::" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="unleash" />
<title>Unleash</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Sen:wght@400;500;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
/>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>