[tor-commits] [tor-browser] 29/33: fixup! squash! Bug 27476: Implement about:torconnect captive portal within Tor Browser

[gitolite role]

This is an automated email from the git hooks/post-receive script.

richard pushed a commit to branch tor-browser-91.9.0esr-11.5-1
in repository tor-browser.

commit 19cb248d6d79a971a58cfe044138a2545f197b45
Author: Pier Angelo Vendrame <pierov at torproject.org>
AuthorDate: Tue Apr 26 12:09:48 2022 +0200

    fixup! squash! Bug 27476: Implement about:torconnect captive portal within Tor Browser
    
    Fixed the problems with checkbox and select :focus, and fixed a few
    problems with the dark mode.
---
 .../torconnect/content/aboutTorConnect.css         | 29 +++++++++++++++-------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/browser/components/torconnect/content/aboutTorConnect.css b/browser/components/torconnect/content/aboutTorConnect.css
index 41cfe2bb80c70..a8cc2676428af 100644
--- a/browser/components/torconnect/content/aboutTorConnect.css
+++ b/browser/components/torconnect/content/aboutTorConnect.css
@@ -10,6 +10,19 @@
   --onion-radius: 75px;
 }
 
+input[type="checkbox"]:focus, select:focus {
+  outline:  none!important;
+  box-shadow: 0 0 0 3px var(--purple-30) !important;
+  border:  1px var(--purple-80) solid !important;
+}
+
+ at media (-moz-toolbar-prefers-color-scheme: dark)
+{
+  input[type="checkbox"]:focus, select:focus {
+    box-shadow: 0 0 0 3px var(--purple-50)!important;
+  }
+}
+
 #breadcrumbs {
   display: flex;
   align-items: center;
@@ -37,12 +50,12 @@
 
 .breadcrumb-item:hover {
   color: var(--in-content-accent-color);
-  background-color: var(--grey-20);
+  background-color: var(--in-content-button-background-hover);
 }
 
 .breadcrumb-item:active {
   color: var(--in-content-accent-color-active);
-  background-color: var(--grey-30);
+  background-color: var(--in-content-button-background-active);
 }
 
 .breadcrumb-separator {
@@ -72,10 +85,6 @@
   cursor: default;
 }
 
-.breadcrumb-item.disabled:hover, .breadcrumb-item.disabled:active {
-  background-color: var(--grey-20);
-}
-
 .breadcrumb-item.error {
   color: var(--in-content-danger-button-background);
 }
@@ -117,11 +126,14 @@
 }
 
 button {
+  --purple-button-text-color: rgb(251,251,254);
+  --in-content-primary-button-text-color: var(--purple-button-text-color);
   --in-content-primary-button-background: var(--purple-60);
+  --in-content-primary-button-text-color-hover: var(--purple-button-text-color);
   --in-content-primary-button-background-hover: var(--purple-70);
+  --in-content-primary-button-text-color-active: var(--purple-button-text-color);
   --in-content-primary-button-background-active: var(--purple-80);
   --in-content-focus-outline-color: var(--purple-60);
-  --in-content-primary-button-text-color: white;
   fill: white;
 }
 
@@ -194,8 +206,7 @@ input[type="checkbox"]:not(:disabled):active:checked {
   --progressbar-shadow-start: rgba(255, 255, 255, 0.85);
 }
 
- at media (prefers-color-scheme: dark)
-{
+ at media (-moz-toolbar-prefers-color-scheme: dark) {
   :root {
     --progressbar-shadow-start: rgba(28, 27, 34, 0.85);
   }

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.