From 842c8e94469dfc518cd86f4e3ba2ba8774ff9cd7 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Sun, 25 Feb 2024 11:31:17 -0700 Subject: [PATCH] ff124 fixes - fix scrollbar coloring - fix resizer coloring (moved to script) - fix menubar menu items not being offset when open - fix missing inset border on open bookmarks bar folders --- chrome/msfx/msfx.css | 25 ++-- chrome/resizer.uc.js | 31 +++++ chrome/scrollbar.uc.js | 306 ++++++++++++++++++++++------------------- 3 files changed, 211 insertions(+), 151 deletions(-) create mode 100644 chrome/resizer.uc.js 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);