commit c5bcfff63ec0216bfc7e42a2c843fa31d7bfaa87 parent ababa10142dd378f78d57101dad3c6831af3e12a Author: dwhisman <dwhisman@mozilla.com> Date: Mon, 3 Nov 2025 20:47:57 +0000 Bug 1992736 - Use font-weight tokens instead of keywords/raw values r=devtools-reviewers,nchevobbe Differential Revision: https://phabricator.services.mozilla.com/D270601 Diffstat:
8 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/devtools/client/aboutdebugging/src/base.css b/devtools/client/aboutdebugging/src/base.css @@ -88,18 +88,18 @@ /* Typography from Photon */ /* See https://firefox-dev.tools/photon/visuals/typography.html */ --body-10-font-size: 13px; - --body-10-font-weight: 400; + --body-10-font-weight: normal; --body-20-font-size: 15px; - --body-20-font-weight: 400; - --body-20-font-weight-bold: 700; + --body-20-font-weight: normal; + --body-20-font-weight-bold: var(--font-weight-bold); --caption-10-font-size: 11px; - --caption-10-font-weight: 400; + --caption-10-font-weight: normal; --caption-20-font-size: 13px; - --caption-20-font-weight: 400; + --caption-20-font-weight: normal; --display-10-font-size: 28px; - --display-10-font-weight: 600; + --display-10-font-weight: var(--font-weight-semibold); --title-20-font-size: 17px; - --title-20-font-weight: 600; + --title-20-font-weight: var(--font-weight-semibold); --title-30-font-size: 22px; /* Global layout vars */ @@ -108,7 +108,7 @@ /* Global styles */ --base-font-style: message-box; --base-font-size: var(--body-10-font-size); - --base-font-weight: var(--body-10-font-weight); + --base-font-weight: normal; --base-line-height: 1.8; --icon-label-font-size: var(--body-10-font-size); --message-font-size: var(--body-10-font-size); @@ -262,7 +262,7 @@ h1 { */ .alt-subheading { margin-block-start: calc(var(--base-unit) * 4); - font-weight: 600; + font-weight: var(--heading-font-weight); font-size: 1.14em; line-height: 1.4em; /* odd value - from common.inc.css */ diff --git a/devtools/client/aboutdebugging/src/components/App.css b/devtools/client/aboutdebugging/src/components/App.css @@ -33,7 +33,7 @@ grid-template-columns: var(--sidebar-width) auto; font-size: var(--base-font-size); - font-weight: var(--base-font-weight); + font-weight: var(--base-font-weight, normal); line-height: var(--base-line-height); } @@ -66,6 +66,6 @@ max-width: var(--page-main-content-width); min-width: min-content; font-size: var(--body-20-font-size); - font-weight: var(--body-20-font-weight); + font-weight: var(--body-20-font-weight, normal); padding-inline-end: var(--app-right-padding); } diff --git a/devtools/client/aboutdebugging/src/components/connect/ConnectPage.css b/devtools/client/aboutdebugging/src/components/connect/ConnectPage.css @@ -36,13 +36,13 @@ grid-area: status; line-height: 1; font-size: var(--caption-20-font-size); - font-weight: var(--caption-20-font-weight); + font-weight: var(--caption-20-font-weight, normal); color: var(--secondary-text-color); } .connect-page__troubleshoot { font-size: var(--body-10-font-size); - font-weight: var(--body-10-font-weight); + font-weight: var(--body-10-font-weight, normal); margin-block-start: calc(var(--base-unit) * 2); } diff --git a/devtools/client/aboutdebugging/src/components/debugtarget/DebugTargetItem.css b/devtools/client/aboutdebugging/src/components/debugtarget/DebugTargetItem.css @@ -47,7 +47,7 @@ align-self: center; grid-area: name; font-size: var(--body-20-font-size); - font-weight: var(--body-20-font-weight-bold); + font-weight: var(--body-20-font-weight-bold, var(--font-weight-bold)); line-height: 1.5; margin-inline-start: calc(var(--base-unit) * 3); } @@ -83,7 +83,7 @@ grid-area: subname; color: var(--secondary-text-color); font-size: var(--caption-20-font-size); - font-weight: var(--caption-20-font-weight); + font-weight: var(--caption-20-font-weight, normal); line-height: 1.5; } diff --git a/devtools/client/aboutdebugging/src/components/debugtarget/FieldPair.css b/devtools/client/aboutdebugging/src/components/debugtarget/FieldPair.css @@ -17,13 +17,13 @@ .fieldpair__title { margin-inline-end: var(--base-unit); font-size: var(--caption-20-font-size); - font-weight: var(--caption-20-font-weight); + font-weight: var(--caption-20-font-weight, normal); } .fieldpair__description { color: var(--fieldpair-text-color); flex: 1; font-size: var(--caption-20-font-size); - font-weight: var(--caption-20-font-weight); + font-weight: var(--caption-20-font-weight, normal); text-align: end; } diff --git a/devtools/client/aboutdebugging/src/components/shared/Message.css b/devtools/client/aboutdebugging/src/components/shared/Message.css @@ -58,7 +58,7 @@ .message__body { align-self: center; font-size: var(--message-font-size); - font-weight: 400; + font-weight: normal; grid-area: body; line-height: 1.6; } diff --git a/devtools/client/aboutdebugging/src/components/sidebar/SidebarFixedItem.css b/devtools/client/aboutdebugging/src/components/sidebar/SidebarFixedItem.css @@ -17,7 +17,7 @@ grid-template-columns: 34px 1fr; height: 100%; font-size: var(--body-20-font-size); - font-weight: var(--body-20-font-weight); + font-weight: var(--body-20-font-weight, normal); } .sidebar-fixed-item__icon { diff --git a/devtools/client/aboutdebugging/src/components/sidebar/SidebarRuntimeItem.css b/devtools/client/aboutdebugging/src/components/sidebar/SidebarRuntimeItem.css @@ -18,7 +18,7 @@ grid-column-gap: var(--base-unit); grid-template-columns: calc(var(--base-unit) * 6) 1fr auto; font-size: var(--body-20-font-size); - font-weight: var(--body-20-font-weight); + font-weight: var(--body-20-font-weight, normal); } .sidebar-runtime-item__icon { @@ -32,7 +32,7 @@ .sidebar-runtime-item__runtime__details { font-size: var(--caption-10-font-size); - font-weight: var(--caption-10-font-weight); + font-weight: var(--caption-10-font-weight, normal); line-height: 1.2; }