[tbb-commits] [Git][tpo/applications/tor-browser][tor-browser-128.1.0esr-14.0-1] fixup! Bug 41817: tor-browser semantic colors.

[Pier Angelo Vendrame (@pierov)]

Pier Angelo Vendrame pushed to branch tor-browser-128.1.0esr-14.0-1 at The Tor Project / Applications / Tor Browser


Commits:
32a8ac00 by Henry Wilkes at 2024-08-21T11:00:25+01:00
fixup! Bug 41817: tor-browser semantic colors.

Bug 43071: Fix focus styling for primary tor-button buttons.

Also, add a prefers-contrast and forced-colors variant for the tor
colors that use the Firefox design system colors.

- - - - -


1 changed file:

- toolkit/themes/shared/tor-colors.css


Changes:

=====================================
toolkit/themes/shared/tor-colors.css
=====================================
@@ -101,19 +101,43 @@
   );
 }
 
-button.tor-button,
+ at media ((prefers-contrast) or (forced-colors)) {
+  :root {
+    /* Use Firefox design system accent colors. */
+    --tor-accent-color: var(--color-accent-primary);
+    --tor-accent-color-hover: var(--color-accent-primary-hover);
+    --tor-accent-color-active: var(--color-accent-primary-active);
+
+    /* Use Firefox design system primary button colors. */
+    --tor-button-text-color: var(--button-text-color-primary);
+    --tor-button-text-color-hover: var(--button-text-color-primary-hover);
+    --tor-button-text-color-active: var(--button-text-color-primary-active);
+    --tor-button-background-color: var(--button-background-color-primary);
+    --tor-button-background-color-hover: var(--button-background-color-primary-hover);
+    --tor-button-background-color-active: var(--button-background-color-primary-active);
+
+    /* Use Firefox design system default colors. */
+    --tor-focus-outline-color: var(--focus-outline-color);
+    --tor-link-color: var(--link-color);
+    --tor-link-color-hover: var(--link-color-hover);
+    --tor-link-color-active: var(--link-color-active);
+  }
+}
+
+/* Has a higher specificity than `button` and `button.primary`. */
+button.tor-button:is(*, .primary),
 .tor-button {
   color: var(--tor-button-text-color);
   background-color: var(--tor-button-background-color);
 }
 
-button.tor-button:hover,
+button.tor-button:is(*, .primary):hover,
 .tor-button:hover {
   color: var(--tor-button-text-color-hover);
   background-color: var(--tor-button-background-color-hover);
 }
 
-button.tor-button:hover:active,
+button.tor-button:is(*, .primary):hover:active,
 .tor-button:hover:active {
   color: var(--tor-button-text-color-active);
   background-color: var(--tor-button-background-color-active);



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

-- 
View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/32a8ac008b3994ca4da848a6cb5e0efd5371d054
You're receiving this email because of your account on gitlab.torproject.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.torproject.org/pipermail/tbb-commits/attachments/20240821/f9ee464c/attachment-0001.htm>