diff --git a/chrome/msfx/msfx.css b/chrome/msfx/msfx.css
index 636a3c8..9b8fa8d 100644
--- a/chrome/msfx/msfx.css
+++ b/chrome/msfx/msfx.css
@@ -67,7 +67,7 @@ menuseparator:not([hidden="true"])::before {
position: fixed;
right: 0;
bottom: 0;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMuNDM5NiAzLjQzOTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGc+PHJlY3QgeD0iMi45MTA0IiB5PSIwLjAwMDAiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjY0NTgiIHk9Ii4yNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iLjUyOTE3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi4xMTY3IiB5PSIuNzkzNzUiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjg1MjEiIHk9IjEuMDU4MyIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjEuNTg3NSIgeT0iMS4zMjI5IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS4zMjI5IiB5PSIxLjU4NzUiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjA1ODMiIHk9IjEuODUyMSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9Ii43OTM3NSIgeT0iMi4xMTY3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iLjUyOTE3IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIuMjY0NTgiIHk9IjIuNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjAuMDAwMCIgeT0iMi45MTA0IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi45MTA0IiB5PSIuMjY0NTgiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjY0NTgiIHk9Ii41MjkxNyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iLjc5Mzc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMi4xMTY3IiB5PSIxLjA1ODMiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjg1MjEiIHk9IjEuMzIyOSIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjEuNTg3NSIgeT0iMS41ODc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMS4zMjI5IiB5PSIxLjg1MjEiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjA1ODMiIHk9IjIuMTE2NyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9Ii43OTM3NSIgeT0iMi4zODEyIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iLjUyOTE3IiB5PSIyLjY0NTgiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIuMjY0NTgiIHk9IjIuOTEwNCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuOTEwNCIgeT0iMS4wNTgzIiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi42NDU4IiB5PSIxLjMyMjkiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjM4MTIiIHk9IjEuNTg3NSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMTE2NyIgeT0iMS44NTIxIiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS44NTIxIiB5PSIyLjExNjciIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjU4NzUiIHk9IjIuMzgxMiIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjEuMzIyOSIgeT0iMi42NDU4IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS4wNTgzIiB5PSIyLjkxMDQiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjkxMDQiIHk9IjEuMzIyOSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuNjQ1OCIgeT0iMS41ODc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMi4zODEyIiB5PSIxLjg1MjEiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjExNjciIHk9IjIuMTE2NyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjEuODUyMSIgeT0iMi4zODEyIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMS41ODc1IiB5PSIyLjY0NTgiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjMyMjkiIHk9IjIuOTEwNCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuOTEwNCIgeT0iMi4xMTY3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi42NDU4IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjM4MTIiIHk9IjIuNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMTE2NyIgeT0iMi45MTA0IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi45MTA0IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjY0NTgiIHk9IjIuNjQ1OCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iMi45MTA0IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMy4xNzUwIiB5PSIwLjAwMDAiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iMy40Mzk2IiBmaWxsPSItbW96LURpYWxvZyIvPjxyZWN0IHg9IjAuMDAwMCIgeT0iMy4xNzUwIiB3aWR0aD0iMy4xNzUwIiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iLW1vei1EaWFsb2ciLz48L2c+PC9nPjwvc3ZnPg==");
+ /*background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMuNDM5NiAzLjQzOTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGc+PHJlY3QgeD0iMi45MTA0IiB5PSIwLjAwMDAiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjY0NTgiIHk9Ii4yNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iLjUyOTE3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi4xMTY3IiB5PSIuNzkzNzUiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjg1MjEiIHk9IjEuMDU4MyIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjEuNTg3NSIgeT0iMS4zMjI5IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS4zMjI5IiB5PSIxLjU4NzUiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjA1ODMiIHk9IjEuODUyMSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9Ii43OTM3NSIgeT0iMi4xMTY3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iLjUyOTE3IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIuMjY0NTgiIHk9IjIuNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjAuMDAwMCIgeT0iMi45MTA0IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi45MTA0IiB5PSIuMjY0NTgiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjY0NTgiIHk9Ii41MjkxNyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iLjc5Mzc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMi4xMTY3IiB5PSIxLjA1ODMiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjg1MjEiIHk9IjEuMzIyOSIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjEuNTg3NSIgeT0iMS41ODc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMS4zMjI5IiB5PSIxLjg1MjEiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjA1ODMiIHk9IjIuMTE2NyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9Ii43OTM3NSIgeT0iMi4zODEyIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iLjUyOTE3IiB5PSIyLjY0NTgiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIuMjY0NTgiIHk9IjIuOTEwNCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuOTEwNCIgeT0iMS4wNTgzIiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi42NDU4IiB5PSIxLjMyMjkiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjM4MTIiIHk9IjEuNTg3NSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMTE2NyIgeT0iMS44NTIxIiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS44NTIxIiB5PSIyLjExNjciIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIxLjU4NzUiIHk9IjIuMzgxMiIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjEuMzIyOSIgeT0iMi42NDU4IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMS4wNTgzIiB5PSIyLjkxMDQiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjkxMDQiIHk9IjEuMzIyOSIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuNjQ1OCIgeT0iMS41ODc1IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMi4zODEyIiB5PSIxLjg1MjEiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjExNjciIHk9IjIuMTE2NyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjEuODUyMSIgeT0iMi4zODEyIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMS41ODc1IiB5PSIyLjY0NTgiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIxLjMyMjkiIHk9IjIuOTEwNCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuOTEwNCIgeT0iMi4xMTY3IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi42NDU4IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiLz48cmVjdCB4PSIyLjM4MTIiIHk9IjIuNjQ1OCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9IjIuMTE2NyIgeT0iMi45MTA0IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PHJlY3QgeD0iMi45MTA0IiB5PSIyLjM4MTIiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIyLjY0NTgiIHk9IjIuNjQ1OCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlRFNoYWRvdyIvPjxyZWN0IHg9IjIuMzgxMiIgeT0iMi45MTA0IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMy4xNzUwIiB5PSIwLjAwMDAiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iMy40Mzk2IiBmaWxsPSItbW96LURpYWxvZyIvPjxyZWN0IHg9IjAuMDAwMCIgeT0iMy4xNzUwIiB3aWR0aD0iMy4xNzUwIiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iLW1vei1EaWFsb2ciLz48L2c+PC9nPjwvc3ZnPg==");*/
}
#status-text::before {
@@ -107,7 +107,7 @@ menuseparator:not([hidden="true"])::before {
min-height: 16px !important;
position: fixed !important;
padding-top: 0 !important;
- background-color: transparent; !important;
+ background-color: transparent !important;
}
#statuspanel-inner {
@@ -347,9 +347,7 @@ toolbarspring {
margin-bottom: 1px !important;
}
-.tabbrowser-tab[pinned]
- .tab-icon-stack[soundplaying="true"]
- .tab-icon-image {
+.tabbrowser-tab[pinned] .tab-icon-stack[soundplaying="true"] .tab-icon-image {
display: none !important;
}
@@ -472,7 +470,9 @@ toolbarspring {
#tabs-newtab-button,
.toolbarbutton-1:not(#activity_throbber):not(#back-button):not(#go-button):not(
#find-button
- ):not(#bookmarks-menu-button):not(#history-panelmenu):not(#sidebar-button):not(#ie6_statusbar),
+ ):not(#bookmarks-menu-button):not(#history-panelmenu):not(
+ #sidebar-button
+ ):not(#ie6_statusbar),
#PlacesChevron,
#sidebar-close,
#placesToolbar > toolbarbutton:not([disabled]) {
@@ -500,7 +500,7 @@ toolbarspring {
box-shadow: inset -1px -1px 0 ThreeDHighlight, inset 1px 1px 0 ThreeDShadow;
}
-.bookmark-item:not(.menuitem-iconic):hover,
+.bookmark-item:not(.menuitem-iconic):not([open="true"]):hover,
#tabs-newtab-button:hover,
.toolbarbutton-1:not(#activity_throbber):not(#ie6_statusbar):not(
[disabled]
@@ -557,7 +557,8 @@ toolbarspring {
.findbar-find-next:not([disabled="true"]):active .toolbarbutton-icon,
#tabs-newtab-button:active .toolbarbutton-icon,
#placesToolbar > toolbarbutton:not([disabled]):active,
-.infobar.container .notification-close:active {
+.infobar.container .notification-close:active,
+#main-menubar > menu[_moz-menuactive][open] {
transform: translate(1px, 1px);
}
@@ -1918,7 +1919,9 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon {
position: absolute !important;
right: 0 !important;
background-color: -moz-Dialog !important;
- box-shadow: inset -1px -1px 0 ThreeDDarkShadow, inset 1px 1px 0 ThreeDLightShadow, inset -2px -2px 0 ThreeDShadow, inset 2px 2px 0 ThreeDHighlight !important;
+ box-shadow: inset -1px -1px 0 ThreeDDarkShadow,
+ inset 1px 1px 0 ThreeDLightShadow, inset -2px -2px 0 ThreeDShadow,
+ inset 2px 2px 0 ThreeDHighlight !important;
background-repeat: no-repeat !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJDYW52YXNUZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iNSIgeT0iNiIgeD0iNCIgZmlsbD0iQ2FudmFzVGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjMiIHg9IjUiIHk9IjciIGZpbGw9IkNhbnZhc1RleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJDYW52YXNUZXh0Ii8+CiAgCiAgCjwvc3ZnPg==") !important;
background-position: center center !important;
@@ -2467,7 +2470,9 @@ menupopup > menuitem,
color: LinkText !important;
}
- &:not([disabled]) > .menu-accel-container > :is(.menu-accel, .menu-iconic-accel) {
+ &:not([disabled])
+ > .menu-accel-container
+ > :is(.menu-accel, .menu-iconic-accel) {
color: -moz-DialogText !important;
}
}
diff --git a/chrome/resizer.uc.js b/chrome/resizer.uc.js
new file mode 100644
index 0000000..3aedcea
--- /dev/null
+++ b/chrome/resizer.uc.js
@@ -0,0 +1,31 @@
+(() => {
+ const colorKeys = ["ThreeDFace", "ThreeDShadow", "ThreeDHighlight"];
+ const colors = (() => {
+ const colors = {};
+
+ const elem = document.createElement("div");
+ document.body.appendChild(elem);
+
+ for (const key of colorKeys) {
+ elem.style.color = key;
+ colors[key] = window.getComputedStyle(elem).color;
+ }
+
+ document.body.removeChild(elem);
+
+ return colors;
+ })();
+
+ const css = `#main-window:not([sizemode="maximized"]) #browser-bottombox::after {
+ background-image: url('data:image/svg+xml,');
+}`;
+
+ const sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(
+ Ci.nsIStyleSheetService,
+ );
+ const uri = Services.io.newURI(
+ "data:text/css;charset=UTF=8," + encodeURIComponent(css),
+ );
+
+ sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
+})();
diff --git a/chrome/scrollbar.uc.js b/chrome/scrollbar.uc.js
index f8a9c70..3e7d15f 100644
--- a/chrome/scrollbar.uc.js
+++ b/chrome/scrollbar.uc.js
@@ -1,148 +1,172 @@
(function () {
- var css = `@media all and (-moz-overlay-scrollbars) {
- scrollbar[root="true"] {
- position: relative;
- z-index: 2147483647;
- }
-
- scrollbar:not([active="true"]),
- scrollbar[disabled="true"] {
- visibility: hidden;
- }
+ const colorKeys = [
+ "ThreeDFace",
+ "ThreeDShadow",
+ "ThreeDDarkShadow",
+ "ThreeDLightShadow",
+ "ThreeDHighlight",
+ "ButtonText",
+ ];
+ const colors = (() => {
+ const colors = {};
+
+ const elem = document.createElement("div");
+ document.body.appendChild(elem);
+
+ for (const key of colorKeys) {
+ elem.style.color = key;
+ colors[key] = window.getComputedStyle(elem).color;
+ }
+
+ document.body.removeChild(elem);
+
+ return colors;
+ })();
+
+ const css = `@media all and (-moz-overlay-scrollbars) {
+ scrollbar[root="true"] {
+ position: relative;
+ z-index: 2147483647;
}
-
- scrollbar
- {
- color-scheme: light !important;
- -moz-default-appearance: none;
- -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
- cursor: default;
- min-width: 16px !important;
- background-color: ThreeDHighlight !important;
- opacity: 1 !important;
+
+ scrollbar:not([active="true"]),
+ scrollbar[disabled="true"] {
+ visibility: hidden;
}
-
- thumb
- {
- color-scheme: light !important;
- -moz-default-appearance: none !important;
- position: relative !important;
- background-color: -moz-Dialog !important;
- min-height: 8px !important;
- pointer-events: auto !important;
- border: 0 !important;
- box-shadow: inset -1px -1px 0 WindowFrame, inset 1px 1px 0 -moz-Dialog, inset -2px -2px 0 ThreeDShadow, inset 2px 2px 0 ThreeDHighlight !important;
- }
-
- thumb[orient="horizontal"] {
- -moz-default-appearance: none;
- min-height: 16px !important;
- min-width: 8px !important;
- max-width: 100% !important;
- background-repeat: no-repeat !important;
- }
-
- scrollbarbutton
- {
- color-scheme: light !important;
- min-width: 16px !important;
- min-height: 16px !important;
- -moz-default-appearance: none !important;
- background-color: -moz-Dialog !important;
- box-shadow: inset -1px -1px 0 WindowFrame, inset 1px 1px 0 -moz-Dialog, inset -2px -2px 0 ThreeDShadow, inset 2px 2px 0 ThreeDHighlight !important;
- }
-
- scrollbarbutton:not(.disabled):hover:active
- {
- background-color: -moz-dialog !important;
- border: 1px solid ThreeDShadow !important;
- box-shadow: none !important;
- }
-
- slider,
- slider[orient="vertical"]
- {
- color-scheme: light !important;
- -moz-default-appearance: none;
- background-color: ThreeDHighlight !important;
- background-repeat: repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAuNTI5MTcgLjUyOTE3IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxnPjxyZWN0IHg9Ii4yNjQ1OCIgeT0iMC4wMDAwIiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVEU2hhZG93Ii8+PHJlY3QgeD0iMC4wMDAwIiB5PSIuMjY0NTgiIHdpZHRoPSIuMjY0NTgiIGhlaWdodD0iLjI2NDU4IiBmaWxsPSJUaHJlZURTaGFkb3ciLz48cmVjdCB4PSIwLjAwMDAiIHk9IjAuMDAwMCIgd2lkdGg9Ii4yNjQ1OCIgaGVpZ2h0PSIuMjY0NTgiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIvPjxyZWN0IHg9Ii4yNjQ1OCIgeT0iLjI2NDU4IiB3aWR0aD0iLjI2NDU4IiBoZWlnaHQ9Ii4yNjQ1OCIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0Ii8+PC9nPjwvZz48L3N2Zz4=") !important;
- }
-
- scrollcorner
- {
- color-scheme: light !important;
- -moz-default-appearance: none !important;
- -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
- width: 16px;
- cursor: default;
- background-color: -moz-dialog; !important;
- }
-
- scrollbarbutton[type="increment"]
- {
- -moz-default-appearance: none;
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSI3IiB5PSI0IiB4PSI1IiBmaWxsPSJDYW52YXNUZXh0Ii8+PHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iNSIgeT0iNSIgeD0iNiIgZmlsbD0iQ2FudmFzVGV4dCIvPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjMiIHk9IjYiIHg9IjciIGZpbGw9IkNhbnZhc1RleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI3IiB4PSI4IiBmaWxsPSJDYW52YXNUZXh0Ii8+CiAgCiAgCjwvc3ZnPg==") !important;
- background-position: center center !important;
- }
-
- scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]
- {
- -moz-default-appearance: none;
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJDYW52YXNUZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iNSIgeT0iNiIgeD0iNCIgZmlsbD0iQ2FudmFzVGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjMiIHg9IjUiIHk9IjciIGZpbGw9IkNhbnZhc1RleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJDYW52YXNUZXh0Ii8+CiAgCiAgCjwvc3ZnPg==") !important;
- background-position: center center !important;
- }
-
- scrollbarbutton[type="decrement"]
- {
- -moz-default-appearance: none;
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSI3IiB5PSI0IiB4PSI4IiBmaWxsPSJDYW52YXNUZXh0Ii8+PHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iNSIgeT0iNSIgeD0iNyIgZmlsbD0iQ2FudmFzVGV4dCIvPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjMiIHk9IjYiIHg9IjYiIGZpbGw9IkNhbnZhc1RleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI3IiB4PSI1IiBmaWxsPSJDYW52YXNUZXh0Ii8+CiAgCiAgCjwvc3ZnPg==") !important;
- background-position: center center !important;
- }
-
- scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]
- {
- -moz-default-appearance: none;
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KCTxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjciIHk9IjgiIHg9IjMiIGZpbGw9IkNhbnZhc1RleHQiLz48cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI1IiB4PSI0IiB5PSI3IiBmaWxsPSJDYW52YXNUZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0iQ2FudmFzVGV4dCIvPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHk9IjUiIHg9IjYiIGZpbGw9IkNhbnZhc1RleHQiLz4KCQoJCjwvc3ZnPg==") !important;
- background-position: center center !important;
- }
-
- scrollbarbutton[type="increment"][disabled="true"]
- {
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjciIHk9IjQiIHg9IjUiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIyIiBmaWxsPSJUaHJlZURIaWdobGlnaHQiIHg9IjYiIHk9IjEwIi8+PHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMiIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0IiB4PSI3IiB5PSI5Ii8+PHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMiIgZmlsbD0iVGhyZWVESGlnaGxpZ2h0IiB4PSI4IiB5PSI4Ii8+PHJlY3Qgd2lkdGg9IjEiIGZpbGw9IlRocmVlREhpZ2hsaWdodCIgaGVpZ2h0PSIxIiB5PSI4IiB4PSI5Ii8+PHJlY3QgZmlsbD0iVGhyZWVEU2hhZG93IiB3aWR0aD0iMSIgaGVpZ2h0PSI1IiB5PSI1IiB4PSI2Ii8+PHJlY3QgZmlsbD0iVGhyZWVEU2hhZG93IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiB5PSI2IiB4PSI3Ii8+PHJlY3QgZmlsbD0iVGhyZWVEU2hhZG93IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI3IiB4PSI4Ii8+DQoJDQoJDQo8L3N2Zz4=");
- background-position: center center !important;
- }
-
- scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"]
- {
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjciIHg9IjMiIHk9IjUiLz48cmVjdCBmaWxsPSJUaHJlZURIaWdobGlnaHQiIGhlaWdodD0iMSIgd2lkdGg9IjIiIHk9IjYiIHg9IjkiLz48cmVjdCBmaWxsPSJUaHJlZURIaWdobGlnaHQiIGhlaWdodD0iMSIgd2lkdGg9IjIiIHk9IjciIHg9IjgiLz48cmVjdCBmaWxsPSJUaHJlZURIaWdobGlnaHQiIGhlaWdodD0iMSIgd2lkdGg9IjIiIHg9IjciIHk9IjgiLz48cmVjdCBmaWxsPSJUaHJlZURIaWdobGlnaHQiIGhlaWdodD0iMSIgd2lkdGg9IjEiIHg9IjciIHk9IjkiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjMiIHg9IjUiIHk9IjciLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHg9IjYiIHk9IjgiLz4NCgkNCgkNCjwvc3ZnPg==");
- background-position: center center !important;
- }
-
- scrollbarbutton[type="decrement"][disabled="true"]
- {
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjciIHk9IjQiIHg9IjgiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSI3IiBmaWxsPSJUaHJlZURIaWdobGlnaHQiIHk9IjUiIHg9IjkiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjUiIHk9IjUiIHg9IjciLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjMiIHk9IjYiIHg9IjYiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHk9IjciIHg9IjUiLz4NCgkNCgkNCjwvc3ZnPg==");
- background-position: center center !important;
- }
-
- scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"]
- {
- background-repeat: no-repeat !important;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjciIHk9IjgiIHg9IjMiLz48cmVjdCBmaWxsPSJUaHJlZURIaWdobGlnaHQiIHdpZHRoPSI3IiBoZWlnaHQ9IjEiIHk9IjkiIHg9IjQiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIGhlaWdodD0iMSIgd2lkdGg9IjMiIHk9IjYiIHg9IjUiLz48cmVjdCBmaWxsPSJUaHJlZURTaGFkb3ciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHk9IjUiIHg9IjYiLz4NCgkNCgkNCjwvc3ZnPg==") !important;
- background-position: center !important;
- }`;
- var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(
- Ci.nsIStyleSheetService
+}
+
+scrollbar
+{
+ color-scheme: light !important;
+ -moz-default-appearance: none;
+ -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+ cursor: default;
+ min-width: 16px !important;
+ background-color: ${colors.ThreeDHighlight} !important;
+ opacity: 1 !important;
+}
+
+thumb
+{
+ color-scheme: light !important;
+ -moz-default-appearance: none !important;
+ position: relative !important;
+ background-color: ${colors.ThreeDFace} !important;
+ min-height: 8px !important;
+ pointer-events: auto !important;
+ border: 0 !important;
+ box-shadow: inset -1px -1px 0 ${colors.ThreeDDarkShadow}, inset 1px 1px 0 ${colors.ThreeDLightShadow}, inset -2px -2px 0 ${colors.ThreeDShadow}, inset 2px 2px 0 ${colors.ThreeDHighlight} !important;
+}
+
+thumb[orient="horizontal"] {
+ -moz-default-appearance: none;
+ min-height: 16px !important;
+ min-width: 8px !important;
+ max-width: 100% !important;
+ background-repeat: no-repeat !important;
+}
+
+scrollbarbutton
+{
+ color-scheme: light !important;
+ min-width: 16px !important;
+ min-height: 16px !important;
+ -moz-default-appearance: none !important;
+ background-color: ${colors.ThreeDFace} !important;
+ box-shadow: inset -1px -1px 0 ${colors.ThreeDDarkShadow}, inset 1px 1px 0 ${colors.ThreeDLightShadow}, inset -2px -2px 0 ${colors.ThreeDShadow}, inset 2px 2px 0 ${colors.ThreeDHighlight} !important;
+}
+
+scrollbarbutton:not(.disabled):hover:active
+{
+ background-color: ${colors.ThreeDFace} !important;
+ border: 1px solid ${colors.ThreeDShadow} !important;
+ box-shadow: none !important;
+}
+
+slider,
+slider[orient="vertical"]
+{
+ color-scheme: light !important;
+ -moz-default-appearance: none;
+ background-color: ${colors.ThreeDHighlight} !important;
+ background-repeat: repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+}
+
+scrollcorner
+{
+ color-scheme: light !important;
+ -moz-default-appearance: none !important;
+ -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
+ width: 16px;
+ cursor: default;
+ background-color: ${colors.ThreeDFace} !important;
+}
+
+scrollbarbutton[type="increment"]
+{
+ -moz-default-appearance: none;
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+ background-position: center center !important;
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]
+{
+ -moz-default-appearance: none;
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+ background-position: center center !important;
+}
+
+scrollbarbutton[type="decrement"]
+{
+ -moz-default-appearance: none;
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+ background-position: center center !important;
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]
+{
+ -moz-default-appearance: none;
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+ background-position: center center !important;
+}
+
+scrollbarbutton[type="increment"][disabled="true"]
+{
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,');
+ background-position: center center !important;
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"]
+{
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,');
+ background-position: center center !important;
+}
+
+scrollbarbutton[type="decrement"][disabled="true"]
+{
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,');
+ background-position: center center !important;
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"]
+{
+ background-repeat: no-repeat !important;
+ background-image: url('data:image/svg+xml,') !important;
+ background-position: center !important;
+}`;
+ const sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(
+ Ci.nsIStyleSheetService,
);
- var uri = Services.io.newURI(
- "data:text/css;charset=UTF=8," + encodeURIComponent(css)
+ const uri = Services.io.newURI(
+ "data:text/css;charset=UTF=8," + encodeURIComponent(css),
);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);