From 2e6532887b1af94a40c8c774b3300ef10b24ceb3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 4 Jun 2022 23:15:01 +0900 Subject: [PATCH 1/3] Add: Icons- enable existed icons --- css/leptonChrome.css | 34 ++++++++++++++++++----- css/leptonContent.css | 2 +- src/icons/_global_menu.scss | 5 ++++ src/icons/_panel.scss | 2 +- src/icons/context_menu/_content_area.scss | 8 +++--- src/icons/context_menu/_place.scss | 2 +- src/icons/context_menu/_tab_toolbar.scss | 2 +- 7 files changed, 40 insertions(+), 15 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 635d46b..cb5c80d 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -5771,7 +5771,7 @@ list-style-image: url("../icons/window-dev-tools.svg"); } - /* Browser Content Toolbaox - */ + /* Browser Content Toolbox */ #appmenu-developer-tools-view .subviewbutton:nth-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("../icons/command-frames.svg"); @@ -6400,7 +6400,7 @@ #toggle_toolbar-menubar { /* checkbox */ - /* --menuitem-image: url("../icons/calendar-agenda.svg"); */ + --menuitem-image: url("../icons/calendar-agenda.svg"); } #toggle_PersonalToolbar { @@ -6419,12 +6419,12 @@ #context-viewsource-wrapLongLines { /* checkbox */ - /* --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); */ + --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); } #context-viewsource-highlightSyntax { /* checkbox */ - /* --menuitem-image: url("../icons/code.svg"); */ + --menuitem-image: url("../icons/code.svg"); } #spell-no-suggestions { @@ -6509,7 +6509,7 @@ #context-media-loop { /* checkbox */ - /* --menuitem-image: url("../icons/arrow-repeat-all.svg"); */ + --menuitem-image: url("../icons/arrow-repeat-all.svg"); } #context-leave-dom-fullscreen { @@ -6534,7 +6534,7 @@ #context-video-pictureinpicture { /* checkbox */ - /* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */ + --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); } #context-reloadimage { @@ -6808,7 +6808,7 @@ #show-other-bookmarks_PersonalToolbar { /* checkbox */ - /* --menuitem-image: url("../icons/star-line-horizontal.svg"); */ + --menuitem-image: url("../icons/star-line-horizontal.svg"); } #placesContext_showAllBookmarks { @@ -7130,6 +7130,10 @@ --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } + #menu_newUserContext { + --menuitem-image: url("../icons/container-openin-16.svg"); + } + #menu_newNavigator { --menuitem-image: url("chrome://browser/skin/window.svg"); } @@ -7268,6 +7272,10 @@ --menuitem-image: url("../icons/restore-session.svg"); } + #hiddenTabsMenu { + --menuitem-image: url("../icons/eye-hide.svg"); + } + #historyUndoMenu { --menuitem-image: url("chrome://browser/skin/tab.svg"); } @@ -7326,6 +7334,10 @@ } /* menuWebDeveloperPopup sub menu */ + #menu_devToolbox { + --menuitem-image: url("../icons/developer.svg"); + } + #menu_taskManager { --menuitem-image: url("../icons/performance.svg"); } @@ -7346,6 +7358,14 @@ --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); } + #menu_responsiveUI { + --menuitem-image: url("../icons/command-responsivemode.svg"); + } + + #menu_eyedropper { + --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + } + #menu_pageSource { --menuitem-image: url("../icons/document-search.svg"); } diff --git a/css/leptonContent.css b/css/leptonContent.css index 587c725..8301255 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -2241,7 +2241,7 @@ #show-other-bookmarks_PersonalToolbar { /* checkbox */ - /* --menuitem-image: url("../icons/star-line-horizontal.svg"); */ + --menuitem-image: url("../icons/star-line-horizontal.svg"); } #placesContext_showAllBookmarks { diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index 99b12c1..dc65d82 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -4,6 +4,7 @@ --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } #menu_newUserContext { + --menuitem-image: url("../icons/container-openin-16.svg"); } #menu_newNavigator { --menuitem-image: url("chrome://browser/skin/window.svg"); @@ -152,6 +153,7 @@ --menuitem-image: url("../icons/restore-session.svg"); } #hiddenTabsMenu { + --menuitem-image: url("../icons/eye-hide.svg") } #historyUndoMenu { --menuitem-image: url("chrome://browser/skin/tab.svg"); @@ -220,6 +222,7 @@ #enableDeveloperTools { } #menu_devToolbox { + --menuitem-image: url("../icons/developer.svg"); } #menu_taskManager { --menuitem-image: url("../icons/performance.svg"); @@ -237,8 +240,10 @@ --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); } #menu_responsiveUI { + --menuitem-image: url("../icons/command-responsivemode.svg"); } #menu_eyedropper { + --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); } #menu_pageSource { --menuitem-image: url("../icons/document-search.svg"); diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss index a299aa4..d4290b6 100644 --- a/src/icons/_panel.scss +++ b/src/icons/_panel.scss @@ -278,7 +278,7 @@ panelMenuBookmarkThisPage[starred] { #PanelUI-developer-tools-view .subviewbutton:nth-child(4) { list-style-image: url("../icons/window-dev-tools.svg"); } -/* Browser Content Toolbaox - */ +/* Browser Content Toolbox */ #appmenu-developer-tools-view .subviewbutton:nth-child(5), #PanelUI-developer-tools-view .subviewbutton:nth-child(5) { list-style-image: url("../icons/command-frames.svg"); diff --git a/src/icons/context_menu/_content_area.scss b/src/icons/context_menu/_content_area.scss index 01580aa..f0118be 100644 --- a/src/icons/context_menu/_content_area.scss +++ b/src/icons/context_menu/_content_area.scss @@ -4,12 +4,12 @@ } #context-viewsource-wrapLongLines { /* checkbox */ - /* --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); */ + --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); } #context-viewsource-highlightSyntax { /* checkbox */ - /* --menuitem-image: url("../icons/code.svg"); */ + --menuitem-image: url("../icons/code.svg"); } #spell-no-suggestions { @@ -77,7 +77,7 @@ } #context-media-loop { /* checkbox */ - /* --menuitem-image: url("../icons/arrow-repeat-all.svg"); */ + --menuitem-image: url("../icons/arrow-repeat-all.svg"); } #context-leave-dom-fullscreen { --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg"); @@ -97,7 +97,7 @@ } #context-video-pictureinpicture { /* checkbox */ - /* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */ + --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); } #context-reloadimage { diff --git a/src/icons/context_menu/_place.scss b/src/icons/context_menu/_place.scss index 6310fa2..cef867e 100644 --- a/src/icons/context_menu/_place.scss +++ b/src/icons/context_menu/_place.scss @@ -68,7 +68,7 @@ } #show-other-bookmarks_PersonalToolbar { /* checkbox */ - /* --menuitem-image: url("../icons/star-line-horizontal.svg"); */ + --menuitem-image: url("../icons/star-line-horizontal.svg"); } #placesContext_showAllBookmarks { --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); diff --git a/src/icons/context_menu/_tab_toolbar.scss b/src/icons/context_menu/_tab_toolbar.scss index 112584f..b38ec74 100644 --- a/src/icons/context_menu/_tab_toolbar.scss +++ b/src/icons/context_menu/_tab_toolbar.scss @@ -112,7 +112,7 @@ #toggle_toolbar-menubar { /* checkbox */ - /* --menuitem-image: url("../icons/calendar-agenda.svg"); */ + --menuitem-image: url("../icons/calendar-agenda.svg"); } #toggle_PersonalToolbar { /* Also placeContext */ From 05295e88152deddc4fcbb9330cde972638b1d0a6 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 5 Jun 2022 03:14:51 +0900 Subject: [PATCH 2/3] Fix: Icons - Set spell check & show all tab icon, checkbox menu comments --- css/leptonChrome.css | 17 +++++++++++++++++ src/icons/_global_menu.scss | 8 +++++++- src/icons/context_menu/_content_area.scss | 1 + src/icons/context_menu/_others.scss | 3 +++ 4 files changed, 28 insertions(+), 1 deletion(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index cb5c80d..33e167f 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6668,6 +6668,7 @@ #spell-check-enabled { /* checkbox */ + --menuitem-image: url("../icons/text-proofing-tools.svg"); } #spell-add-dictionaries-main { @@ -6905,6 +6906,10 @@ /* checkbox */ } + .downloadAlwaysOpenSimilarFilesMenuItem { + /* checkbox */ + } + .downloadShowMenuItem { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); } @@ -7162,6 +7167,10 @@ --menuitem-image: url("chrome://browser/skin/import.svg"); } + #goOfflineMenuitem { + /* checkbox */ + } + #menu_FileQuitItem { --menuitem-image: url("../icons/quit.svg"); } @@ -7226,6 +7235,7 @@ } #fullScreenItem { + /* checkbox */ --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); } @@ -7233,6 +7243,10 @@ --menuitem-image: url("chrome://browser/skin/reader-mode.svg"); } + #menu_showAllTabs { + --menuitem-image: url("../icons/tab.svg"); + } + #documentDirection-swap { --menuitem-image: url("../icons/text-direction-horizontal-ltr.svg"); } @@ -7335,6 +7349,7 @@ /* menuWebDeveloperPopup sub menu */ #menu_devToolbox { + /* checkbox */ --menuitem-image: url("../icons/developer.svg"); } @@ -7359,10 +7374,12 @@ } #menu_responsiveUI { + /* checkbox */ --menuitem-image: url("../icons/command-responsivemode.svg"); } #menu_eyedropper { + /* checkbox */ --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); } diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index dc65d82..864c472 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -44,6 +44,7 @@ } #goOfflineMenuitem { + /* checkbox */ } #menu_FileQuitItem { --menuitem-image: url("../icons/quit.svg"); @@ -110,12 +111,14 @@ } #fullScreenItem { + /* checkbox */ --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); } #menu_readerModeItem { --menuitem-image: url("chrome://browser/skin/reader-mode.svg"); } #menu_showAllTabs { + --menuitem-image: url("../icons/tab.svg"); } #documentDirection-swap { @@ -211,7 +214,7 @@ } #webDeveloperMenu, /* Legacy */ - #browserToolsMenu { +#browserToolsMenu { --menuitem-image: url("../icons/developer.svg"); } #menu_pageInfo { @@ -222,6 +225,7 @@ #enableDeveloperTools { } #menu_devToolbox { + /* checkbox */ --menuitem-image: url("../icons/developer.svg"); } #menu_taskManager { @@ -240,9 +244,11 @@ --menuitem-image: url("chrome://devtools/skin/images/command-console.svg"); } #menu_responsiveUI { + /* checkbox */ --menuitem-image: url("../icons/command-responsivemode.svg"); } #menu_eyedropper { + /* checkbox */ --menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); } #menu_pageSource { diff --git a/src/icons/context_menu/_content_area.scss b/src/icons/context_menu/_content_area.scss index f0118be..43cc7a2 100644 --- a/src/icons/context_menu/_content_area.scss +++ b/src/icons/context_menu/_content_area.scss @@ -209,6 +209,7 @@ #spell-check-enabled { /* checkbox */ + --menuitem-image: url("../icons/text-proofing-tools.svg"); } #spell-add-dictionaries-main { --menuitem-image: url("../icons/book-add.svg"); diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss index 36973e7..4b8aefe 100644 --- a/src/icons/context_menu/_others.scss +++ b/src/icons/context_menu/_others.scss @@ -74,6 +74,9 @@ .downloadAlwaysUseSystemDefaultMenuItem { /* checkbox */ } +.downloadAlwaysOpenSimilarFilesMenuItem { + /* checkbox */ +} .downloadShowMenuItem { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); @include Option("userChrome.icon.library") { From b3bd442225a19ead48ee3bff4408dcc13e208030 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 5 Jun 2022 20:27:11 +0900 Subject: [PATCH 3/3] Add: Icons - Non existed checkbox menus' icons --- css/leptonChrome.css | 17 ++++++++++++++--- icons/drawer-arrow-download.svg | 3 +++ icons/eye-tracking-off.svg | 3 +++ icons/fluid.svg | 3 +++ icons/folder-globe.svg | 3 +++ icons/plug-disconnected.svg | 3 +++ src/icons/_global_menu.scss | 1 + src/icons/_panel.scss | 2 +- src/icons/context_menu/_others.scss | 4 ++++ src/icons/context_menu/_tab_toolbar.scss | 10 ++++++++-- 10 files changed, 43 insertions(+), 6 deletions(-) create mode 100644 icons/drawer-arrow-download.svg create mode 100644 icons/eye-tracking-off.svg create mode 100644 icons/fluid.svg create mode 100644 icons/folder-globe.svg create mode 100644 icons/plug-disconnected.svg diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 33e167f..143640b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -5881,7 +5881,7 @@ } #allTabsMenu-hiddenTabsButton { - list-style-image: url("../icons/password-hide.svg"); + list-style-image: url("../icons/eye-hide.svg"); } #allTabsMenu-containerTabsView .subviewbutton:last-child { @@ -6368,14 +6368,20 @@ --menuitem-image: url("chrome://browser/skin/pin-12.svg"); } - .toolbar-context-autohide-downloads-button { - --menuitem-image: url("../icons/password-hide.svg"); + #toolbar-context-autohide-downloads-button { + /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } .customize-context-removeFromToolbar { --menuitem-image: url("chrome://global/skin/icons/delete.svg"); } + #toolbar-context-always-open-downloads-panel { + /* checkbox */ + --menuitem-image: url("../icons/drawer-arrow-download.svg"); + } + #toolbar-context-openANewTab { --menuitem-image: url("chrome://browser/skin/new-tab.svg"); } @@ -6837,6 +6843,7 @@ /*= autohide-context =========================================================*/ #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } #autohide-context > menuitem[data-l10n-id="full-screen-exit"] { @@ -6883,6 +6890,7 @@ /*= downloads-button-autohide-panel ==========================================*/ #downloads-button-autohide-checkbox { /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } /*= downloadsContextMenu =====================================================*/ @@ -6904,10 +6912,12 @@ .downloadAlwaysUseSystemDefaultMenuItem { /* checkbox */ + --menuitem-image: url("../icons/folder-globe.svg"); } .downloadAlwaysOpenSimilarFilesMenuItem { /* checkbox */ + --menuitem-image: url("../icons/fluid.svg"); } .downloadShowMenuItem { @@ -7169,6 +7179,7 @@ #goOfflineMenuitem { /* checkbox */ + --menuitem-image: url("../icons/plug-disconnected.svg"); } #menu_FileQuitItem { diff --git a/icons/drawer-arrow-download.svg b/icons/drawer-arrow-download.svg new file mode 100644 index 0000000..50060f1 --- /dev/null +++ b/icons/drawer-arrow-download.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/eye-tracking-off.svg b/icons/eye-tracking-off.svg new file mode 100644 index 0000000..9ce8bbf --- /dev/null +++ b/icons/eye-tracking-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/fluid.svg b/icons/fluid.svg new file mode 100644 index 0000000..2cffb70 --- /dev/null +++ b/icons/fluid.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/folder-globe.svg b/icons/folder-globe.svg new file mode 100644 index 0000000..65eb7e0 --- /dev/null +++ b/icons/folder-globe.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/plug-disconnected.svg b/icons/plug-disconnected.svg new file mode 100644 index 0000000..4d978ab --- /dev/null +++ b/icons/plug-disconnected.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/icons/_global_menu.scss b/src/icons/_global_menu.scss index 864c472..805f69d 100644 --- a/src/icons/_global_menu.scss +++ b/src/icons/_global_menu.scss @@ -45,6 +45,7 @@ #goOfflineMenuitem { /* checkbox */ + --menuitem-image: url("../icons/plug-disconnected.svg"); } #menu_FileQuitItem { --menuitem-image: url("../icons/quit.svg"); diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss index d4290b6..5ac6135 100644 --- a/src/icons/_panel.scss +++ b/src/icons/_panel.scss @@ -371,7 +371,7 @@ panelMenuBookmarkThisPage[starred] { } #allTabsMenu-hiddenTabsButton { - list-style-image: url("../icons/password-hide.svg"); + list-style-image: url("../icons/eye-hide.svg") } #allTabsMenu-containerTabsView .subviewbutton:last-child { diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss index 4b8aefe..b04b213 100644 --- a/src/icons/context_menu/_others.scss +++ b/src/icons/context_menu/_others.scss @@ -13,6 +13,7 @@ /*= autohide-context =========================================================*/ #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } #autohide-context > menuitem[data-l10n-id="full-screen-exit"] { @@ -56,6 +57,7 @@ /*= downloads-button-autohide-panel ==========================================*/ #downloads-button-autohide-checkbox { /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } /*= downloadsContextMenu =====================================================*/ @@ -73,9 +75,11 @@ } .downloadAlwaysUseSystemDefaultMenuItem { /* checkbox */ + --menuitem-image: url("../icons/folder-globe.svg"); } .downloadAlwaysOpenSimilarFilesMenuItem { /* checkbox */ + --menuitem-image: url("../icons/fluid.svg"); } .downloadShowMenuItem { --menuitem-image: url("chrome://global/skin/icons/folder.svg"); diff --git a/src/icons/context_menu/_tab_toolbar.scss b/src/icons/context_menu/_tab_toolbar.scss index b38ec74..00d0372 100644 --- a/src/icons/context_menu/_tab_toolbar.scss +++ b/src/icons/context_menu/_tab_toolbar.scss @@ -85,12 +85,18 @@ .customize-context-moveToPanel { --menuitem-image: url("chrome://browser/skin/pin-12.svg"); } -.toolbar-context-autohide-downloads-button { - --menuitem-image: url("../icons/password-hide.svg"); +#toolbar-context-autohide-downloads-button { + /* checkbox */ + --menuitem-image: url("../icons/eye-tracking-off.svg"); } .customize-context-removeFromToolbar { --menuitem-image: url("chrome://global/skin/icons/delete.svg"); } + +#toolbar-context-always-open-downloads-panel { + /* checkbox */ + --menuitem-image: url("../icons/drawer-arrow-download.svg"); +} #toolbar-context-openANewTab { --menuitem-image: url("chrome://browser/skin/new-tab.svg"); }