Loading browser/components/abouttor/content/aboutTor.css +17 −22 Original line number Diff line number Diff line Loading @@ -341,12 +341,11 @@ body.show-yec h1 { "yec-matching yec-image" auto "yec-donate yec-image" min-content / 1fr min-content; --yec-image-background: #1f0333; /* Remove 1px from padding for border. */ padding-block: 55px 55px; padding-inline: 47px 47px; --yec-image-background: #3a1653; padding-block: 56px 56px; padding-inline: 48px 48px; box-sizing: border-box; max-width: 850px; max-width: 840px; margin-block-end: var(--space-small); /* Position for the close button. */ position: relative; Loading Loading @@ -380,8 +379,8 @@ body.show-yec h1 { #yec-heading { grid-area: yec-heading; margin-block: 0 var(--space-large); font-size: 64px; font-weight: var(--font-weight); font-size: var(--font-size-xxlarge); font-weight: var(--font-weight-semibold); } #yec-body { Loading @@ -389,13 +388,13 @@ body.show-yec h1 { margin-block: 0 var(--space-medium); } #yec-body-highlight { font-weight: var(--font-weight-bold); } #yec-matching { grid-area: yec-matching; margin-block: 0 var(--space-xxlarge); margin-block: 0 var(--space-xlarge); } #yec-banner b { font-weight: var(--font-weight-semibold); } #yec-donate-link { Loading Loading @@ -472,7 +471,7 @@ body.show-yec h1 { } #yec-heading { font-size: 50px; font-size: var(--font-size-xlarge); } #yec-matching { Loading @@ -493,20 +492,16 @@ body.show-yec h1 { @media not ((prefers-contrast) or (forced-colors)) { #yec-banner { border-color: transparent; border-color: #523168; background-color: var(--yec-image-background); --yec-text: #ffffff; --yec-button-background: #b6e368; --yec-button-background-hover: #d2f2a1; --yec-button-background-active: #ecfcd8; --yec-button-text: #15141a; --yec-button-background: var(--button-background-color-tor-light); --yec-button-background-hover: var(--button-background-color-tor-hover-light); --yec-button-background-active: var(--button-background-color-tor-active-light); --yec-button-text: var(--button-text-color-tor-light); color: var(--yec-text); } #yec-body-highlight { color: var(--yec-button-background); } #yec-donate-link { --button-text-color: var(--yec-button-text); --button-text-color-hover: var(--yec-button-text); Loading browser/components/abouttor/content/aboutTor.html +2 −4 Original line number Diff line number Diff line Loading @@ -37,11 +37,9 @@ <article id="yec-banner" aria-labelledby="yec-heading"> <img id="yec-image" alt="" /> <h2 id="yec-heading"></h2> <p id="yec-body"> <b id="yec-body-highlight" data-l10n-name="highlight"></b> </p> <p id="yec-body"></p> <p id="yec-matching"></p> <a id="yec-donate-link"> <a id="yec-donate-link" target="_blank"> <span data-l10n-id="yec-donate-button"></span> <img id="yec-donate-icon" Loading Loading
browser/components/abouttor/content/aboutTor.css +17 −22 Original line number Diff line number Diff line Loading @@ -341,12 +341,11 @@ body.show-yec h1 { "yec-matching yec-image" auto "yec-donate yec-image" min-content / 1fr min-content; --yec-image-background: #1f0333; /* Remove 1px from padding for border. */ padding-block: 55px 55px; padding-inline: 47px 47px; --yec-image-background: #3a1653; padding-block: 56px 56px; padding-inline: 48px 48px; box-sizing: border-box; max-width: 850px; max-width: 840px; margin-block-end: var(--space-small); /* Position for the close button. */ position: relative; Loading Loading @@ -380,8 +379,8 @@ body.show-yec h1 { #yec-heading { grid-area: yec-heading; margin-block: 0 var(--space-large); font-size: 64px; font-weight: var(--font-weight); font-size: var(--font-size-xxlarge); font-weight: var(--font-weight-semibold); } #yec-body { Loading @@ -389,13 +388,13 @@ body.show-yec h1 { margin-block: 0 var(--space-medium); } #yec-body-highlight { font-weight: var(--font-weight-bold); } #yec-matching { grid-area: yec-matching; margin-block: 0 var(--space-xxlarge); margin-block: 0 var(--space-xlarge); } #yec-banner b { font-weight: var(--font-weight-semibold); } #yec-donate-link { Loading Loading @@ -472,7 +471,7 @@ body.show-yec h1 { } #yec-heading { font-size: 50px; font-size: var(--font-size-xlarge); } #yec-matching { Loading @@ -493,20 +492,16 @@ body.show-yec h1 { @media not ((prefers-contrast) or (forced-colors)) { #yec-banner { border-color: transparent; border-color: #523168; background-color: var(--yec-image-background); --yec-text: #ffffff; --yec-button-background: #b6e368; --yec-button-background-hover: #d2f2a1; --yec-button-background-active: #ecfcd8; --yec-button-text: #15141a; --yec-button-background: var(--button-background-color-tor-light); --yec-button-background-hover: var(--button-background-color-tor-hover-light); --yec-button-background-active: var(--button-background-color-tor-active-light); --yec-button-text: var(--button-text-color-tor-light); color: var(--yec-text); } #yec-body-highlight { color: var(--yec-button-background); } #yec-donate-link { --button-text-color: var(--yec-button-text); --button-text-color-hover: var(--yec-button-text); Loading
browser/components/abouttor/content/aboutTor.html +2 −4 Original line number Diff line number Diff line Loading @@ -37,11 +37,9 @@ <article id="yec-banner" aria-labelledby="yec-heading"> <img id="yec-image" alt="" /> <h2 id="yec-heading"></h2> <p id="yec-body"> <b id="yec-body-highlight" data-l10n-name="highlight"></b> </p> <p id="yec-body"></p> <p id="yec-matching"></p> <a id="yec-donate-link"> <a id="yec-donate-link" target="_blank"> <span data-l10n-id="yec-donate-button"></span> <img id="yec-donate-icon" Loading