create iconized_content_context_menu.css

This commit is contained in:
MrOtherGuy
2024-08-01 16:26:15 +03:00
parent d47b63d180
commit ba712db81f
3 changed files with 211 additions and 13 deletions

View File

@@ -0,0 +1,194 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_content_context_menu.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Adds icons to menuitems in web content area context menu.
* Note that this won't work if you have native context menus,
* such as ones used on MacOS */
:where(#contentAreaContextMenu > menu:not(.menu-iconic))::before,
:where(#contentAreaContextMenu > menuitem:not(.menuitem-iconic))::before{
display: flex;
padding-inline-end: 8px;
padding-top: 2px;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
content: url("chrome://browser/skin/tab.svg");
-moz-context-properties: fill;
fill: currentColor;
}
:where(#contentAreaContextMenu > menu),
:where(#contentAreaContextMenu > menuitem){
padding-inline-start: 1em !important;
}
#contentAreaContextMenu > :is(.menu-iconic,.menuitem-iconic)::before{
content: none;
}
:where(#context-sep-navigation) ~ menuitem::before{
content: url("chrome://devtools/skin/images/tool-dom.svg");
}
:where(#context-sep-viewsource-commands) ~ menuitem::before{
content: url("chrome://browser/skin/translations.svg");
}
:where(#spell-suggestions-separator) ~ menuitem::before{
content: url("chrome://browser/skin/new-tab.svg");
}
:where(#context-sep-open) ~ menuitem::before{
content: url("chrome://browser/skin/bookmark-star-on-tray.svg");
}
:where(#context-savelinktopocket) ~ menuitem::before{
content: url("chrome://global/skin/icons/edit-copy.svg");
}
:where(#context-sep-copylink) ~ menuitem::before{
content: url("chrome://devtools/skin/images/play.svg");
}
:where(#context-media-sep-commands) ~ menuitem::before{
content: url("chrome://browser/skin/canvas.svg");
}
:where(#context-sep-sharing) ~ menuitem::before{
content: url("chrome://browser/skin/login.svg");
}
:where(#passwordmgr-items-separator) ~ menuitem::before{
content: url("chrome://global/skin/icons/edit.svg");
}
:where(#context-sep-screenshots) ~ menuitem::before{
content: url("chrome://global/skin/icons/search-glass.svg");
}
/* Individual items below */
#context-openlink::before{
content: url("chrome://browser/skin/window.svg");
}
#context-openlinkprivate::before{
content: url("chrome://browser/skin/privateBrowsing.svg");
}
#context-savelinktopocket::before{
content: url("chrome://global/skin/icons/pocket-outline.svg");
}
#context-copylink::before,
#context-stripOnShareLink::before,
#context-copyaudiourl::before,
#context-copyvideourl::before{
content: url("chrome://global/skin/icons/link.svg");
}
#context-saveaudio::before,
#context-saveimage::before,
#context-savelink::before,
#context-savevideo::before,
#context-savepage::before{
content: url("chrome://browser/skin/save.svg");
}
#context-pocket::before{
content: url("chrome://global/skin/icons/pocket.svg");
}
#use-relay-mask::before{
content: url("chrome://browser/skin/preferences/relay-logo.svg");
}
#context-copy::before,
#context-pdfjs-copy::before{
content: url("chrome://global/skin/icons/edit-copy.svg");
}
#context-cut::before,
#context-pdfjs-cut::before{
content: url("chrome://browser/skin/edit-cut.svg");
}
#context-paste-no-formatting::before,
#context-paste::before,
#context-pdfjs-paste::before{
content: url("chrome://browser/skin/edit-paste.svg");
}
#context-delete::before,
#context-pdfjs-delete::before{
content: url("chrome://global/skin/icons/delete.svg");
}
#context-video-saveimage::before,
#context-take-screenshot::before{
content: url("chrome://devtools/skin/images/command-screenshot.svg");
}
#context-sendpagetodevice::before,
#context-sendlinktodevice::before{
content: url("chrome://browser/skin/synced-tabs.svg");
}
#context-media-play::before{
content: url("chrome://devtools/skin/images/play.svg");
}
#context-media-pause::before{
content: url("chrome://devtools/skin/images/pause.svg");
}
#context-media-mute::before{
content: url("chrome://global/skin/media/audio-muted.svg");
}
#context-media-unmute::before{
content: url("chrome://global/skin/media/audio.svg");
}
#context-media-hidecontrols::before,
#context-media-showcontrols::before{
content: url("chrome://devtools/skin/images/dock-bottom.svg");
}
#context-media-loop::before{
content: url("chrome://browser/skin/notification-icons/autoplay-media.svg");
}
#context-leave-dom-fullscreen::before{
content: url("chrome://browser/skin/fullscreen-exit.svg");
}
#context-video-fullscreen::before{
content: url("chrome://browser/skin/fullscreen.svg");
}
#context-video-pictureinpicture::before{
content: url("chrome://global/skin/media/picture-in-picture-open.svg");
}
#context-media-playbackrate::before{
content: url("chrome://global/skin/narrate/fast.svg");
}
#context-sendimage::before,
#context-sendvideo::before,
#context-sendaudio::before{
content: url("chrome://browser/skin/mail.svg");
}
#context-undo::before,
#context-pdfjs-undo::before,
#context-redo::before,
#context-pdfjs-redo::before{
content: url("chrome://global/skin/icons/undo.svg");
}
#context-redo::before,
#context-pdfjs-redo::before{
transform-box: content-box;
transform: scaleX(-1);
}
#context-selectall::before,
#context-pdfjs-selectall::before,
#context-pdfjs-highlight-selection::before{
content: url("chrome://global/skin/reader/character-spacing-20.svg");
}
#context-reveal-password::before{
-moz-context-properties: fill,stroke;
stroke: currentColor;
content: url("chrome://devtools/skin/images/eye-opened.svg");
}
#context-print-selection::before{
content: url("chrome://global/skin/icons/print.svg");
}
#context-translate-selection::before,
#spell-check-enabled::before,
#spell-add-dictionaries-main::before,
#spell-dictionaries::before{
content: url("chrome://browser/skin/translations.svg");
}
#context-ask-chat::before{
content: url("chrome://global/skin/icons/highlights.svg");
}
#context-bidi-text-direction-toggle::before,
#context-bidi-page-direction-toggle::before{
content: url("chrome://devtools/skin/images/command-bidi.svg");
}
#context-viewpartialsource-selection::before,
#context-viewsource::before{
content: url("chrome://browser/skin/characterEncoding.svg");
}
#context-inspect-a11y::before{
content: url("chrome://devtools/skin/images/accessibility.svg");
}
#context-inspect::before{
content: url("chrome://devtools/skin/images/open-inspector.svg");
}

View File

@@ -11,6 +11,8 @@
"deprecated/blank_page_background.css":["legacy"],
"deprecated/bookmarksbar_on_new_tabs_only.css":["legacy"],
"deprecated/bookmarks_toolbar_on_newtabs_only.css":["legacy"],
"bookmark_panel_enlarge.css":["bookmarks","popup"],
"bookmarks_below_content.css":["bookmarks","toolbars"],
"button_effect_icon_glow.css":["buttons","effect"],
"button_effect_scale_onclick.css":["buttons","effect"],
"button_effect_scale_onhover.css":["buttons","effect"],
@@ -39,6 +41,7 @@
"deprecated/dark_theme_aware_statuspanel.css":["legacy"],
"disable_newtab_on_middle_click.css":["hack","tabs"],
"drag_window_from_urlbar.css":["urlbar","windows"],
"dual_color_tab_attention_indicator.css":["tab","colors"],
"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbars","bookmarks"],
"fake_urlbar_dropmarker.css":["urlbar","hack"],
"fake_statusbar_w_menubar.css":["hack","status","toolbars","menubar"],
@@ -57,6 +60,7 @@
"hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
"hide_urlbar_first_row.css":["urlbar","popup","hiding"],
"icon_only_tabs.css":["tab","icon"],
"iconized_content_context_menu.css":["menu","icon"],
"iconized_main_menu.css":["icon","popup","menu","proton"],
"iconized_menubar_items.css":["menubar","menu","icon"],
"inline_tab_audio_icons.css":["tab","icon","proton"],
@@ -95,6 +99,7 @@
"newtab_button_always_on_hover.css":["tabs","hiding"],
"non_floating_sharp_tabs.css":["tab","proton","buttons"],
"numbered_tabs.css":["tabs"],
"overlay_fullscreen_toolbars.css":["toolbars","fullscreen"],
"overlay_menubar.css":["menubar"],
"deprecated/overlay_scrollbars.as.css":["legacy"],
"overlay_sidebar_header.css":["sidebar","hack"],
@@ -116,6 +121,7 @@
"sharp_menupopup_corners.css":["popup","menu","proton"],
"show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbars","hiding"],
"show_toolbars_in_popup_windows.css":["toolbars","popup"],
"show_urlbar_button.css":["urlbar","hack","hiding"],
"show_window_title_in_menubar.css":["windows","menubar"],
"shrinking_pinned_tabs.css":["tab"],
"status_inside_menubar.css":["menubar","status","hack"],
@@ -124,6 +130,7 @@
"tab_animated_active_border.css":["tab","effect","colors"],
"tab_close_button_always_on_hover.css":["tab","close"],
"tab_closing_animation.css":["tab","effect"],
"tab_count_in_alltabs_button.css":["tabs"],
"tab_effect_scale_onclick.css":["tab","effect"],
"tab_line_loading_indicator.css":["tab","icon","effect"],
"tab_loading_progress_bar.css":["tab","effect"],
@@ -161,14 +168,9 @@
"vertical_context_navigation_v2.css":["navigation","menu","popup"],
"vertical_menubar.css":["menubar","hack"],
"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"],
"vertical_tabs.css":["tabs","hack"],
"vertical_urlbar_one-off_items.css":["urlbar"],
"window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"],
"window_control_force_linux_system_style.css":["window-control","buttons","icon"],
"window_control_placeholder_support.css":["window-control","patch"],
"vertical_tabs.css":["tabs","hack"],
"bookmarks_below_content.css":["bookmarks","toolbars"],
"overlay_fullscreen_toolbars.css":["toolbars","fullscreen"],
"dual_color_tab_attention_indicator.css":["tab","colors"],
"tab_count_in_alltabs_button.css":["tabs"],
"show_urlbar_button.css":["urlbar","hack","hiding"]
"window_control_placeholder_support.css":["window-control","patch"]
}

View File

@@ -10,6 +10,8 @@ autohide_toolbox.css,autohide,toolbars,fullscreen
deprecated/blank_page_background.css,legacy
deprecated/bookmarksbar_on_new_tabs_only.css,legacy
deprecated/bookmarks_toolbar_on_newtabs_only.css,legacy
bookmark_panel_enlarge.css,bookmarks,popup
bookmarks_below_content.css,bookmarks,toolbars
button_effect_icon_glow.css,buttons,effect
button_effect_scale_onclick.css,buttons,effect
button_effect_scale_onhover.css,buttons,effect
@@ -38,6 +40,7 @@ deprecated/dark_date_picker_panel.css,legacy
deprecated/dark_theme_aware_statuspanel.css,legacy
disable_newtab_on_middle_click.css,hack,tabs
drag_window_from_urlbar.css,urlbar,windows
dual_color_tab_attention_indicator.css,tab,colors
fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
fake_urlbar_dropmarker.css,urlbar,hack
fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
@@ -56,6 +59,7 @@ hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
hide_toolbox_top_bottom_borders.css,toolbars,hiding
hide_urlbar_first_row.css,urlbar,popup,hiding
icon_only_tabs.css,tab,icon
iconized_content_context_menu.css,menu,icon
iconized_main_menu.css,icon,popup,menu,proton
iconized_menubar_items.css,menubar,menu,icon
inline_tab_audio_icons.css,tab,icon,proton
@@ -94,6 +98,7 @@ navigation_buttons_inside_urlbar.css,navigation,buttons,urlbar
newtab_button_always_on_hover.css,tabs,hiding
non_floating_sharp_tabs.css,tab,proton,buttons
numbered_tabs.css,tabs
overlay_fullscreen_toolbars.css,toolbars,fullscreen
overlay_menubar.css,menubar
deprecated/overlay_scrollbars.as.css,legacy
overlay_sidebar_header.css,sidebar,hack
@@ -115,6 +120,7 @@ selected_tab_gradient_border.css,tab,colors,effect
sharp_menupopup_corners.css,popup,menu,proton
show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
show_toolbars_in_popup_windows.css,toolbars,popup
show_urlbar_button.css,urlbar,hack,hiding
show_window_title_in_menubar.css,windows,menubar
shrinking_pinned_tabs.css,tab,
status_inside_menubar.css,menubar,status,hack
@@ -123,6 +129,7 @@ status_inside_urlbar_v2.css,status,urlbar,status,effect,hack
tab_animated_active_border.css,tab,effect,colors
tab_close_button_always_on_hover.css,tab,close
tab_closing_animation.css,tab,effect
tab_count_in_alltabs_button.css,tabs
tab_effect_scale_onclick.css,tab,effect
tab_line_loading_indicator.css,tab,icon,effect
tab_loading_progress_bar.css,tab,effect
@@ -160,13 +167,8 @@ vertical_context_navigation.css,navigation,menu,popup
vertical_context_navigation_v2.css,navigation,menu,popup
vertical_menubar.css,menubar,hack
vertical_popup_menubar.css,menubar,menu,toolbars,popup
vertical_tabs.css,tabs,hack
vertical_urlbar_one-off_items.css,urlbar
window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch
window_control_force_linux_system_style.css,window-control,buttons,icon
window_control_placeholder_support.css,window-control,patch
vertical_tabs.css,tabs,hack
bookmarks_below_content.css,bookmarks,toolbars
overlay_fullscreen_toolbars.css,toolbars,fullscreen
dual_color_tab_attention_indicator.css,tab,colors
tab_count_in_alltabs_button.css,tabs
show_urlbar_button.css,urlbar,hack,hiding
1 auto_devtools_theme_for_rdm.css,devtools,colors
10 deprecated/blank_page_background.css,legacy
11 deprecated/bookmarksbar_on_new_tabs_only.css,legacy
12 deprecated/bookmarks_toolbar_on_newtabs_only.css,legacy
13 bookmark_panel_enlarge.css,bookmarks,popup
14 bookmarks_below_content.css,bookmarks,toolbars
15 button_effect_icon_glow.css,buttons,effect
16 button_effect_scale_onclick.css,buttons,effect
17 button_effect_scale_onhover.css,buttons,effect
40 deprecated/dark_theme_aware_statuspanel.css,legacy
41 disable_newtab_on_middle_click.css,hack,tabs
42 drag_window_from_urlbar.css,urlbar,windows
43 dual_color_tab_attention_indicator.css,tab,colors
44 fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
45 fake_urlbar_dropmarker.css,urlbar,hack
46 fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
59 hide_toolbox_top_bottom_borders.css,toolbars,hiding
60 hide_urlbar_first_row.css,urlbar,popup,hiding
61 icon_only_tabs.css,tab,icon
62 iconized_content_context_menu.css,menu,icon
63 iconized_main_menu.css,icon,popup,menu,proton
64 iconized_menubar_items.css,menubar,menu,icon
65 inline_tab_audio_icons.css,tab,icon,proton
98 newtab_button_always_on_hover.css,tabs,hiding
99 non_floating_sharp_tabs.css,tab,proton,buttons
100 numbered_tabs.css,tabs
101 overlay_fullscreen_toolbars.css,toolbars,fullscreen
102 overlay_menubar.css,menubar
103 deprecated/overlay_scrollbars.as.css,legacy
104 overlay_sidebar_header.css,sidebar,hack
120 sharp_menupopup_corners.css,popup,menu,proton
121 show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
122 show_toolbars_in_popup_windows.css,toolbars,popup
123 show_urlbar_button.css,urlbar,hack,hiding
124 show_window_title_in_menubar.css,windows,menubar
125 shrinking_pinned_tabs.css,tab,
126 status_inside_menubar.css,menubar,status,hack
129 tab_animated_active_border.css,tab,effect,colors
130 tab_close_button_always_on_hover.css,tab,close
131 tab_closing_animation.css,tab,effect
132 tab_count_in_alltabs_button.css,tabs
133 tab_effect_scale_onclick.css,tab,effect
134 tab_line_loading_indicator.css,tab,icon,effect
135 tab_loading_progress_bar.css,tab,effect
167 vertical_context_navigation_v2.css,navigation,menu,popup
168 vertical_menubar.css,menubar,hack
169 vertical_popup_menubar.css,menubar,menu,toolbars,popup
170 vertical_tabs.css,tabs,hack
171 vertical_urlbar_one-off_items.css,urlbar
172 window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch
173 window_control_force_linux_system_style.css,window-control,buttons,icon
174 window_control_placeholder_support.css,window-control,patch
vertical_tabs.css,tabs,hack
bookmarks_below_content.css,bookmarks,toolbars
overlay_fullscreen_toolbars.css,toolbars,fullscreen
dual_color_tab_attention_indicator.css,tab,colors
tab_count_in_alltabs_button.css,tabs
show_urlbar_button.css,urlbar,hack,hiding