commit cfc31d69b7f1098b4fd1942172dc6dcc63ff839f parent 58d47b7292c517210408daecf4a199c216efce72 Author: dwhisman <dwhisman@mozilla.com> Date: Mon, 17 Nov 2025 21:10:28 +0000 Bug 1988865 - Part 3: Use `--border-color` instead of `--in-content-border-color` r=mtigley,webcompat-reviewers,extension-reviewers,credential-management-reviewers,webrtc-reviewers,devtools-reviewers,desktop-theme-reviewers,omc-reviewers,toolkit-telemetry-reviewers,twisniewski,janerik,nchevobbe,mimi,robwu,hjones,ng Differential Revision: https://phabricator.services.mozilla.com/D269465 Diffstat:
36 files changed, 81 insertions(+), 84 deletions(-)
diff --git a/browser/components/aboutlogins/content/aboutLoginsImportReport.css b/browser/components/aboutlogins/content/aboutLoginsImportReport.css @@ -84,7 +84,7 @@ grid-row-start: 3; display: grid; grid-template-columns: auto 1fr; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); grid-auto-rows: 28px; overflow-y: auto; } diff --git a/browser/components/aboutlogins/content/components/generic-dialog.css b/browser/components/aboutlogins/content/components/generic-dialog.css @@ -57,7 +57,7 @@ ::slotted([slot="buttons"]) { grid-column: 1 / 4; grid-row-start: 3; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); padding-top: 12px; } diff --git a/browser/components/aboutlogins/content/components/login-alert.css b/browser/components/aboutlogins/content/components/login-alert.css @@ -11,7 +11,7 @@ color: var(--text-color); background-color: var(--background-color-box); border-radius: var(--border-radius-small); - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); font-size: 0.9em; } diff --git a/browser/components/aboutlogins/content/components/login-list-lit-item.css b/browser/components/aboutlogins/content/components/login-list-lit-item.css @@ -22,7 +22,7 @@ } .list-item.keyboard-selected { - border-inline-start-color: var(--in-content-border-color); + border-inline-start-color: var(--border-color); background-color: var(--button-background-color-hover); } diff --git a/browser/components/aboutlogins/content/components/login-list.css b/browser/components/aboutlogins/content/components/login-list.css @@ -3,7 +3,7 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ :host { - border-inline-end: 1px solid var(--in-content-border-color); + border-inline-end: 1px solid var(--border-color); background-color: var(--background-color-box); display: flex; flex-direction: column; @@ -14,7 +14,7 @@ display: flex; align-items: center; padding: 0 16px 16px; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); background-color: var(--background-color-box); } @@ -77,7 +77,7 @@ padding: 1em; max-width: 50ch; /* This should be kept in sync with login-list-item username and title max-width */ flex-grow: 1; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } .empty-search-message span, @@ -110,7 +110,7 @@ ol { font-size: 0.85em; font-weight: var(--heading-font-weight); padding: 4px 16px; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); background-color: var(--background-color-box); margin-block-start: 2px; margin-inline: 2px; @@ -127,7 +127,7 @@ ol { } .login-list-item.keyboard-selected { - border-inline-start-color: var(--in-content-border-color); + border-inline-start-color: var(--border-color); background-color: var(--button-background-color-hover); } diff --git a/browser/components/aboutlogins/content/components/login-message-popup.css b/browser/components/aboutlogins/content/components/login-message-popup.css @@ -19,7 +19,7 @@ position: relative; padding: 12px; background-color: var(--background-color-box); - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-radius: var(--border-radius-small); } @@ -41,7 +41,7 @@ margin-top: -10px; } :host .arrow-box::before { - border-inline-end-color: var(--in-content-border-color); + border-inline-end-color: var(--border-color); border-width: 11px; margin-top: -11px; } diff --git a/browser/components/aboutlogins/content/components/login-timeline.css b/browser/components/aboutlogins/content/components/login-timeline.css @@ -24,7 +24,7 @@ height: 2px; justify-self: stretch; align-self: center; - background-color: var(--in-content-border-color); + background-color: var(--border-color); grid-row: 1; } @@ -47,7 +47,7 @@ .timeline > .point { width: 24px; height: 24px; - stroke: var(--in-content-border-color); + stroke: var(--border-color); stroke-width: 30px; justify-self: center; } diff --git a/browser/components/aboutlogins/content/components/remove-logins-dialog.css b/browser/components/aboutlogins/content/components/remove-logins-dialog.css @@ -100,6 +100,6 @@ .buttons { padding-block: 16px 32px; padding-inline: 48px 0; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); margin-inline: 48px; } diff --git a/browser/components/aboutwelcome/content-src/aboutwelcome.scss b/browser/components/aboutwelcome/content-src/aboutwelcome.scss @@ -127,7 +127,7 @@ html { --single-select-hover-color: light-dark(#DEDEDF, #52525E); --picker-background-color: color-mix(in srgb, transparent 98%, light-dark(black, white) 2%); --picker-hover-background-color: color-mix(in srgb, transparent 95%, light-dark(black, white) 5%); - --picker-border-color: var(--in-content-border-color); + --picker-border-color: var(--border-color); --picker-checked-border-color: var(--border-color-selected); --picker-hover-border-color: var(--picker-border-color); --picker-focus-ring-color: var(--color-accent-primary-selected); @@ -490,8 +490,8 @@ html { .addon-container { display: flex; - border: 1px solid var(--in-content-border-color); - box-shadow: 0 1px 2px 0 var(--in-content-border-color); + border: 1px solid var(--border-color); + box-shadow: 0 1px 2px 0 var(--border-color); border-radius: var(--border-radius-small); margin: 5px auto; text-align: start; @@ -1175,8 +1175,8 @@ html { .addon-container { display: flex; flex-direction: row; - border: 1px solid var(--in-content-border-color); - box-shadow: 0 1px 2px 0 var(--in-content-border-color); + border: 1px solid var(--border-color); + box-shadow: 0 1px 2px 0 var(--border-color); border-radius: var(--border-radius-small); margin-block: 0 16px; text-align: start; @@ -2242,7 +2242,7 @@ html { @media (prefers-contrast: no-preference) { background-color: var(--background-color-canvas); - border-color: var(--in-content-border-color); + border-color: var(--border-color); } cursor: pointer; @@ -2313,7 +2313,7 @@ html { border-end-end-radius: 0; & + .tile-content { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-top: none; border-radius: 0 0 var(--tiles-container-border-radius) var(--tiles-container-border-radius); } @@ -2333,8 +2333,8 @@ html { justify-content: space-between; & + .tile-content { - border-inline-start: 1px solid var(--in-content-border-color); - border-inline-end: 1px solid var(--in-content-border-color); + border-inline-start: 1px solid var(--border-color); + border-inline-end: 1px solid var(--border-color); } .header-text-container { diff --git a/browser/components/aboutwelcome/content/aboutwelcome.css b/browser/components/aboutwelcome/content/aboutwelcome.css @@ -1063,7 +1063,7 @@ html { --single-select-hover-color: light-dark(#DEDEDF, #52525E); --picker-background-color: color-mix(in srgb, transparent 98%, light-dark(black, white) 2%); --picker-hover-background-color: color-mix(in srgb, transparent 95%, light-dark(black, white) 5%); - --picker-border-color: var(--in-content-border-color); + --picker-border-color: var(--border-color); --picker-checked-border-color: var(--border-color-selected); --picker-hover-border-color: var(--picker-border-color); --picker-focus-ring-color: var(--color-accent-primary-selected); @@ -1383,8 +1383,8 @@ html { } .onboardingContainer .screen[pos=center].addons-picker .addon-container { display: flex; - border: 1px solid var(--in-content-border-color); - box-shadow: 0 1px 2px 0 var(--in-content-border-color); + border: 1px solid var(--border-color); + box-shadow: 0 1px 2px 0 var(--border-color); border-radius: var(--border-radius-small); margin: 5px auto; text-align: start; @@ -1977,8 +1977,8 @@ html { .onboardingContainer .screen[pos=split][fullscreen] .addons-picker-container .addon-container { display: flex; flex-direction: row; - border: 1px solid var(--in-content-border-color); - box-shadow: 0 1px 2px 0 var(--in-content-border-color); + border: 1px solid var(--border-color); + box-shadow: 0 1px 2px 0 var(--border-color); border-radius: var(--border-radius-small); margin-block: 0 16px; text-align: start; @@ -3063,7 +3063,7 @@ html { .onboardingContainer #content-tiles-container button.tile-header, .onboardingContainer button.content-tiles-header { background-color: var(--background-color-canvas); - border-color: var(--in-content-border-color); + border-color: var(--border-color); } } .onboardingContainer #content-tiles-container button.tile-header .arrow-icon, @@ -3124,7 +3124,7 @@ html { border-end-end-radius: 0; } .onboardingContainer #content-tiles-container .content-tile.has-header:not(:has(+ .content-tile.has-header)) button.tile-header[aria-expanded=true] + .tile-content { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-top: none; border-radius: 0 0 var(--tiles-container-border-radius) var(--tiles-container-border-radius); } @@ -3136,8 +3136,8 @@ html { justify-content: space-between; } .onboardingContainer #content-tiles-container .content-tile button.tile-header + .tile-content { - border-inline-start: 1px solid var(--in-content-border-color); - border-inline-end: 1px solid var(--in-content-border-color); + border-inline-start: 1px solid var(--border-color); + border-inline-end: 1px solid var(--border-color); } .onboardingContainer #content-tiles-container .content-tile button.tile-header .header-text-container { display: flex; diff --git a/browser/components/asrouter/content-src/components/ASRouterAdmin/ASRouterAdmin.scss b/browser/components/asrouter/content-src/components/ASRouterAdmin/ASRouterAdmin.scss @@ -397,7 +397,7 @@ textarea[readonly] { color: var(--text-color-deemphasized); - border-color: var(--in-content-border-color); + border-color: var(--border-color); } .monospace { diff --git a/browser/components/asrouter/content/components/ASRouterAdmin/ASRouterAdmin.css b/browser/components/asrouter/content/components/ASRouterAdmin/ASRouterAdmin.css @@ -311,7 +311,7 @@ } .asrouter-admin textarea[readonly] { color: var(--text-color-deemphasized); - border-color: var(--in-content-border-color); + border-color: var(--border-color); } .asrouter-admin .monospace { font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace; diff --git a/browser/components/protections/content/protections.css b/browser/components/protections/content/protections.css @@ -317,7 +317,7 @@ a.hidden, } .card .card-body { - border-block-start: 1px solid var(--in-content-border-color); + border-block-start: 1px solid var(--border-color); grid-column: span 2; grid-row: 2; position: relative; @@ -349,7 +349,7 @@ a.hidden, } #private-window-message { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); grid-area: 1 / 2 / 1 / 7; background-color: var(--background-color-box-info); padding: 13px 45px; diff --git a/browser/components/screenshots/overlay/overlay.css b/browser/components/screenshots/overlay/overlay.css @@ -75,7 +75,7 @@ } #selection-size { - border: var(--border-width) solid var(--in-content-border-color); + border: var(--border-width) solid var(--border-color); box-shadow: var(--box-shadow-popup); } diff --git a/browser/components/security/unexpectedScriptLoad.css b/browser/components/security/unexpectedScriptLoad.css @@ -11,7 +11,7 @@ .dialogTitleBar { display: flex; padding: 0.4em 0.2em; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } .dialogTitle { diff --git a/browser/extensions/webcompat/about-compat/aboutCompat.css b/browser/extensions/webcompat/about-compat/aboutCompat.css @@ -17,7 +17,7 @@ } td { - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } td:last-child > button { diff --git a/browser/themes/shared/places/editBookmark.css b/browser/themes/shared/places/editBookmark.css @@ -53,7 +53,7 @@ menulist.folder-icon { } #bookmarkpropertiesdialog #editBMPanel_tagsSelector { - border-color: var(--in-content-border-color); + border-color: var(--border-color); padding: 12px; } diff --git a/browser/themes/shared/preferences/containers.css b/browser/themes/shared/preferences/containers.css @@ -21,7 +21,7 @@ #containersView richlistitem { padding-block: 4px; - border-block-end: 1px solid var(--in-content-border-color); + border-block-end: 1px solid var(--border-color); } #containersView richlistitem > .container-buttons { diff --git a/browser/themes/shared/preferences/preferences.css b/browser/themes/shared/preferences/preferences.css @@ -201,7 +201,7 @@ radio { .subcategory:not([hidden]) ~ .subcategory { padding-top: var(--space-xxlarge); - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); } /* Category List */ @@ -624,7 +624,7 @@ html|dialog, .dialogTitleBar { padding: 0.4em 0.2em; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } .dialogTitle { @@ -791,7 +791,7 @@ html|dialog, .sync-group { margin-block: var(--space-large); - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); } .sync-configured { @@ -919,7 +919,8 @@ dialog > .sync-engines-list + hbox { content: ""; width: 1px; height: 100%; - background-color: var(--in-content-border-color); + /* stylelint-disable-next-line stylelint-plugin-mozilla/no-non-semantic-token-usage */ + background-color: var(--border-color); top: 0; inset-inline-end: 0; position: absolute; diff --git a/browser/themes/shared/preferences/translations.css b/browser/themes/shared/preferences/translations.css @@ -60,7 +60,7 @@ flex-wrap: wrap; align-items: center; padding: var(--space-small) 0; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); label { margin: 0 calc(2 * var(--space-small)); } diff --git a/devtools/client/aboutdebugging/src/base.css b/devtools/client/aboutdebugging/src/base.css @@ -5,15 +5,12 @@ :root { /* Colors from common.css */ --in-content-background-color: light-dark(#fff, rgb(28, 27, 34)); - --in-content-border-color: light-dark(#d7d7db, rgba(249, 249, 250, 0.2)); --bg-color: var(--in-content-background-color); --text-color: light-dark(#0c0c0d, #eee); --secondary-text-color: light-dark(var(--grey-50), rgb(168, 168, 168)); - --border-color: var(--in-content-border-color); - --box-background: light-dark(#fff, rgb(35, 34, 43)); - --box-border-color: var(--in-content-border-color); + --box-border-color: var(--border-color); /* prettier-ignore */ --button-background-color: light-dark( diff --git a/devtools/client/themes/aboutprofiling.css b/devtools/client/themes/aboutprofiling.css @@ -65,7 +65,7 @@ .perf-presets { margin: 2em 0; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); padding-bottom: 1em; } @@ -134,7 +134,7 @@ box-sizing: border-box; width: 100%; height: 100px; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); margin: 0; padding: 0; overflow-y: auto; diff --git a/toolkit/components/aboutinference/content/aboutInference.css b/toolkit/components/aboutinference/content/aboutInference.css @@ -69,7 +69,7 @@ table { th, td { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); padding: 8px 10px; } td { diff --git a/toolkit/components/aboutmemory/content/aboutMemory.css b/toolkit/components/aboutmemory/content/aboutMemory.css @@ -35,7 +35,7 @@ div.ancillary { div.section { padding: 2em; margin: 1em 0; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-radius: var(--border-radius-small); background: var(--background-color-box); } @@ -62,7 +62,7 @@ div.sidebarContents { div.sidebarItem { padding: 0.5em; margin: 1em 0; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-radius: var(--border-radius-small); background: var(--background-color-box); user-select: none; /* no need to include this when cutting+pasting */ @@ -86,7 +86,7 @@ div.opsRow { padding: 0.5em; margin-right: 0.5em; margin-top: 0.5em; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-radius: var(--border-radius-small); background: var(--background-color-box); display: inline-block; @@ -144,7 +144,7 @@ a.treemapEntry { position: absolute; color: FieldText; text-decoration: none; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-radius: var(--border-radius-small); background: var(--background-color-canvas); z-index: 0; diff --git a/toolkit/components/aboutprocesses/content/aboutProcesses.css b/toolkit/components/aboutprocesses/content/aboutProcesses.css @@ -33,7 +33,7 @@ body { position: fixed; z-index: 1; height: 2em; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); width: 100%; background-color: var(--background-color-box); } diff --git a/toolkit/components/certviewer/content/components/info-item.css b/toolkit/components/certviewer/content/components/info-item.css @@ -37,7 +37,7 @@ label { } .long-hex:hover { - border-block-color: var(--in-content-border-color); + border-block-color: var(--border-color); background-color: var(--in-content-item-hover); color: var(--in-content-item-hover-text); } diff --git a/toolkit/components/certviewer/content/components/list-item.css b/toolkit/components/certviewer/content/components/list-item.css @@ -5,7 +5,7 @@ :host { display: grid; padding: 1em 0 1em; - border-block: 0.5px solid var(--in-content-border-color); + border-block: 0.5px solid var(--border-color); border-inline: 0.5px solid transparent; position: relative; } @@ -13,7 +13,7 @@ :host(:hover) { background-color: var(--in-content-item-hover); color: var(--in-content-item-hover-text); - border-inline-color: var(--in-content-border-color); + border-inline-color: var(--border-color); cursor: pointer; } diff --git a/toolkit/components/normandy/content/about-studies/about-studies.css b/toolkit/components/normandy/content/about-studies/about-studies.css @@ -39,7 +39,7 @@ button > .button-box { .info-box-content { align-items: center; background: var(--background-color-box-info); - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); display: inline-flex; padding: 10px 15px; } @@ -60,7 +60,7 @@ button > .button-box { .study { align-items: center; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); display: flex; flex-direction: row; padding: 10px; diff --git a/toolkit/content/aboutTelemetry.css b/toolkit/content/aboutTelemetry.css @@ -303,7 +303,7 @@ table { td { padding-bottom: 0.25em; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } tr:not(:first-child):hover { diff --git a/toolkit/content/aboutwebrtc/aboutWebrtc.css b/toolkit/content/aboutwebrtc/aboutWebrtc.css @@ -8,7 +8,7 @@ body { table { font-family: monospace; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); border-spacing: 0; margin-block: 1em; } @@ -68,7 +68,7 @@ table { } .fold-target { - border-inline-start: 1px solid var(--in-content-border-color); + border-inline-start: 1px solid var(--border-color); padding-inline-start: 1em; .section-body > & { @@ -101,7 +101,7 @@ h3 > span { .peer-connection table th, .peer-connection table td { padding: 0.4em; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); } .peer-connection table tr:nth-child(odd) { @@ -123,7 +123,7 @@ h3 > span { .peer-connection-config div { margin-inline: 1em; padding: 4px; - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); } .peer-connection-config div:nth-child(odd) { @@ -186,7 +186,7 @@ div.fold-trigger { } .active-tab-pane { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); display: block; } @@ -213,20 +213,20 @@ div.fold-trigger { } .sdp-history div { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); padding: 1em; width: 50%; overflow: scroll; } .line-graph { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); margin-inline: 1px; padding: 1px; } .svg-graph { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); margin-inline: 1px; } diff --git a/toolkit/crashreporter/content/crashes.css b/toolkit/crashreporter/content/crashes.css @@ -27,7 +27,7 @@ th { th, td { - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } th, diff --git a/toolkit/mozapps/extensions/content/aboutaddons.css b/toolkit/mozapps/extensions/content/aboutaddons.css @@ -57,7 +57,8 @@ h2 { content: ""; width: 1px; height: 100%; - background-color: var(--in-content-border-color); + /* stylelint-disable-next-line stylelint-plugin-mozilla/no-non-semantic-token-usage */ + background-color: var(--border-color); top: 0; inset-inline-end: 0; position: absolute; @@ -566,7 +567,7 @@ button.addon-detail-description-toggle { display: flex; justify-content: space-between; align-items: center; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); margin: 0 calc(var(--card-padding) * -1); padding: var(--card-padding); color: var(--text-color); @@ -750,8 +751,8 @@ addon-permissions-list .addon-permissions-list-wrapper:not(:first-child) { margin-top: 8px; /* Pull the buttons flush with the side of the card */ margin-inline: calc(var(--card-padding) * -1); - border-bottom: 1px solid var(--in-content-border-color); - border-top: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); + border-top: 1px solid var(--border-color); font-size: 0; line-height: 0; } diff --git a/toolkit/themes/shared/aboutNetError.css b/toolkit/themes/shared/aboutNetError.css @@ -120,7 +120,7 @@ button:disabled { #certificateErrorDebugInformation { background-color: var(--background-color-box-info) !important; - border-top: 1px solid var(--in-content-border-color); + border-top: 1px solid var(--border-color); width: 100%; padding: 1em 3%; box-sizing: border-box; diff --git a/toolkit/themes/shared/aboutNetworking.css b/toolkit/themes/shared/aboutNetworking.css @@ -78,7 +78,7 @@ th { td { padding-bottom: 0.25em; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid var(--border-color); } #clearHTTPCache { diff --git a/toolkit/themes/shared/in-content/common-shared.css b/toolkit/themes/shared/in-content/common-shared.css @@ -23,7 +23,6 @@ --in-content-item-hover-text: var(--text-color); --in-content-border-invalid: light-dark(var(--red-50), rgb(255, 132, 139)); - --in-content-border-color: light-dark(#d7d7db, rgba(249, 249, 250, 0.2)); --in-content-table-background: light-dark(#f8f8fa, rgb(35, 34, 43)); --in-content-table-border-color: var(--in-content-box-border-color); @@ -82,7 +81,6 @@ * In theory, we shouldn't be conveying invalid state just with a colour * change... */ --in-content-border-invalid: ThreeDShadow; - --in-content-border-color: CanvasText; --in-content-table-border-color: ThreeDDarkShadow; --in-content-table-background: -moz-Dialog; @@ -109,7 +107,7 @@ html|body { html|hr { border-style: solid none none none; - border-color: var(--in-content-border-color); + border-color: var(--border-color); } .main-content { @@ -138,7 +136,7 @@ xul|tab { &:where(:hover) { background-color: var(--button-background-color-hover); color: var(--button-text-color-hover); - border-bottom-color: var(--in-content-border-color); + border-bottom-color: var(--border-color); @media (forced-colors) { border-bottom-color: currentColor; diff --git a/toolkit/themes/shared/in-content/info-pages.css b/toolkit/themes/shared/in-content/info-pages.css @@ -163,7 +163,7 @@ th.column { } td { - border: 1px solid var(--in-content-border-color); + border: 1px solid var(--border-color); unicode-bidi: plaintext; /* Make sure file paths will be LTR */ }