From b59ed7b89d3bb923bf3815588f9c48602689ba15 Mon Sep 17 00:00:00 2001 From: ZapSNH <134786889+zapSNH@users.noreply.github.com> Date: Wed, 20 Dec 2023 15:54:58 +0800 Subject: [PATCH 1/4] Add console and eyedropper icons --- icons/command-console.svg | 1 + icons/command-eyedropper.svg | 1 + 2 files changed, 2 insertions(+) create mode 100644 icons/command-console.svg create mode 100644 icons/command-eyedropper.svg diff --git a/icons/command-console.svg b/icons/command-console.svg new file mode 100644 index 00000000..6e8a445f --- /dev/null +++ b/icons/command-console.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/command-eyedropper.svg b/icons/command-eyedropper.svg new file mode 100644 index 00000000..708e127e --- /dev/null +++ b/icons/command-eyedropper.svg @@ -0,0 +1 @@ + \ No newline at end of file From 1109403c792e5ded4936d7d462b4c52fd9afd4f5 Mon Sep 17 00:00:00 2001 From: Zap <134786889+zapSNH@users.noreply.github.com> Date: Thu, 21 Dec 2023 11:53:35 +0800 Subject: [PATCH 2/4] Add 1.25px icons for 1.5px icons --- icons/firefox-view.svg | 1 + icons/flame.svg | 1 + icons/tab-photon.svg | 4 +--- icons/translations.svg | 1 + 4 files changed, 4 insertions(+), 3 deletions(-) create mode 100644 icons/firefox-view.svg create mode 100644 icons/flame.svg create mode 100644 icons/translations.svg diff --git a/icons/firefox-view.svg b/icons/firefox-view.svg new file mode 100644 index 00000000..a3da0d09 --- /dev/null +++ b/icons/firefox-view.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/flame.svg b/icons/flame.svg new file mode 100644 index 00000000..dd1062cf --- /dev/null +++ b/icons/flame.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/tab-photon.svg b/icons/tab-photon.svg index 2b0c392d..c9199598 100644 --- a/icons/tab-photon.svg +++ b/icons/tab-photon.svg @@ -1,3 +1 @@ - - - \ No newline at end of file + \ No newline at end of file diff --git a/icons/translations.svg b/icons/translations.svg new file mode 100644 index 00000000..155c55fe --- /dev/null +++ b/icons/translations.svg @@ -0,0 +1 @@ + \ No newline at end of file From 9e01bc6e9793ea7f49226a868e10689dd948743f Mon Sep 17 00:00:00 2001 From: zapSNH <134786889+zapSNH@users.noreply.github.com> Date: Thu, 21 Dec 2023 12:28:36 +0800 Subject: [PATCH 3/4] Add: Icons - Update old Photon Icons --- css/leptonChrome.css | 28 ++++++++++++++-------------- css/leptonChromeESR.css | 14 +++++++------- src/icons/_global_menu.scss | 6 +++--- src/icons/_panel.scss | 8 ++++---- 4 files changed, 28 insertions(+), 28 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 768ace0a..58153ac2 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -10940,7 +10940,7 @@ list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } #appMenu-translate-button { - list-style-image: url(chrome://browser/skin/translations.svg); + list-style-image: url("../icons/translations.svg"); } #appMenu-zoom-controls2::before, #appMenu-zoom-controls::before { @@ -11166,7 +11166,7 @@ /* Browser Console */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("chrome://devtools/skin/images/command-console.svg"); + list-style-image: url("../icons/command-console.svg"); } /* Responsive Design Mode */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), @@ -11176,7 +11176,7 @@ /* Eyedropper */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + list-style-image: url("../icons/command-eyedropper.svg"); } /* Page Source - Edge file-search.svg */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), @@ -11186,7 +11186,7 @@ /* Extensions for Devel */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); } #appmenu-developer-tools-view .subviewbutton:last-child { margin-bottom: 6px !important; @@ -13024,7 +13024,7 @@ --menuitem-image: url("../icons/command-frames.svg"); } #menu_browserConsole { - --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); + --menuitem-image: url("../icons/command-console.svg"); } #menu_responsiveUI { /* checkbox */ @@ -13032,13 +13032,13 @@ } #menu_eyedropper { /* checkbox */ - --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + --menuitem-image: url("../icons/command-eyedropper.svg"); } #menu_pageSource { --menuitem-image: url("../icons/document-search.svg"); } #extensionsForDevelopers { - --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); } /*= windowPopup ==============================================================*/ #windowPopup > menuitem[command="minimizeWindow"] { @@ -25345,7 +25345,7 @@ list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } #appMenu-translate-button { - list-style-image: url(chrome://browser/skin/translations.svg); + list-style-image: url("../icons/translations.svg"); } #appMenu-zoom-controls2::before, #appMenu-zoom-controls::before { @@ -25653,7 +25653,7 @@ @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("chrome://devtools/skin/images/command-console.svg"); + list-style-image: url("../icons/command-console.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { @@ -25665,7 +25665,7 @@ @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + list-style-image: url("../icons/command-eyedropper.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { @@ -25677,7 +25677,7 @@ @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { @@ -28108,7 +28108,7 @@ } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { #menu_browserConsole { - --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); + --menuitem-image: url("../icons/command-console.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { @@ -28120,7 +28120,7 @@ @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { #menu_eyedropper { /* checkbox */ - --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + --menuitem-image: url("../icons/command-eyedropper.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { @@ -28130,7 +28130,7 @@ } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { #extensionsForDevelopers { - --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); } } @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index 01d509da..f4008f5b 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -11357,7 +11357,7 @@ list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } #appMenu-translate-button { - list-style-image: url(chrome://browser/skin/translations.svg); + list-style-image: url("../icons/translations.svg"); } #appMenu-zoom-controls2::before, #appMenu-zoom-controls::before { @@ -11583,7 +11583,7 @@ /* Browser Console */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("chrome://devtools/skin/images/command-console.svg"); + list-style-image: url("../icons/command-console.svg"); } /* Responsive Design Mode */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), @@ -11593,7 +11593,7 @@ /* Eyedropper */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + list-style-image: url("../icons/command-eyedropper.svg"); } /* Page Source - Edge file-search.svg */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), @@ -11603,7 +11603,7 @@ /* Extensions for Devel */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); } #appmenu-developer-tools-view .subviewbutton:last-child { margin-bottom: 6px !important; @@ -13633,7 +13633,7 @@ --menuitem-image: url("../icons/command-frames.svg"); } #menu_browserConsole { - --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); + --menuitem-image: url("../icons/command-console.svg"); } #menu_responsiveUI { /* checkbox */ @@ -13641,13 +13641,13 @@ } #menu_eyedropper { /* checkbox */ - --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + --menuitem-image: url("../icons/command-eyedropper.svg"); } #menu_pageSource { --menuitem-image: url("../icons/document-search.svg"); } #extensionsForDevelopers { - --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); } /*= windowPopup ==============================================================*/ #windowPopup > menuitem[command="minimizeWindow"] { diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index 0c93d6f4..bb64697b 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -282,7 +282,7 @@ menu.share-tab-url-item { --menuitem-image: url("../icons/command-frames.svg"); } #menu_browserConsole { - --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); + --menuitem-image: url("../icons/command-console.svg"); } #menu_responsiveUI { /* checkbox */ @@ -290,13 +290,13 @@ menu.share-tab-url-item { } #menu_eyedropper { /* checkbox */ - --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + --menuitem-image: url("../icons/command-eyedropper.svg"); } #menu_pageSource { --menuitem-image: url("../icons/document-search.svg"); } #extensionsForDevelopers { - --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); } /*= windowPopup ==============================================================*/ diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss index 2b0a8594..c334e99e 100644 --- a/src/icons/_panel.scss +++ b/src/icons/_panel.scss @@ -99,7 +99,7 @@ list-style-image: url("chrome://global/skin/icons/search-glass.svg"); } #appMenu-translate-button { - list-style-image: url(chrome://browser/skin/translations.svg); + list-style-image: url("../icons/translations.svg"); } #appMenu-zoom-controls2::before, /* Legacy v104 */ #appMenu-zoom-controls::before { @@ -340,7 +340,7 @@ panelMenuBookmarkThisPage[starred] { /* Browser Console */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("chrome://devtools/skin/images/command-console.svg"); + list-style-image: url("../icons/command-console.svg"); } /* Responsive Design Mode */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), @@ -350,7 +350,7 @@ panelMenuBookmarkThisPage[starred] { /* Eyedropper */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + list-style-image: url("../icons/command-eyedropper.svg"); } /* Page Source - Edge file-search.svg */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), @@ -360,7 +360,7 @@ panelMenuBookmarkThisPage[starred] { /* Extensions for Devel */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg"); + list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); } #appmenu-developer-tools-view .subviewbutton:last-child { margin-bottom: 6px !important; From b3e7fff7a5f26874ab6929e2a295e6bf3b790bc5 Mon Sep 17 00:00:00 2001 From: ZapSNH <134786889+zapSNH@users.noreply.github.com> Date: Fri, 22 Dec 2023 12:42:40 +0800 Subject: [PATCH 4/4] Add: Icons - Option for 1.25px stroke --- css/leptonChrome.css | 24 ++++++++++++++++++++++++ css/leptonChromeESR.css | 12 ++++++++++++ src/icons/_1.25px_stroke.scss | 9 +++++++++ src/icons/_index.scss | 5 +++++ user.js | 1 + 5 files changed, 51 insertions(+) create mode 100644 src/icons/_1.25px_stroke.scss diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 58153ac2..1cc1cd70 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -13143,6 +13143,18 @@ } } } + /** Icons - 1.25px Stroke Width ***********************************************/ + @supports -moz-bool-pref("userChrome.icon.1-25px_stroke") { + #firefox-view-button { + list-style-image: url("../icons/firefox-view.svg") !important; + } + #reset-pbm-toolbar-button { + list-style-image: url("../icons/flame.svg") !important; + } + #translations-button-icon { + list-style-image: url("../icons/translations.svg") !important; + } + } /** Icons for fork browsers ***************************************************/ /*= Waterfox =================================================================*/ @supports -moz-bool-pref("userChrome.icon.panel") { @@ -24855,6 +24867,7 @@ /** Library - Icons Replace ***************************************************/ /** Panel - Icons *************************************************************/ /** Menu - Icons Layout *******************************************************/ + /** Icons - 1.25px Stroke Width ***********************************************/ /** Icons for fork browsers ***************************************************/ /*= Waterfox =================================================================*/ /*= Tor Browser ==============================================================*/ @@ -28278,6 +28291,17 @@ --menuitem-image: url("chrome://browser/skin/import.svg"); } } +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.1-25px_stroke") { + #firefox-view-button { + list-style-image: url("../icons/firefox-view.svg") !important; + } + #reset-pbm-toolbar-button { + list-style-image: url("../icons/flame.svg") !important; + } + #translations-button-icon { + list-style-image: url("../icons/translations.svg") !important; + } +} @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { #appMenu-restart-button { list-style-image: url("../icons/refresh-cw.svg") !important; diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index f4008f5b..fd2a8389 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -13752,6 +13752,18 @@ } } } + /** Icons - 1.25px Stroke Width ***********************************************/ + @supports -moz-bool-pref("userChrome.icon.1-25px_stroke") { + #firefox-view-button { + list-style-image: url("../icons/firefox-view.svg") !important; + } + #reset-pbm-toolbar-button { + list-style-image: url("../icons/flame.svg") !important; + } + #translations-button-icon { + list-style-image: url("../icons/translations.svg") !important; + } + } /** Icons for fork browsers ***************************************************/ /*= Waterfox =================================================================*/ @supports -moz-bool-pref("userChrome.icon.panel") { diff --git a/src/icons/_1.25px_stroke.scss b/src/icons/_1.25px_stroke.scss new file mode 100644 index 00000000..0e0a03ce --- /dev/null +++ b/src/icons/_1.25px_stroke.scss @@ -0,0 +1,9 @@ +#firefox-view-button { + list-style-image: url("../icons/firefox-view.svg") !important; +} +#reset-pbm-toolbar-button { + list-style-image: url("../icons/flame.svg") !important; +} +#translations-button-icon { + list-style-image: url("../icons/translations.svg") !important; +} \ No newline at end of file diff --git a/src/icons/_index.scss b/src/icons/_index.scss index cdbf0237..60dce9ed 100644 --- a/src/icons/_index.scss +++ b/src/icons/_index.scss @@ -70,5 +70,10 @@ } } +/** Icons - 1.25px Stroke Width ***********************************************/ +@include Option("userChrome.icon.1-25px_stroke") { + @import "1.25px_stroke"; +} + /** Icons for fork browsers ***************************************************/ @import "fork_browsers/index"; diff --git a/user.js b/user.js index 39086e26..ce9873cd 100644 --- a/user.js +++ b/user.js @@ -258,6 +258,7 @@ user_pref("userChrome.icon.menu", true); user_pref("userChrome.icon.context_menu", true); user_pref("userChrome.icon.global_menu", true); user_pref("userChrome.icon.global_menubar", true); +user_pref("userChrome.icon.1-25px_stroke", true); // -- User Content ------------------------------------------------------------- user_pref("userContent.player.ui", true);