morgan pushed to branch tor-browser-128.7.0esr-14.5-1 at The Tor Project / Applications / Tor Browser

Commits: f3f6359d by Henry Wilkes at 2025-02-05T14:21:28+00:00 fixup! TB 2176: Rebrand Firefox to TorBrowser

TB 43466: Drop unnecessary changes to the aboutDialog.css stylesheet.

Common branding rules common to tor browser releases were moved to the existing aboutDialogTor.css.

Duplicate rules that were already in browser/base/content/aboutDialog.css were dropped.

Rules that only made a minor difference were dropped:

1. We now centre-align the logo, instead of right-aligning (which did not seem to work as intended in right-to-left locales). 2. We keep the logo at the default 192px size, rather than 180px, which is a 0.75 scaling of the original 256px PNG. 3. We use the default size between the wordmark and "Extended Support Release", which increases the gap by 6px.

- - - - -

4 changed files:

- browser/base/content/aboutDialogTor.css - browser/branding/tb-alpha/content/aboutDialog.css - browser/branding/tb-nightly/content/aboutDialog.css - browser/branding/tb-release/content/aboutDialog.css

Changes:

===================================== browser/base/content/aboutDialogTor.css ===================================== @@ -1,20 +1,22 @@ +#aboutDialogContainer { + background-color: #20123a; + color: #fff; + color-scheme: dark; +} + #leftBox { background-image: url('chrome://branding/content/icon256.png'); - background-position: right top; - background-size: 180px; + background-position-y: 0; }

#rightBox { background-size: auto; - padding-top: 32px; -} - -#contributeDesc { - display: none; + margin-inline: 30px; }

-#communityDesc { - display: none; +#bottomBox { + background-color: hsla(235, 43%, 10%, .5); + padding: 15px 10px 15px; }

#trademark { @@ -24,6 +26,14 @@ margin-block: 10px; }

+#contributeDesc { + display: none; +} + +#communityDesc { + display: none; +} + #bottomBox > hbox:not(#newBottom) { display: none; }

===================================== browser/branding/tb-alpha/content/aboutDialog.css ===================================== @@ -2,47 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

-#aboutDialogContainer { - background-color: #20123a; - color: #fff; -} - -#clientBox { - padding: 10px 0 15px; -} - -#leftBox { - background-image: url("chrome://branding/content/about-logo.png"); - background-repeat: no-repeat; - background-size: 192px auto; - background-position: center 20%; - /* min-width and min-height create room for the logo */ - min-width: 210px; - min-height: 210px; - margin-top: 20px; - margin-inline-start: 30px; -} - -@media (min-resolution: 2dppx) { - #leftBox { - background-image: url("chrome://branding/content/about-logo@2x.png"); - } -} - -.text-link { - color: #fff !important; - text-decoration: underline; -} - -.text-link:-moz-focusring { - border-color: #fff; -} - -#rightBox { - margin-inline: 30px; - padding-top: 64px; -} - #rightBox:-moz-locale-dir(rtl) { /* tor-browser#42319: re-align the background image after we added some padding to make all the channel use the same size for the wordmark. @@ -50,8 +9,3 @@ (tor-browser#29745) */ background-position: right -34px top 0; } - -#bottomBox { - background-color: hsla(235, 43%, 10%, .5); - padding: 15px 10px 15px; -}

===================================== browser/branding/tb-nightly/content/aboutDialog.css ===================================== @@ -1,46 +1,3 @@ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - -#aboutDialogContainer { - background-color: #20123a; - color: #fff; - color-scheme: dark; -} - -#clientBox { - padding: 10px 0 15px; -} - -#leftBox { - background-image: url("chrome://branding/content/about-logo.png"); - background-repeat: no-repeat; - background-size: 192px auto; - background-position: center 20%; - /* min-width and min-height create room for the logo */ - min-width: 210px; - min-height: 210px; - margin-top: 20px; - margin-inline-start: 30px; -} - -@media (min-resolution: 2dppx) { - #leftBox { - background-image: url("chrome://branding/content/about-logo@2x.png"); - } -} - -.text-link { - color: #fff !important; - text-decoration: underline; -} - -#rightBox { - margin-inline: 30px; - padding-top: 64px; -} - -#bottomBox { - background-color: hsla(235, 43%, 10%, .5); - padding: 15px 10px 15px; -}

===================================== browser/branding/tb-release/content/aboutDialog.css ===================================== @@ -2,43 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

-#aboutDialogContainer { - background-color: #20123a; - color: #fff; - color-scheme: dark; -} - -#clientBox { - padding: 10px 0 15px; -} - -#leftBox { - background-image: url("chrome://branding/content/about-logo.png"); - background-repeat: no-repeat; - background-size: 192px auto; - background-position: center 20%; - /* min-width and min-height create room for the logo */ - min-width: 210px; - min-height: 210px; - margin-top: 20px; - margin-inline-start: 30px; -} - -@media (min-resolution: 2dppx) { - #leftBox { - background-image: url("chrome://branding/content/about-logo@2x.png"); - } -} - -.text-link { - color: #fff !important; - text-decoration: underline; -} - -#rightBox { - margin-inline: 30px; -} - #rightBox:-moz-locale-dir(rtl) { /* tor-browser#42319: re-align the background image after we added some padding to make all the channel use the same size for the wordmark. @@ -46,15 +9,3 @@ (tor-browser#29745) */ background-position: right -164px top 0; } - -#bottomBox { - background-color: hsla(235, 43%, 10%, .5); - padding: 15px 10px 15px; -} - -#trademark { - font-size: xx-small; - text-align: center; - color: #999999; - margin-block: 10px; -}

View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/f3f6359d...