commit 8b9c56f7080aab4bbb5d6f6516e7c828e017f534 Author: Richard Pospesel richard@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 */