[tbb-commits] [torbutton/master] fixup! Bug 40051: Implement 2021 Year End Campaign look in about:tor

[sysrqb at torproject.org]

commit 8b9c56f7080aab4bbb5d6f6516e7c828e017f534
Author: Richard Pospesel <richard at torproject.org>
Date:   Wed Oct 27 15:01:40 2021 +0200

    fixup! Bug 40051: Implement 2021 Year End Campaign look in about:tor
---
 chrome/skin/aboutTor.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/chrome/skin/aboutTor.css b/chrome/skin/aboutTor.css
index 2db20151..49b3e21a 100644
--- a/chrome/skin/aboutTor.css
+++ b/chrome/skin/aboutTor.css
@@ -202,6 +202,8 @@ body:not([showmanual]) .showForManual {
   margin-block-start: 1em;
   margin-inline-end: auto;
   background-color: var(--abouttor-donate-button-bg);
+  outline-color: var(--abouttor-donate-button-bg);
+  outline-style: none;
   color: var(--abouttor-donate-button-color);
   font-family: sans-serif;
   font-weight: bold;
@@ -213,14 +215,24 @@ body:not([showmanual]) .showForManual {
   max-height: 3em;
   height: 3em;
   line-height: 3em;
+
+
 }
 
 #donateButton:hover {
   background-color: var(--abouttor-donate-button-bg-hover);
+  outline-color: var(--abouttor-donate-button-bg-hover);
 }
 
 #donateButton:active {
   background-color: var(--abouttor-donate-button-bg-active);
+  outline-color: var(--abouttor-donate-button-bg-active);
+}
+
+#donateButton:focus-visible {
+  outline-style: dotted;
+  outline-width: 1px;
+  outline-offset: 2px;
 }
 
 #bottom {
@@ -305,6 +317,17 @@ body:not([showmanual]) .showForManual {
   margin: 0;
   font-size: 15px;
 }
+
+#search-text:focus-visible {
+  outline: none;
+}
+
+#search-button:focus-visible {
+  outline: 1px dotted black;
+  outline-offset: -6px;
+}
+
+
 /*
  * Mobile specific css
  */