Commit 8cfb49a3 authored by henry's avatar henry Committed by morgan
Browse files

fixup! Bug 41817: tor-browser semantic colors. 

Bug 41811: Use the tor color for .tor-button focus outlines.
parent 93ecfbc3

toolkit/themes/shared/tor-colors.css

+21 −4
Original line number Diff line number Diff line 
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";



:root {

  /* Photon colors not available in Firefox. */

  --purple-30: #c069ff;
@@ -126,19 +128,34 @@ 


/* Has a higher specificity than `button` and `button.primary`. */

button.tor-button:is(*, .primary),

xul|button.tor-button:is(*, [default]),

.tor-button {

  color: var(--tor-button-text-color);

  background-color: var(--tor-button-background-color);

}



button.tor-button:is(*, .primary):hover,

.tor-button:hover {

:is(

  button.tor-button:is(*, .primary),

  xul|button.tor-button:is(*, [default]),

  .tor-button

):not([disabled]):hover {

  color: var(--tor-button-text-color-hover);

  background-color: var(--tor-button-background-color-hover);

}



button.tor-button:is(*, .primary):hover:active,

.tor-button:hover:active {

:is(

  button.tor-button:is(*, .primary),

  xul|button.tor-button:is(*, [default]),

  .tor-button

):not([disabled]):hover:active {

  color: var(--tor-button-text-color-active);

  background-color: var(--tor-button-background-color-active);

}



:is(

  button.tor-button:is(*, .primary),

  xul|button.tor-button:is(*, [default]),

  .tor-button

):focus-visible {

  outline-color: var(--tor-focus-outline-color);

}