hanzoai/o11y
2
0
Fork 0
mirror of https://github.com/hanzoai/o11y.git synced 2026-10-15 12:58:33 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(font): ask for the face this app actually ships

Browse Source 
styles.scss sets Zen from @hanzo/font, and that package declares Zen, Zen Mono
and the Zen Pixel cuts — never Inter. Yet 79 declarations across 28 stylesheets,
the trace flamegraph's canvas label constant and the README banner all still
asked for Inter, and nothing here ships an @font-face for it. Those surfaces did
not fall back to Zen, they fell through to the browser default; the flamegraph
also measured its labels in a face it was not drawing.

The lockfile still pinned 1.8.0 while package.json asked for ^1.8.12, so the
CI=1 pnpm install in the Makefile had nothing consistent to resolve.
This commit is contained in:
zeekay
2026-08-28 08:55:08 -07:00
parent 8a88d083ae
commit e5aba57b94
32 changed files with 91 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.github/hero.svg
+4 -4
View File
@@ -1,9 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-label="o11y">
<rect width="1280" height="640" fill="#0A0A0A"/>
<svg x="96" y="215" width="210" height="210" viewBox="0 0 67 67"><path d="M22.21 67V44.6369H0V67H22.21Z" fill="#fff"/><path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#fff"/><path d="M22.21 0H0V22.3184H22.21V0Z" fill="#fff"/><path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#fff"/><path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#fff"/></svg>
<text x="378" y="276" font-family="Inter,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">o11y</text>
<text x="378" y="322" font-family="Inter,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">O11y is an open-source observability platform native to OpenTelemetry…</text>
<text x="378" y="276" font-family="Zen,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">o11y</text>
<text x="378" y="322" font-family="Zen,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">O11y is an open-source observability platform native to OpenTelemetry…</text>
<rect x="378" y="338" width="806" height="3" rx="1.5" fill="#ffffff" opacity=".9"/>
<text x="378" y="390" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/hanzoai</text>
<text x="1184" y="390" text-anchor="end" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">hanzo.ai</text>
<text x="378" y="390" font-family="Zen,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/hanzoai</text>
<text x="1184" y="390" text-anchor="end" font-family="Zen,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">hanzo.ai</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

frontend/package.json
+1 -1
View File
@@ -47,7 +47,7 @@
"@dnd-kit/sortable": "8.0.0",
"@dnd-kit/utilities": "3.2.2",
"@grafana/data": "^11.6.14",
"@hanzo/font": "^1.8.12",
"@hanzo/font": "^1.9.1",
"@hanzo/gui": "^8.0.1",
"@hanzo/insights": "^1.358.1",
"@hanzo/ui": "^8.0.39",
frontend/pnpm-lock.yaml
Generated
+6 -7
View File
@@ -63,8 +63,8 @@ importers:
specifier: ^11.6.14
version: 11.6.14([email protected]([email protected]))([email protected])
'@hanzo/font':
specifier: ^1.8.0
version: 1.8.0([email protected](@babel/[email protected])(@opentelemetry/[email protected])(@playwright/[email protected])([email protected])([email protected]([email protected]))([email protected])([email protected]))
specifier: ^1.9.1
version: 1.9.1([email protected](@babel/[email protected])(@opentelemetry/[email protected])(@playwright/[email protected])([email protected])([email protected]([email protected]))([email protected])([email protected]))
'@hanzo/gui':
specifier: ^8.0.1
version: 8.0.1([email protected]([email protected]))([email protected](@babel/[email protected])(@react-native/[email protected](@babel/[email protected]))(@types/[email protected])([email protected]))([email protected])
@@ -1819,8 +1819,8 @@ packages:
react:
optional: true
'@hanzo/font@1.8.0':
resolution: {integrity: sha512-6xP+E37OMTciZqQXf5oTMXdBXYaruimdxyDMkR5wzqrlo5WDdzn4a/bnd+JXLNbdo8y0Y2Qn76zZ0dDjfKGvdQ==}
'@hanzo/font@1.9.1':
resolution: {integrity: sha512-fZv8lzxUnz8g7SUP6yPoE1qKwJ6/yR0+PFhud5Vv6lEfxFdGCbsl3q86T6ZntzkC8ohoojXnNuhDAzvZCNVcCw==}
peerDependencies:
next: '>=13.2.0'
@@ -8942,6 +8942,7 @@ packages:
[email protected]:
resolution: {integrity: sha512-KaG6IbjD6fYhagUtIvOzhftXG+ViKZjCjADe86X1KHl7C/dsBN2z0mi14nbvZKTkp0RKiil9RPcJBgq3LnoA8g==}
deprecated: 'Ships stray files that were never in the repo: an ip_fetcher binary and its curl-sample source (1.5.0-1.5.3), plus a yarn-error.log containing local paths (1.5.3). Upgrade to 1.5.4, which is byte-identical apart from removing them. See https://github.com/react-grid-layout/react-grid-layout/issues/2269'
peerDependencies:
react: '>= 16.3.0'
react-dom: '>= 16.3.0'
@@ -12010,7 +12011,7 @@ snapshots:
optionalDependencies:
react: 19.2.7
'@hanzo/font@1.8.0([email protected](@babel/[email protected])(@opentelemetry/[email protected])(@playwright/[email protected])([email protected])([email protected]([email protected]))([email protected])([email protected]))':
'@hanzo/font@1.9.1([email protected](@babel/[email protected])(@opentelemetry/[email protected])(@playwright/[email protected])([email protected])([email protected]([email protected]))([email protected])([email protected]))':
dependencies:
next: 16.2.1(@babel/[email protected])(@opentelemetry/[email protected])(@playwright/[email protected])([email protected])([email protected]([email protected]))([email protected])([email protected])
@@ -14864,9 +14865,7 @@ snapshots:
metro-runtime: 0.84.4
transitivePeerDependencies:
- '@babel/core'
- bufferutil
- supports-color
- utf-8-validate
'@react-native/[email protected]': {}
frontend/src/components/CloudIntegrations/CloudServiceDataCollected/CloudServiceDataCollected.styles.scss
+1 -1
View File
@@ -17,7 +17,7 @@
color: var(--l2-foreground);
/* Bifrost (Ancient)/Content/sm */
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
frontend/src/components/DownloadOptionsMenu/DownloadOptionsMenu.styles.scss
+2 -2
View File
@@ -14,7 +14,7 @@
.title {
display: flex;
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: 500;
@@ -33,7 +33,7 @@
:global(.ant-radio-wrapper) {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
}
}
frontend/src/components/LogsFormatOptionsMenu/LogsFormatOptionsMenu.styles.scss
+1 -1
View File
@@ -270,7 +270,7 @@
.edit-columns-text {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.styles.scss
+1 -1
View File
@@ -32,7 +32,7 @@
color: var(--l2-foreground);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-normal);
font-family: Inter, sans-serif;
font-family: 'Zen', sans-serif;
padding: 0 var(--padding-7);
gap: var(--spacing-3);
box-shadow: none;
frontend/src/components/cmdKPalette/cmdKPalette.scss
+1 -1
View File
@@ -53,7 +53,7 @@
cursor: pointer;
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
frontend/src/container/DashboardContainer/DashboardSettings/General/GeneralSettings.module.scss
+7 -7
View File
@@ -18,7 +18,7 @@
.crossPanelSyncSectionTitle {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-weight: 500;
line-height: 20px;
@@ -82,7 +82,7 @@
.crossPanelSyncTitle {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-weight: 400;
line-height: 20px;
@@ -90,7 +90,7 @@
.crossPanelSyncDescription {
color: var(--l3-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-weight: 400;
line-height: 20px;
@@ -148,7 +148,7 @@
.dashboardName {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -193,7 +193,7 @@
.unsavedChanges {
color: var(--bg-robin-400);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -209,7 +209,7 @@
.discardBtn {
margin: '16px 0';
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -219,7 +219,7 @@
.saveBtn {
margin: 0px !important;
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
frontend/src/container/InfraMonitoringHosts/InfraMonitoringHosts.module.scss
+1 -1
View File
@@ -151,7 +151,7 @@
.infraMonitoringTags {
width: fit-content;
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: 500;
frontend/src/container/InfraMonitoringHosts/table.module.scss
+1 -1
View File
@@ -30,7 +30,7 @@
.statusTag {
width: fit-content;
font-family: Inter, sans-serif;
font-family: 'Zen', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
frontend/src/container/InfraMonitoringK8s/EntityDetailsUtils/EntityEvents/EntityEvents.module.scss
+1 -1
View File
@@ -54,7 +54,7 @@
background: var(--card);
border-bottom: none;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-style: normal;
font-weight: 600;
letter-spacing: 0.44px;
frontend/src/container/Integrations/CloudIntegration/AmazonWebServices/EditAccount/AccountSettingsModal.style.scss
+2 -2
View File
@@ -70,7 +70,7 @@
color: var(--l2-foreground);
background-color: transparent;
border: none;
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-weight: 400;
line-height: 18px;
@@ -90,7 +90,7 @@
&-close-button,
&-save-button {
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-weight: 500;
padding-left: 16px;
frontend/src/container/Integrations/CloudIntegration/AmazonWebServices/ServiceDetails/ServiceDetails.styles.scss
+6 -6
View File
@@ -27,7 +27,7 @@
color: var(--l2-foreground);
/* Bifrost (Ancient)/Content/sm */
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -63,7 +63,7 @@
.aws-service-details-overview-configuration-title-text {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
@@ -127,7 +127,7 @@
.aws-service-details-overview-configuration-title-text-select-all {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
@@ -160,7 +160,7 @@
gap: 8px;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 500;
@@ -191,7 +191,7 @@
.aws-service-dashboard-item-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 500;
@@ -201,7 +201,7 @@
.aws-service-dashboard-item-description {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
frontend/src/container/Integrations/CloudIntegration/ServiceDashboards/ServiceDashboards.styles.scss
+3 -3
View File
@@ -10,7 +10,7 @@
gap: 8px;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 500;
@@ -63,7 +63,7 @@
.aws-service-dashboard-item-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 500;
@@ -80,7 +80,7 @@
.aws-service-dashboard-item-description {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
frontend/src/container/Integrations/CloudIntegration/ServiceTabs/ServicesTabs.style.scss
+7 -7
View File
@@ -80,7 +80,7 @@
background-color: var(--l3-background) !important;
border: 1px solid var(--l1-border) !important;
color: var(--l2-foreground) !important;
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
}
@@ -118,7 +118,7 @@
.aws-services-list-view-sidebar-content-header {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: 600;
@@ -129,7 +129,7 @@
.aws-services-list-view-sidebar-content-item-empty-message {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: 400;
@@ -154,7 +154,7 @@
.aws-services-list-view-sidebar-content-item-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
@@ -163,7 +163,7 @@
&:hover {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
@@ -172,7 +172,7 @@
&.active {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
@@ -357,7 +357,7 @@
&-btn {
padding: 10px 24px;
color: var(--l2-foreground) !important;
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-weight: 400;
line-height: 18px; /* 150% */
frontend/src/container/Integrations/IntegrationDetailPage/IntegrationDetailPage.styles.scss
+14 -14
View File
@@ -67,7 +67,7 @@
flex-direction: column;
.heading {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 500;
@@ -77,7 +77,7 @@
.description {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
@@ -99,7 +99,7 @@
border: 1px solid var(--l3-border);
background: var(--primary-background);
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -125,7 +125,7 @@
.connection-text {
margin: 0px;
padding: 0px 0px 0px 10px;
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -177,7 +177,7 @@
.typography {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -225,7 +225,7 @@
.heading {
color: var(--callout-error-title);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -235,7 +235,7 @@
.subtitle {
color: var(--callout-error-description);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -254,7 +254,7 @@
justify-content: center;
color: var(--l1-foreground);
text-align: center;
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -334,7 +334,7 @@
.ant-modal-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 500;
@@ -344,7 +344,7 @@
.remove-integration-text {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -387,7 +387,7 @@
background: var(--l2-background);
box-shadow: none;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
@@ -403,7 +403,7 @@
.configureBtn {
width: 50%;
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
@@ -449,7 +449,7 @@
.connection-text {
margin: 0px;
padding: 0px 0px 0px 10px;
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -478,7 +478,7 @@
.last-data {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
frontend/src/container/Integrations/IntegrationsHeader/IntegrationsHeader.styles.scss
+1 -1
View File
@@ -53,7 +53,7 @@
.request-integration-form-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 400;
frontend/src/container/Integrations/IntegrationsList/IntegrationsList.styles.scss
+3 -3
View File
@@ -5,7 +5,7 @@
.integrations-list-title {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -69,7 +69,7 @@
.integrations-list-header-title {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -105,7 +105,7 @@
flex: 1;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: 600;
frontend/src/container/Integrations/OneClickIntegrations/OneClickIntegrations.styles.scss
+1 -1
View File
@@ -60,7 +60,7 @@
.one-click-integrations-list-item-title-text {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 13px;
font-style: normal;
font-weight: 500;
frontend/src/container/ListAlertRules/AlertsEmptyState/AlertsEmptyState.module.scss
+6 -6
View File
@@ -58,7 +58,7 @@
.emptyAlertAction {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -68,7 +68,7 @@
.emptyInfo {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 500;
@@ -115,7 +115,7 @@
:global(.ant-typography) {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
@@ -149,7 +149,7 @@
.alertCardTextHeader {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 500;
@@ -159,7 +159,7 @@
.alertCardTextSubheader {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 400;
@@ -168,7 +168,7 @@
.infoText {
color: var(--primary);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-style: normal;
font-weight: 500;
frontend/src/container/ListOfDashboard/DashboardActions.module.scss
+1 -1
View File
@@ -10,7 +10,7 @@
align-items: center;
gap: 6px;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12px;
font-weight: 400;
line-height: normal;
frontend/src/container/NewWidget/RightContainer/SettingSections/GeneralSettingsSection/GeneralSettingsSection.styles.scss
+2 -2
View File
@@ -12,7 +12,7 @@
border: 1px solid var(--l1-border);
background: var(--l2-background);
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -32,7 +32,7 @@
border: 1px solid var(--l1-border);
background: var(--l2-background);
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
frontend/src/container/SideNav/SideNav.styles.scss
+1 -1
View File
@@ -631,7 +631,7 @@
'cpsp' on,
'dlig' on,
'salt' on;
font-family: Inter;
font-family: 'Zen';
font-size: 9px;
font-style: normal;
font-weight: 300;
frontend/src/pages/DashboardsListPageV2/DashboardsListPageV2.module.scss
+1 -1
View File
@@ -26,7 +26,7 @@
.text {
color: var(--muted-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
frontend/src/pages/DashboardsListPageV2/components/ConfigureMetadataModal/ConfigureMetadataModal.module.scss
+3 -3
View File
@@ -28,7 +28,7 @@
.previewTitle {
color: var(--l1-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12.805px;
font-style: normal;
font-weight: var(--font-weight-medium);
@@ -57,7 +57,7 @@
}
.formattedTimeText {
font-family: Inter;
font-family: 'Zen';
font-size: 12.805px;
font-style: normal;
font-weight: var(--font-weight-normal);
@@ -90,7 +90,7 @@
.userLabel {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 12.805px;
font-weight: var(--font-weight-normal);
line-height: 16.463px;
frontend/src/pages/DashboardsListPageV2/components/DashboardRow/DashboardRow.module.scss
+3 -3
View File
@@ -76,7 +76,7 @@
background: color-mix(in srgb, var(--bg-sienna-500) 10%, transparent);
color: var(--bg-sienna-400);
text-align: center;
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
@@ -98,7 +98,7 @@
align-items: center;
gap: 6px;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-xs);
font-weight: var(--font-weight-normal);
line-height: 18px;
@@ -131,7 +131,7 @@
.byLabel {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-xs);
font-weight: var(--font-weight-normal);
line-height: 18px;
frontend/src/pages/DashboardsListPageV2/components/ListHeader/ListHeader.module.scss
+4 -4
View File
@@ -13,7 +13,7 @@
.label {
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
@@ -65,7 +65,7 @@
.sortHeading {
color: var(--l3-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 11px;
font-style: normal;
font-weight: var(--font-weight-semibold);
@@ -89,7 +89,7 @@
align-items: center;
width: 100%;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
@@ -116,7 +116,7 @@
border: none;
border-radius: 4px;
color: var(--l2-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-weight: var(--font-weight-normal);
line-height: normal;
frontend/src/pages/DashboardsListPageV2/components/states/states.module.scss
+1 -1
View File
@@ -13,7 +13,7 @@
}
.bodyText {
font-family: Inter;
font-family: 'Zen';
font-size: var(--font-size-sm);
font-style: normal;
line-height: 18px;
frontend/src/pages/TraceDetailsV3/TraceFlamegraph/constants.ts
+1 -1
View File
@@ -13,7 +13,7 @@ export const EVENT_DOT_SIZE_RATIO = EVENT_DOT_SIZE / SPAN_BAR_HEIGHT;
export const MIN_EVENT_DOT_SIZE = 4;
export const MAX_EVENT_DOT_SIZE = EVENT_DOT_SIZE;
export const LABEL_FONT = '500 11px Inter, sans-serif';
export const LABEL_FONT = '500 11px Zen, sans-serif';
export const LABEL_PADDING_X = 8;
export const MIN_WIDTH_FOR_NAME = 30;
export const MIN_WIDTH_FOR_NAME_AND_DURATION = 80;
frontend/src/pages/TraceDetailsV3/TraceWaterfall/TraceWaterfallStates/Error/Error.module.scss
+1 -1
View File
@@ -11,7 +11,7 @@
.text,
.value {
color: var(--destructive-foreground);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
frontend/src/pages/TraceDetailsV3/TraceWaterfall/TraceWaterfallStates/Success/Success.module.scss
+3 -3
View File
@@ -65,7 +65,7 @@
align-items: center;
gap: 8px;
color: var(--bg-robin-400);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -75,7 +75,7 @@
.text {
color: var(--bg-robin-400);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;
@@ -89,7 +89,7 @@
justify-content: center;
gap: 8px;
color: var(--bg-robin-400);
font-family: Inter;
font-family: 'Zen';
font-size: 14px;
font-style: normal;
font-weight: 400;