diff --git a/browser/themes/addons/monochromatic/abstract/balanced/manifest.json b/browser/themes/addons/monochromatic/abstract/balanced/manifest.json index e6c2116237e9..f5c12ae4a39a 100644 --- a/browser/themes/addons/monochromatic/abstract/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/abstract/bold/manifest.json b/browser/themes/addons/monochromatic/abstract/bold/manifest.json index 7e08cfe7b82f..fb9fadc80989 100644 --- a/browser/themes/addons/monochromatic/abstract/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/abstract/soft/manifest.json b/browser/themes/addons/monochromatic/abstract/soft/manifest.json index 08685b8259ad..9eefa05e5ebe 100644 --- a/browser/themes/addons/monochromatic/abstract/soft/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/cheers/balanced/manifest.json b/browser/themes/addons/monochromatic/cheers/balanced/manifest.json index 6555a29a87bf..6bf2474dcb43 100644 --- a/browser/themes/addons/monochromatic/cheers/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/cheers/bold/manifest.json b/browser/themes/addons/monochromatic/cheers/bold/manifest.json index dc289c2abdbc..edb17686d27e 100644 --- a/browser/themes/addons/monochromatic/cheers/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/cheers/soft/manifest.json b/browser/themes/addons/monochromatic/cheers/soft/manifest.json index 9892f2276407..54948118f583 100644 --- a/browser/themes/addons/monochromatic/cheers/soft/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/elemental/balanced/manifest.json b/browser/themes/addons/monochromatic/elemental/balanced/manifest.json index 89a323dceed7..31ce88103359 100644 --- a/browser/themes/addons/monochromatic/elemental/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/elemental/bold/manifest.json b/browser/themes/addons/monochromatic/elemental/bold/manifest.json index 683c6710556e..9e8fda5bc170 100644 --- a/browser/themes/addons/monochromatic/elemental/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/elemental/soft/manifest.json b/browser/themes/addons/monochromatic/elemental/soft/manifest.json index 02973f3d7b9a..fcc05fca2caf 100644 --- a/browser/themes/addons/monochromatic/elemental/soft/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/foto/balanced/manifest.json b/browser/themes/addons/monochromatic/foto/balanced/manifest.json index a1e7460ebae9..a576b3dcce58 100644 --- a/browser/themes/addons/monochromatic/foto/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/foto/bold/manifest.json b/browser/themes/addons/monochromatic/foto/bold/manifest.json index 60759b4052b3..29d2465d4c58 100644 --- a/browser/themes/addons/monochromatic/foto/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/foto/soft/manifest.json b/browser/themes/addons/monochromatic/foto/soft/manifest.json index 8c5d9e817439..cb50ad405ded 100644 --- a/browser/themes/addons/monochromatic/foto/soft/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/graffiti/balanced/manifest.json b/browser/themes/addons/monochromatic/graffiti/balanced/manifest.json index 7d104af69508..f07678e680f2 100644 --- a/browser/themes/addons/monochromatic/graffiti/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/graffiti/bold/manifest.json b/browser/themes/addons/monochromatic/graffiti/bold/manifest.json index 74b7dde92b28..76170e493064 100644 --- a/browser/themes/addons/monochromatic/graffiti/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/graffiti/soft/manifest.json b/browser/themes/addons/monochromatic/graffiti/soft/manifest.json index 7e5f1ffc793b..01512ae89b5f 100644 --- a/browser/themes/addons/monochromatic/graffiti/soft/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/lush/balanced/manifest.json b/browser/themes/addons/monochromatic/lush/balanced/manifest.json index f5a3abdfc698..04aad468f64b 100644 --- a/browser/themes/addons/monochromatic/lush/balanced/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/lush/bold/manifest.json b/browser/themes/addons/monochromatic/lush/bold/manifest.json index 57cb80d8b979..f9061c9461d7 100644 --- a/browser/themes/addons/monochromatic/lush/bold/manifest.json +++ b/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", diff --git a/browser/themes/addons/monochromatic/lush/soft/manifest.json b/browser/themes/addons/monochromatic/lush/soft/manifest.json index 00443b02fc95..e5e3aeab6cf5 100644 --- a/browser/themes/addons/monochromatic/lush/soft/manifest.json +++ b/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", diff --git a/browser/themes/shared/browser.inc.css b/browser/themes/shared/browser.inc.css index 097552b8e8a5..cad3686ea60f 100644 --- a/browser/themes/shared/browser.inc.css +++ b/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 */ diff --git a/browser/themes/shared/identity-block/identity-block.inc.css b/browser/themes/shared/identity-block/identity-block.inc.css index c0cf6ec16df1..2c3860999354 100644 --- a/browser/themes/shared/identity-block/identity-block.inc.css +++ b/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, diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css index 334b68808d04..20d65c04b611 100644 --- a/browser/themes/shared/urlbar-searchbar.inc.css +++ b/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; } diff --git a/browser/themes/shared/urlbarView.inc.css b/browser/themes/shared/urlbarView.inc.css index 87577ebbdb6c..cd75fa04ec06 100644 --- a/browser/themes/shared/urlbarView.inc.css +++ b/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 {