Bug 1698406 - Remove --in-content-box-background-{hover/active} variables. r=jaws

Differential Revision: https://phabricator.services.mozilla.com/D108393

browser/extensions/formautofill/content/manageDialog.css

@@ -26,7 +26,7 @@ fieldset > legend {
   width: 100%;
   padding: 0.4em 0.7em;
   color: #808080;
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-box-info-background);
   border: 1px solid var(--in-content-box-border-color);
   border-radius: 2px 2px 0 0;
   user-select: none;

browser/themes/shared/aboutNetError.css

@@ -164,7 +164,7 @@ body:not(.neterror) #advancedButton {
 
 #certificateErrorDebugInformation {
   display: none;
-  background-color: var(--in-content-box-background-hover) !important;
+  background-color: var(--in-content-box-info-background) !important;
   border-top: 1px solid var(--in-content-border-color);
   width: 100%;
   padding: 1em 17.5%;

browser/themes/shared/aboutTabCrashed.css

@@ -15,7 +15,7 @@ body {
 }
 
 #reportBox {
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-box-info-background);
   margin: 24px 0;
   padding: 14px;
   border: 1px solid var(--in-content-box-border-color);

toolkit/components/certviewer/content/components/info-item.css

@@ -33,7 +33,7 @@ label {
 
 .long-hex:hover {
   border-block: 1px solid var(--in-content-border-color);
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-item-hover);
   padding: 0;
 }
 

toolkit/components/certviewer/content/components/list-item.css

@@ -12,7 +12,7 @@
 }
 
 :host(:hover) {
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-item-hover);
   border-inline-color: var(--in-content-box-border-color);
   cursor: pointer;
 }

toolkit/components/normandy/content/about-studies/about-studies.css

@@ -40,7 +40,7 @@ button > .button-box {
 
 .info-box-content {
   align-items: center;
-  background: var(--in-content-box-background-hover);
+  background: var(--in-content-box-info-background);
   border: 1px solid var(--in-content-border-color);
   display: inline-flex;
   padding: 10px 15px;

toolkit/themes/shared/in-content/common.inc.css

@@ -14,8 +14,6 @@
   --in-content-selected-text: #fff;
   --in-content-box-background: #fff;
   --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
-  --in-content-box-background-hover: #ededf0; /* grey 20 */
-  --in-content-box-background-active: #d7d7db; /* grey 30 */
   --in-content-box-border-color: var(--grey-90-a30);
   --in-content-box-info-background: var(--grey-20);
   --in-content-item-hover: rgba(69, 161, 255, 0.2); /* blue 40 a20 */
@@ -142,8 +140,6 @@
     --in-content-text-color: var(--in-content-page-color);
     --in-content-deemphasized-text: var(--grey-40);
     --in-content-box-background: #202023;
-    --in-content-box-background-hover: rgba(249,249,250,0.15);
-    --in-content-box-background-active: rgba(249,249,250,0.2);
     --in-content-box-background-odd: rgba(249,249,250,0.05);
     --in-content-box-info-background: rgba(249,249,250,0.15);
 
@@ -996,15 +992,19 @@ xul|treecol:not([hideheader="true"]),
 xul|treecolpicker {
   appearance: none;
   border: none;
-  background-color: var(--in-content-box-background-hover);
-  color: #808080;
+  background-color: var(--in-content-button-background);
+  color: inherit;
   padding: 5px 10px;
 }
 
 xul|treecol:not([hideheader="true"], [sortable="false"]):hover,
 xul|treecolpicker:hover {
-  background-color: var(--in-content-box-background-active);
-  color: var(--in-content-text-color);
+  background-color: var(--in-content-button-background-hover);
+}
+
+xul|treecol:not([hideheader="true"], [sortable="false"]):hover:active,
+xul|treecolpicker:hover:active {
+  background-color: var(--in-content-button-background-active);
 }
 
 xul|treecol:not([hideheader="true"], :first-child),