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


Commits:
d6e3fcfd by Henry Wilkes at 2025-09-01T16:30:49+01:00
fixup! TB 31286: Implementation of bridge, proxy, and firewall settings in 
about:preferences#connection

TB 44145: Use --icon-color and --icon-color-critical for the connection
status icons.

- - - - -
cf3594e3 by Henry Wilkes at 2025-09-01T16:32:22+01:00
fixup! TB 27476: Implement about:torconnect captive portal within Tor Browser

TB 44145: Use --icon-color and --icon-color-critical for the connection
status icons.

- - - - -


2 changed files:

- browser/components/torpreferences/content/torPreferences.css
- toolkit/components/torconnect/content/torConnectTitlebarStatus.css


Changes:

=====================================
browser/components/torpreferences/content/torPreferences.css
=====================================
@@ -57,8 +57,8 @@ button.spoof-button-disabled {
   height: 18px;
   margin-inline-end: 8px;
   -moz-context-properties: fill, stroke;
-  fill: currentColor;
-  stroke: currentColor;
+  fill: var(--icon-color);
+  stroke: var(--icon-color);
 }
 
 #network-status-internet-area .network-status-icon {
@@ -79,13 +79,7 @@ button.spoof-button-disabled {
 
 #network-status-tor-area.status-blocked .network-status-icon {
   /* Same as .tor-connect-status-potentially-blocked. */
-  stroke: #c50042;
-}
-
-@media (prefers-color-scheme: dark) {
-  #network-status-tor-area.status-blocked  .network-status-icon {
-    stroke: #ff9aa2;
-  }
+  stroke: var(--icon-color-critical);
 }
 
 .network-status-label {


=====================================
toolkit/components/torconnect/content/torConnectTitlebarStatus.css
=====================================
@@ -12,8 +12,8 @@
 
 #tor-connect-titlebar-status img {
   -moz-context-properties: fill, stroke;
-  fill: currentColor;
-  stroke: currentColor;
+  fill: var(--icon-color);
+  stroke: var(--icon-color);
   width: 16px;
   height: 16px;
   object-fit: none;
@@ -30,21 +30,23 @@
    * we assign the potentially-blocked class, we do *not* expect to be 
connected
    * at the same time, so we only expect this first frame to be visible in this
    * state. */
-  stroke: #c50042;
-}
-
-@media (prefers-color-scheme: dark) {
-  #tor-connect-titlebar-status.tor-connect-status-potentially-blocked img {
-    stroke: #ff9aa2;
-  }
+  stroke: var(--icon-color-critical);
 }
 
 #tor-connect-titlebar-status.tor-connect-status-connected img {
   object-position: var(--tor-connected-offset);
 }
 
-#tor-connect-titlebar-status.tor-connect-status-connected {
-  color: var(--tor-text-color);
+@media not ((prefers-contrast) or (forced-colors)) {
+  /* Make the connected text and icon purple. */
+  #tor-connect-titlebar-status.tor-connect-status-connected {
+    color: var(--tor-text-color);
+  }
+
+  #tor-connect-titlebar-status.tor-connect-status-connected img {
+    fill: var(--tor-text-color);
+    stroke: var(--tor-text-color);
+  }
 }
 
 @keyframes onion-not-connected-to-connected {
@@ -63,6 +65,7 @@
   }
 
   
#tor-connect-titlebar-status.tor-connect-status-connected.tor-connect-status-animate-transition
 img {
+    transition: fill 1000ms, stroke 1000ms;
     animation-name: onion-not-connected-to-connected;
     animation-delay: 200ms;
     animation-fill-mode: both;



View it on GitLab: 
https://gitlab.torproject.org/tpo/applications/tor-browser/-/compare/3cf3111eb844f98e8650b5e8e0c1bc9c4f1d64e7...cf3594e342cb36b5cda1f5209b64d6b86cf6c2bb

-- 
View it on GitLab: 
https://gitlab.torproject.org/tpo/applications/tor-browser/-/compare/3cf3111eb844f98e8650b5e8e0c1bc9c4f1d64e7...cf3594e342cb36b5cda1f5209b64d6b86cf6c2bb
You're receiving this email because of your account on gitlab.torproject.org.


_______________________________________________
tbb-commits mailing list -- [email protected]
To unsubscribe send an email to [email protected]

Reply via email to