nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

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

Browse source 
Differential Revision: https://phabricator.services.mozilla.com/D125870
This commit is contained in:
Harry Twyford 2021-09-27 20:23:37 +00:00
parent de738da4c8
commit 236db3a0ef
22 changed files with 114 additions and 18 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

6
browser/themes/addons/monochromatic/abstract/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/abstract/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/abstract/soft/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/cheers/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/cheers/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/cheers/soft/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/elemental/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/elemental/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/elemental/soft/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/foto/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/foto/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/foto/soft/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/graffiti/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/graffiti/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/graffiti/soft/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/lush/balanced/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/lush/bold/manifest.json
View file

@ -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",

6
browser/themes/addons/monochromatic/lush/soft/manifest.json
View file

@ -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",

2
browser/themes/shared/browser.inc.css
View file

@ -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 */

16
browser/themes/shared/identity-block/identity-block.inc.css
View file

@ -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,

4
browser/themes/shared/urlbar-searchbar.inc.css
View file

@ -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;
}

2
browser/themes/shared/urlbarView.inc.css
View file

@ -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 {