Bug 1731108 - Allow experimental themes to override text color in address bar chiclets. r=dao

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

browser/themes/addons/monochromatic/abstract/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(15, 84%, 65%, 0.3)",
       "address_bar_box": "hsl(15, 62%, 34%)",
+      "address_bar_box_hover": "hsla(15, 62%, 34%, 0.8)",
+      "address_bar_box_active": "hsla(15, 62%, 34%, 0.65)",
       "address_bar_box_focus": "hsl(15, 62%, 40%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(15, 62%, 40%)",
       "panel_item_hover": "hsla(15, 84%, 65%, 0.3)",
       "panel_item_active": "hsla(15, 84%, 65%, 0.45)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/abstract/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(17, 89%, 86%)",
       "sidebar_highlight": "hsla(16, 100%, 86%, 0.2)",
       "address_bar_box": "hsl(12, 5%, 21%)",
+      "address_bar_box_hover": "hsla(12, 5%, 21%, 0.8)",
+      "address_bar_box_active": "hsla(12, 5%, 21%, 0.65)",
       "address_bar_box_focus": "hsl(18, 10%, 25%)",
+      "address_bar_box_text": "hsl(17, 89%, 86%)",
       "address_bar_url_color": "hsl(17, 89%, 82%)",
       "panel_item_hover": "hsla(16, 100%, 86%, 0.2)",
       "panel_item_active": "hsla(16, 100%, 86%, 0.35)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/abstract/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(30, 5%, 8%)",
       "sidebar_highlight": "hsla(15, 90%, 50%, 0.2)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(16, 100%, 82%)",
+      "address_bar_box_text": "hsl(30, 5%, 8%)",
       "address_bar_url_color": "hsl(15, 70%, 38%)",
       "panel_item_hover": "hsla(15, 90%, 50%, 0.2)",
       "panel_item_active": "hsla(15, 90%, 50%, 0.35)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/cheers/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 100%)",
       "sidebar_highlight": "hsla(42, 100%, 62%, 0.22)",
       "address_bar_box": "hsl(42, 95%, 60%)",
+      "address_bar_box_hover": "hsla(42, 95%, 60%, 0.8)",
+      "address_bar_box_active": "hsla(42, 95%, 60%, 0.65)",
       "address_bar_box_focus": "hsl(42, 95%, 70%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
       "address_bar_url_color": "hsl(42, 95%, 60%)",
       "panel_item_hover": "hsla(42, 100%, 62%, 0.22)",
       "panel_item_active": "hsla(42, 100%, 62%, 0.37)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/cheers/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(42, 96%, 65%)",
       "sidebar_highlight": "hsla(42, 95%, 60%, 0.2)",
       "address_bar_box": "hsl(0, 0%, 20%)",
+      "address_bar_box_hover": "hsla(0, 0%, 20%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 20%, 0.65)",
       "address_bar_box_focus": "hsl(0, 0%, 24%)",
+      "address_bar_box_text": "hsl(42, 96%, 65%)",
       "address_bar_url_color": "hsl(42, 70%, 72%)",
       "panel_item_hover": "hsla(42, 95%, 60%, 0.2)",
       "panel_item_active": "hsla(42, 95%, 60%, 0.35)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/cheers/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(42, 100%, 78%, 0.3)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(42, 100%, 84%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
       "address_bar_url_color": "hsl(42, 100%, 28%)",
       "panel_item_hover": "hsla(42, 100%, 78%, 0.3)",
       "panel_item_active": "hsla(42, 100%, 78%, 0.45)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/elemental/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(38, 7%, 70%, 0.6)",
       "address_bar_box": "hsl(38, 7%, 30%)",
+      "address_bar_box_hover": "hsla(38, 7%, 30%, 0.8)",
+      "address_bar_box_active": "hsla(38, 7%, 30%, 0.65)",
       "address_bar_box_focus": "hsl(41, 7%, 52%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(150, 2%, 20%)",
       "panel_item_hover": "hsla(38, 7%, 70%, 0.6)",
       "panel_item_active": "hsla(38, 7%, 70%, 0.75)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/elemental/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 100%)",
       "sidebar_highlight": "hsla(38, 7%, 70%, 0.3)",
       "address_bar_box": "hsl(40, 7%, 25%)",
+      "address_bar_box_hover": "hsla(40, 7%, 25%, 0.8)",
+      "address_bar_box_active": "hsla(40, 7%, 25%, 0.65)",
       "address_bar_box_focus": "hsl(43, 7%, 42%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(40, 6%, 90%)",
       "panel_item_hover": "hsla(38, 7%, 70%, 0.3)",
       "panel_item_active": "hsla(38, 7%, 70%, 0.45)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/elemental/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(48, 10%, 10%)",
       "sidebar_highlight": "hsla(40, 7%, 73%, 0.4)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(30, 7%, 94%)",
+      "address_bar_box_text": "hsl(48, 10%, 10%)",
       "address_bar_url_color": "hsl(42, 7%, 38%)",
       "panel_item_hover": "hsla(40, 7%, 73%, 0.4)",
       "panel_item_active": "hsla(40, 7%, 73%, 0.55)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/foto/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(350, 53%, 75%, 0.5)",
       "address_bar_box": "hsl(351, 37%, 40%)",
+      "address_bar_box_hover": "hsla(351, 37%, 40%, 0.8)",
+      "address_bar_box_active": "hsla(351, 37%, 40%, 0.65)",
       "address_bar_box_focus": "hsl(351, 37%, 47%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(351, 37%, 40%)",
       "panel_item_hover": "hsla(350, 53%, 75%, 0.5)",
       "panel_item_active": "hsla(350, 53%, 75%, 0.65)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/foto/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 100%)",
       "sidebar_highlight": "hsla(351, 32%, 50%, 0.6)",
       "address_bar_box": "hsl(351, 27%, 25%)",
+      "address_bar_box_hover": "hsla(351, 27%, 25%, 0.8)",
+      "address_bar_box_active": "hsla(351, 27%, 25%, 0.65)",
       "address_bar_box_focus": "hsl(351, 32%, 50%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(352, 57%, 90%)",
       "panel_item_hover": "hsla(351, 32%, 50%, 0.6)",
       "panel_item_active": "hsla(351, 32%, 50%, 0.75)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/foto/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(351, 32%, 8%)",
       "sidebar_highlight": "hsla(351, 52%, 82%, 0.5)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(350, 46%, 87%)",
+      "address_bar_box_text": "hsl(351, 32%, 8%)",
       "address_bar_url_color": "hsl(351, 37%, 40%)",
       "panel_item_hover": "hsla(351, 52%, 82%, 0.5)",
       "panel_item_active": "hsla(351, 52%, 82%, 0.65)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/graffiti/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)",
       "address_bar_box": "hsl(278, 33%, 40%)",
+      "address_bar_box_hover": "hsla(278, 33%, 40%, 0.8)",
+      "address_bar_box_active": "hsla(278, 33%, 40%, 0.65)",
       "address_bar_box_focus": "hsl(279, 29%, 52%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(278, 32%, 35%)",
       "panel_item_hover": "hsla(278, 80%, 78%, 0.4)",
       "panel_item_active": "hsla(278, 80%, 78%, 0.55)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/graffiti/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 100%)",
       "sidebar_highlight": "hsla(278, 33%, 52%, 0.6)",
       "address_bar_box": "hsl(275, 15%, 22%)",
+      "address_bar_box_hover": "hsla(275, 15%, 22%, 0.8)",
+      "address_bar_box_active": "hsla(275, 15%, 22%, 0.65)",
       "address_bar_box_focus": "hsl(278, 27%, 48%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(278, 80%, 88%)",
       "panel_item_hover": "hsla(278, 33%, 52%, 0.6)",
       "panel_item_active": "hsla(278, 33%, 52%, 0.75)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/graffiti/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(278, 22%, 10%)",
       "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(278, 79%, 85%)",
+      "address_bar_box_text": "hsl(278, 22%, 10%)",
       "address_bar_url_color": "hsl(278, 33%, 44%)",
       "panel_item_hover": "hsla(278, 80%, 78%, 0.4)",
       "panel_item_active": "hsla(278, 80%, 78%, 0.55)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/lush/balanced/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 0%)",
       "sidebar_highlight": "hsla(145, 36%, 40%, 0.3)",
       "address_bar_box": "hsl(144, 16%, 30%)",
+      "address_bar_box_hover": "hsla(144, 16%, 30%, 0.8)",
+      "address_bar_box_active": "hsla(144, 16%, 30%, 0.65)",
       "address_bar_box_focus": "hsl(146, 15%, 36%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(138, 16%, 32%)",
       "panel_item_hover": "hsla(145, 36%, 40%, 0.3)",
       "panel_item_active": "hsla(145, 36%, 40%, 0.45)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/lush/bold/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(0, 0%, 100%)",
       "sidebar_highlight": "hsla(137, 18%, 50%, 0.42)",
       "address_bar_box": "hsl(140, 2%, 28%)",
+      "address_bar_box_hover": "hsla(140, 2%, 28%, 0.8)",
+      "address_bar_box_active": "hsla(140, 2%, 28%, 0.65)",
       "address_bar_box_focus": "hsl(138, 15%, 44%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
       "address_bar_url_color": "hsl(146, 44%, 86%)",
       "panel_item_hover": "hsla(137, 18%, 50%, 0.42)",
       "panel_item_active": "hsla(137, 18%, 50%, 0.57)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/addons/monochromatic/lush/soft/manifest.json

@@ -36,7 +36,10 @@
       "sidebar_text": "hsl(150, 6%, 20%)",
       "sidebar_highlight": "hsla(143, 25%, 86%, 0.7)",
       "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
       "address_bar_box_focus": "hsl(140, 26%, 93%)",
+      "address_bar_box_text": "hsl(150, 6%, 20%)",
       "address_bar_url_color": "hsl(145, 24%, 32%)",
       "panel_item_hover": "hsla(143, 25%, 86%, 0.7)",
       "panel_item_active": "hsla(143, 25%, 86%, 0.85)",
@@ -46,7 +49,10 @@
   "theme_experiment": {
     "colors": {
       "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
       "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
       "address_bar_url_color": "--urlbar-popup-url-color",
       "panel_item_hover": "--panel-item-hover-bgcolor",
       "panel_item_active": "--panel-item-active-bgcolor",

browser/themes/shared/browser.inc.css

@@ -50,11 +50,11 @@
   --autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent);
 
   --identity-box-margin-inline: 4px;
-  --identity-box-label-opacity: .8;
   --urlbar-box-bgcolor: var(--button-bgcolor);
   --urlbar-box-focus-bgcolor: var(--button-bgcolor);
   --urlbar-box-hover-bgcolor: var(--button-hover-bgcolor);
   --urlbar-box-active-bgcolor: var(--button-active-bgcolor);
+  --urlbar-box-text-color: inherit;
   --urlbar-min-height: 32px;
   --urlbar-icon-fill-opacity: 0.9;
   --urlbar-icon-padding: 6px; /* (32px - 2px border - 2px padding - 16px icon) / 2 */

browser/themes/shared/identity-block/identity-block.inc.css

@@ -53,13 +53,6 @@
   border-radius: var(--urlbar-icon-border-radius);
 }
 
-#identity-box[pageproxystate="valid"].notSecureText #identity-icon-label,
-#identity-box[pageproxystate="valid"].chromeUI #identity-icon-label,
-#identity-box[pageproxystate="valid"].extensionPage #identity-icon-label,
-.urlbar-label {
-  opacity: var(--identity-box-label-opacity);
-}
-
 #identity-icon-label {
   padding-inline-start: 4px;
 }
@@ -75,17 +68,12 @@
 #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
 #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
 #urlbar-label-box {
+  background-color: var(--urlbar-box-bgcolor);
+  color: var(--urlbar-box-text-color);
   padding-inline: 8px;
   border-radius: var(--urlbar-icon-border-radius);
 }
 
-#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
-#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
-#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
-#urlbar-label-box {
-  background-color: var(--urlbar-box-bgcolor);
-}
-
 #urlbar[focused="true"] #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
 #urlbar[focused="true"] #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
 #urlbar[focused="true"] #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,

browser/themes/shared/urlbar-searchbar.inc.css

@@ -274,6 +274,7 @@
 #urlbar-search-mode-indicator {
   display: none;
   background-color: var(--urlbar-box-bgcolor);
+  color: var(--urlbar-box-text-color);
   margin-inline-end: 8px;
   align-items: center;
   border-radius: var(--urlbar-icon-border-radius);
@@ -299,7 +300,6 @@
   height: 16px;
   -moz-context-properties: fill, fill-opacity;
   fill-opacity: 0.6;
-  stroke-opacity: var(--identity-box-label-opacity);
   fill: currentColor;
   border-radius: var(--urlbar-icon-border-radius);
 }
@@ -326,7 +326,6 @@
 
 #urlbar-search-mode-indicator-title {
   padding-inline: 0 3px;
-  opacity: var(--identity-box-label-opacity);
 }
 
 /* Page action panel */
@@ -581,6 +580,7 @@
   padding: 3px 7px;
   border-radius: var(--urlbar-icon-border-radius);
   background-color: var(--urlbar-box-bgcolor);
+  color: var(--urlbar-box-text-color);
   margin-block: calc((var(--urlbar-min-height) - 20px) / 2 - 1px /* border */ - var(--urlbar-container-padding));
   overflow: hidden;
 }

browser/themes/shared/urlbarView.inc.css

@@ -615,12 +615,12 @@
 
 /* Switch-to-tab action text is styled as a chiclet. */
 .urlbarView-row:is([type=switchtab], [type=remotetab]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
+  color: var(--urlbar-box-text-color);
   background-color: var(--urlbar-box-focus-bgcolor);
   border-radius: var(--toolbarbutton-border-radius);
   padding: 6px 8px;
   margin-block: -6px;
   margin-inline-start: 8px;
-  color: inherit;
 }
 
 :root[uidensity=compact] .urlbarView-row:is([type=switchtab], [type=remotetab]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {